Images below the product description

[jo_longley]

Hi - I need to change a product layout so that the image shows below title & description as the image is very long.

Can anyone help - not sure how to edit the HTML to do this.

Thanks

Jo

[Jemski]

Voila

Assuming you don't want to keep the 'image to left of text and title' fragment, edit the 'image to left..' fragment and use the following code to replace the existing code. Now, whenever you use the 'image to left..' fragment you will actually get the image underneath the text and title. Good luck!

<!-- LeftImageAndTitle HTML begin -->

<tr>
<td colspan="3" valign="top">

NETQUOTEVAR:FRAGMENTANCHOR
<table border="0" width="100%" cellpadding="5" cellspacing="1">
<tr>
<td valign="top">
<h3>NETQUOTEVAR:BROCHURE_TITLE</h3>
NETQUOTEVAR:BROCHURE_TEXT</td>
</tr>
<tr>
<td valign="top">NETQUOTEVAR:BROCHURE_IMAGE</td>
</tr>
</table>

</td>
</tr>

<!-- LeftImageAndTitle HTML end -->

[jont]

The following code will set the image beneath the product name and description

<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN

  <tr>
    <td valign="TOP" align="LEFT" colspan="1"> 
	   NETQUOTEVAR:TEMPLATEBEGINXML
      <a name="NETQUOTEVAR:PRODUCTANCHOR"><span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME</b></span></a>
      <span class="actxsmall">NETQUOTEVAR:PRODUCTREF <br>
      NETQUOTEVAR:PRODUCTDESCRIPTION&nbsp;NETQUOTEVAR:EXTINFOLINK</span>NETQUOTEVAR:EXTINFOBUTTON
      <br /><br />NETQUOTEVAR:PRODUCTIMAGE<br />
      <span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
      NETQUOTEVAR:PRICEEXPLANATION </span><br>
      <b>NETQUOTEVAR:PRODUCTPRICE</b><br>
      <span class="actxsmall">NETQUOTEVAR:DISCOUNTINFO </span>
      <span class="actxsmall">NETQUOTEVAR:OTHERINFOPROMPT </span>
      <span class="actxsmall">NETQUOTEVAR:DATEPROMPT</span>
	  <span class="actxsmall">
			NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
			<Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>
		    </span>
			NETQUOTEVAR:TEMPLATEENDXML
    </td>
  </tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT
<!-- Insert HTML for the bottom of the individual product -->
<!-- ProductLine HTML end -->

Save as Act_ProductLineNEW.html and then you can either set globally or against specific products if you still need the old format in places.

Note I have placed a line break before the image at

<br /><br />NETQUOTEVAR:PRODUCTIMAGE<br />

the first <br /> moves the image to its own line and the second moves it down 1 line to give a little space between the text and the image - you can add more or delete accordingly. The <br /> at the end places the following text etc on it's own line

HTH

[jont]

Jo - note my reply is for the product template and Jem's is for the fragment - use whichever you need accordingly