text wrapping/layout

[stuarts]

Please can anyone tell me how i can get the layout of the text better than in the image shown (see attached file), There is such a big empty space below the image it makes everything look untidy, i know i could cut down on the amount of text and put more info in a pop-up but i dont really want to go down that route.

thanks

stuart

[TraceyG]

Hi,

You can have the text word wrap around the image but you will have to put the relevant variables into one cell in the Act_ProductLine.html template ('Advanced | Template Manager | Sections tab (click on 'Change View' if you cannot see the tabs) | Product Line button).

I changed my template to look like:

<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<tr>
<td colspanspan="3" width="500" valign="TOP" align="LEFT"> NETQUOTEVAR:TEMPLATEBEGINXML NETQUOTEVAR:PRODUCTIMAGE <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>
<span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK
NETQUOTEVAR:PRICEEXPLANATION </span><br>
<b>NETQUOTEVAR:PRODUCTPRICE</b>
<span class="actxsmall">NETQUOTEVAR:OTHERINFOPROMPT </span>
<span class="actxsmall">NETQUOTEVARATEPROMPT </span>
</td>
</tr>

<tr>
<td align="LEFT" colspan="2"><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 -->

Then open the image file (Act_ProductImage.html) and place your cursor before the '>' and enter a new line, then add:

'align="left"

so it should look like:

NETQUOTEVAR:OTHERIMAGEMARKUP
ALIGN="left">

Close and save the files and preview the site and you should get something like the attached image.

Note that the above depends on the theme that you are using. The above template is based on a CSS theme and therefore uses <span> tags. If your site is a non-css theme then you would be better moving the appropriate variables from the original template in case it has any <font> tags. Also check for the number of times that NETQUOTEVAR:NEXT appears in the template as some themes have product layouts in twice, to alternate the side that the image is displayed on, therefore, you will have to make sure you apply the changes twice in the template.

The last thing to be aware of is if you are using any other product templates, you will need to make the changes to them too.

I hope this helps.

[ocbon]

text wrapping/layout

Tracey

Thanks so much! I was searching for this info, however. the text begins at the bottom right side of the image (not like your sample of the calculator).

I am using Clean Layout 4 and Quantity on Product Page. How do I make the text move up alongside of the image as your example shows?
www.agiftislove.com

Thanks
Bonnie

[TraceyG]

Hi Bonnie,

I've looked at the source of your page and it looks like you missed the last part of my posting:

Then open the image file (Act_ProductImage.html) and place your cursor before the '>' and enter a new line, then add:

ALIGN="left"

so it should look like:

NETQUOTEVAR:OTHERIMAGEMARKUP
ALIGN="left">

[ocbon]

Hi Tracey

Duh!! That's what I get for no reading thoroughly Sorry!

I am using Clean Layout 4 and Quantity on Product Page.
agiftislove.com

I'm slowly getting there. Now, how do I get rid of all the spacing (gaps) on each product from Email This to a Friend button - down to Buy This button

I have been playing around with numerous templates - deleting <br> and <P> - and cannot find it.

Again, thanks for all your help
Bonnie

[ocbon]

text wrapping/layour

Tracey

I think I have figured out most of the gap problem. Been playing around with the templates under Sections.

Thanks for your help
Bonnie