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.
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top" align="center" style="padding:4px;" width="125">
      [If PRODUCTLARGEIMAGEEXISTS]
        <a style="cursor: pointer" border="0" id="LargerImageLink" target="_blank" href="<%DRAWPRODUCTLARGEIMAGELOCATION%>"><%DRAWPRODUCTTHUMBNAIL%></a>
      [/If]
      [If Not PRODUCTLARGEIMAGEEXISTS]
        <%DRAWPRODUCTTHUMBNAIL%>
      [/If]
      <br /><%DRAWFREESHIPPINGIMAGE%>
      [If PRODUCTLARGEIMAGEEXISTS]
        <br />
        <a class="sitewidelinks" id="LargerImageLink" target="_blank" href="<%DRAWPRODUCTLARGEIMAGELOCATION%>">
          (Larger View)
        </a>
      [/If]
      [If PRODUCTIMAGEGALLERYEXISTS]
        <br />
        <a id="ImageGalleryLink" class="sitewidelinks" title="Click Here To View More Images" href="<%DRAWPRODUCTIMAGEGALLERYLOCATION%>">
          View More Images
        </a>
      [/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]
      <br /><br />
      <div align="left">
        <font size="2" class="prodmfg">
          [If PRODUCTPARTNUMBEREXISTS]
            <li>
              <b>
                Part:
              </b>
              <%DRAWPRODUCTPARTNUMBER%>
            </li>
          [/If]
          [If PRODUCTMFGNAMEEXISTS]
            <li>
              <b>
                MFG:
              </b>
              <%DRAWPRODUCTMFGNAME%>
            </li>
          [/If]
          [If PRODUCTMFGPARTNUMBEREXISTS]
            <li>
              <b>
                MFG Part:
              </b>
              <%DRAWPRODUCTMFGPARTNUMBER%>
            </li>
          [/If]
          [If PRODUCTINVENTORYSTATUSEXISTS]
            [If PRODUCTPRICEEXISTS]
              <li>
                <font class="price">
                  <b>
                    <%DRAWPRODUCTINVENTORYSTATUSTITLE%>:
                  </b>
                  <%DRAWPRODUCTINVENTORYSTATUS%>
                </font>
              </li>
            [/If]
          [/If]
        </font>
      </div>
    </td>
    <td valign="top">
      <font size="2" class="prodmfg">
        <b>
          <%DRAWPRODUCTNAME%>
        </b>
      </font>
      [If PRODUCTSHORTDESCRIPTIONEXISTS]
        <br />
        <font class="producttext">
          <%DRAWPRODUCTSHORTDESCRIPTION%>
        </font>
      [/If]
      [If PRODUCTLONGDESCRIPTIONEXISTS]
        <br /><br />
        <font class="sitewidefonts">
          <%DRAWPRODUCTLONGDESCRIPTION%>
        </font>
      [/If]
      [If ADDITIONALINFOEXISTS]
        <br /><br />
        <%DRAWPRODUCTADDITIONALINFO%>
      [/If]
      [If PRODUCTQTYDISCOUNTEXISTS]
        <br /><br />
        <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]
      <br /><br />
      [If PRODUCTPRICEEXISTS]
        [If PRODUCTLISTPRICEEXISTS]
          [If PRODUCTLISTPRICETEXTEXISTS]
            <font class="listprice">
              <%DRAWPRODUCTLISTPRICETEXT%>
            </font>
          [/If]
          <font class="listprice">
            <b>
              <%DRAWPRODUCTLISTPRICE%>
            </b>
            ...
          </font>
        [/If]
        <font class="price">
          <b>
            <%DRAWPRODUCTPRICETEXT%>
            <%DRAWPRODUCTPRICE%>
          </b>
        </font>
        <br /><br />
        <font class="price">
          Quantity: <%DRAWPRODUCTQTYBOX%>
        </font>
      [/If]
      [If Not PRODUCTPRICEEXISTS]
        <font class="price">
          <b>
            <%DRAWPRODUCTPRICE%>
          </b>
        </font>
      [/If]
      <br /><br />
      [If PRODUCTVARIANTSORPACKAGESEXIST]
        <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%>
        <br />
      [/If]
      [If PRODUCTQUESTIONSEXIST]
        <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 Questions</font>
            </td>
          </tr>
        </table>
        <%DRAWPRODUCTQUESTIONS%>
      [/If]
      <div style="border-top:solid 1px #999" align="center">
        <%DRAWPRODUCTBUYBUTTON%>
        [If WISHLISTSENABLED]
          <br /><%DRAWADDTOWISHLISTBUTTON%>
        [/If]
      </div>
    </td>
  </tr>
  [If PRODUCTRELATEDPRODUCTSEXIST]
    <tr>
      <td colspan="2">&nbsp;
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <%DRAWPRODUCTRELATEDPRODUCTS%>
      </td>
    </tr>
  [/If]
  [If PRODUCTREVIEWSENABLED]
    <tr>
      <td colspan="2">
      </td>
    </tr>
    <tr>
      <td colspan="2">
        <%DRAWRECENTPRODUCTREVIEWSWITHLINK%>
      </td>
    </tr>
  [/If]
</table>