MC Knowledgebase: Training & Support | Product Display Layout & Code

- Example Layout View
Click inside the box below to select all of the code for this Product Layout. Copy (Ctrl + C) the code for this layout and paste (Ctrl + V) it into the Product Display Editor under the HTML Menu within your Admin Panel.
[If PRODUCTMFGLOGOEXISTS]  <table width="100%" cellpadding="2" id="AutoNumber1">
    <tr>
      <td width="100%" align="center" class="ProdDisplay1">
        <%DRAWPRODUCTMFGLOGO%>
      </td>
    </tr>
  </table>
[/If]
<table cellpadding="2" class="default" width="100%" id="AutoNumber1">
  <tr>
    <td width="50%" class="ProdDisplay1" align="left">
      [If PRODUCTMFGNAMEEXISTS]
        <font size="2" class="prodmfg">
          <b>
            <%DRAWPRODUCTMFGNAME%>
          </b>
        </font>
      [/If]
    </td>
    <td width="50%" class="ProdDisplay1" align="right">
      [If PRODUCTMFGPARTNUMBEREXISTS]
        <font size="2" class="prodmfg">
          <%DRAWPRODUCTMFGPARTNUMBER%>
        </font>
      [/If]
    </td>
  </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;" width="100%" height="46" id="AutoNumber2">
  <tr>
    <td width="813" height="14" colspan="2">
    </td>
  </tr>
  <tr>
    <td width="100%" colspan="2" align="center">
      [If PRODUCTLARGEIMAGEEXISTS]
        <p align="center" style="margin-top: 0; margin-bottom: 0;">
          [If PRODUCTIMAGEGALLERYEXISTS]
            <a style="cursor:pointer" onclick="<%DRAWPRODUCTIMAGEGALLERYLOCATION%>" border="0">
              <%DRAWPRODUCTLARGEIMAGE%>
            </a>
          [/If]
          [If Not PRODUCTIMAGEGALLERYEXISTS]
            <%DRAWPRODUCTLARGEIMAGE%>
          [/If]
        </p>
      [/If]
      [If PRODUCTIMAGEGALLERYEXISTS]
        <p align="center" style="margin-top: 0; margin-bottom: 0;">
          <font face="Arial" size="1">
            <p align="center" style="margin-top: 0; margin-bottom: 0;">
              <a id="ImageGalleryLink" class="sitewidelinks" title="Click Here To View More Images" href="<%DRAWPRODUCTIMAGEGALLERYLOCATION%>">View More Images</a>
            </p>
          </font>
        </p>
      [/If]
      [If FREESHIPPINGIMAGEENABLED]
        <p align="center" style="margin-top: 0; margin-bottom: 0;">
          <%DRAWFREESHIPPINGIMAGE%>
        </p>
      [/If]
      [If EMAILFRIENDLINKENABLED]
        <p style="margin-top: 0; margin-bottom: 0" align="center">
          <font size="1">
            <a id="EmailAFriendLink" class="sitewidelinks" href="<%DRAWEMAILFRIENDLOCATION%>">Email this to a friend</a>
          </font>
        </p>
      [/If]
    </td>
  </tr>
</table>
<table border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse" width="100%">
  <tr>
    <td class="ProdDisplay1">
      [If PRODUCTNAMEEXISTS]
        <font size="2" class="prodmfg">
          <b>
            <%DRAWPRODUCTNAME%>
          </b>
        </font>
      [/If]
    </td>
    <td class="ProdDisplay1" align="right">
      [If PRODUCTPARTNUMBEREXISTS]
        <b>
          <font size="2" class="prodmfg">
            <%DRAWPRODUCTPARTNUMBER%>
          </font>
        </b>
      [/If]
    </td>
  </tr>
  <tr>
    <td width="100%" colspan="2">
      [If PRODUCTSHORTDESCRIPTIONEXISTS]
        <font class="producttext">
          <%DRAWPRODUCTSHORTDESCRIPTION%>
        </font>
      [/If]
    </td>
  </tr>
</table>
<div align="left">
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;" width="100%" height="43" id="AutoNumber3">
    [If PRODUCTPRICEEXISTS]
      <tr>
        <td width="20%" class="ProdDisplay2" align="center">
          [If PRODUCTINVENTORYSTATUSEXISTS]
            <font class="price">
              <%DRAWPRODUCTINVENTORYSTATUSTITLE%>
            </font>
          [/If]
        </td>
        <td width="20%" class="ProdDisplay2" align="center">
          [If PRODUCTLISTPRICEEXISTS]
            [If PRODUCTLISTPRICETEXTEXISTS]
              <font class="listprice">
                <%DRAWPRODUCTLISTPRICETEXT%>
              </font>
            [/If]
          [/If]
        </td>
        <td width="20%" class="ProdDisplay2" align="center">
          <font class="price">
            <%DRAWPRODUCTPRICETEXT%>
          </font>
        </td>
        <td width="20%" class="ProdDisplay2" align="center">
          <font class="price">
            Qty
          </font>
        </td>
        <td width="20%" class="ProdDisplay2" align="center">
          &nbsp;
        </td>
      </tr>
      <tr>
        <td width="20%" height="37" align="center" valign="middle">
          [If PRODUCTINVENTORYSTATUSEXISTS]
            <font class="price">
              <b>
                <%DRAWPRODUCTINVENTORYSTATUS%>
              </b>
            </font>
          [/If]
        </td>
        <td width="20%" height="37" align="center" valign="middle">
          [If PRODUCTLISTPRICEEXISTS]
            <font class="listprice">
              <b>
                <%DRAWPRODUCTLISTPRICE%>
              </b>
            </font>
          [/If]
        </td>
        <td width="20%" height="37" align="center" valign="middle">
          <font class="price">
            <b>
              <%DRAWPRODUCTPRICE%>
            </b>
          </font>
        </td>
        <td width="20%" height="37" align="center" valign="middle">
          <%DRAWPRODUCTQTYBOX%>
        </td>
        <td width="20%" height="37" align="center" valign="middle">
          <%DRAWPRODUCTBUYBUTTON%>
          <br />
          [If WISHLISTSENABLED]
            <div class="wishlistbutton">
              <%DRAWADDTOWISHLISTBUTTON%>
            </div>
          [/If]
        </td>
      </tr>
    [/If]
    [If Not PRODUCTPRICEEXISTS]
      <tr>
        <td width="20%" class="ProdDisplay2" align="center">
          &nbsp;
        </td>
        <td width="20%" class="ProdDisplay2" align="center">
          &nbsp;
        </td>
        <td width="20%" class="ProdDisplay2" align="center">
          &nbsp;
        </td>
        <td width="20%" class="ProdDisplay2" align="center">
          <font class="price">
            <b>
              <%DRAWPRODUCTPRICE%>
            </b>
          </font>
        </td>
        <td width="20%" class="ProdDisplay2" align="center">
          &nbsp;
        </td>
      </tr>
    [/If]
  </table>
  [If PRODUCTVARIANTSORPACKAGESEXIST]
    <table border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse;" width="100%" id="TableProductOptions">
      <tr>
        <td width="91%" valign="top" height="0">
          <table border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse" width="100%" id="TableProductOptions">
            <tr>
              <td class="ProdDisplay2" width="100%">
                <font class="subtitle">Product Options</font>
              </td>
            </tr>
          </table>
          <%DRAWPRODUCTVARIANTSANDPACKAGES%>
        </td>
      </tr>
    </table>
  [/If]
  <br />
  [If PRODUCTQUESTIONSEXIST]
    <table border="0" width="100%" cellpadding="2" style="border-collapse: collapse">
      <tr>
        <td width="100%" class="ProdDisplay2">
          <table border="0" width="100%" cellpadding="2" style="border-collapse: collapse">
            <tr>
              <td width="100%" class="ProdDisplay2">
                <font class="subtitle">
                  Personalization
                </font>
              </td>
            </tr>
          </table>
          <%DRAWPRODUCTQUESTIONS%>
        </td>
      </tr>
    </table>
  [/If]
  [If PRODUCTQTYDISCOUNTEXISTS]
    <table width="100%" cellspacing="0" cellpadding="2" border="0" id="idQtyDiscountTable" style="border-collapse: collapse;">
      <tr>
        <td width="100%" class="ProdDisplay1">
          <font class="subtitle">
            <%DRAWPRODUCTQTYDISCOUNTHEADER%>
          </font>
        </td>
      </tr>
      <tr>
        <td width="100%" align="center">
          <%DRAWPRODUCTQTYDISCOUNTTABLE%>
        </td>
      </tr>
    </table>
  [/If]
  [If PRODUCTLONGDESCRIPTIONEXISTS]
    <table border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse;" width="100%" id="Table2">
      <tr>
        <td width="100%" class="ProdDisplay2">
          <font class="subtitle">
            Detailed Description
          </font>
        </td>
      </tr>
      <tr>
        <td width="100%" class="sitewidefonts">
          <%DRAWPRODUCTLONGDESCRIPTION%>
        </td>
      </tr>
    </table>
  [/If]
  <br />
</div>
[If ADDITIONALINFOEXISTS]
  <table border="0" cellpadding="2" cellspacing="0" style="border-collapse: collapse;" width="100%" id="Table2">
    <tr>
      <td width="100%" class="ProdDisplay2">
        <font class="subtitle">
          Additional Information
        </font>
      </td>
    </tr>
    <tr>
      <td width="100%">
        <%DRAWPRODUCTADDITIONALINFO%>
      </td>
    </tr>
  </table>
[/If]
<br /><br />
[If PRODUCTRELATEDPRODUCTSEXIST]
  <font class="subtitle">
    Related Products
  </font>
  <%DRAWPRODUCTRELATEDPRODUCTS%>
[/If]
<%DRAWRECENTPRODUCTREVIEWSWITHLINK%>