Text Below Image

[SteveM]

This must be straight forward (?) but I have hunted high and low across the threads and searched the knowledge base. All I want to do is place product descriptions below images.
We already have 2 columns - have the sections set up with 2 x 2 - we managed to sort all that - but we can't find the solution to getting descriptions beneath image - we just to modify the Product Line template.

We cut and paste the code from the Advanced User Guide for 2 columns - isn't this code floating about somewhere?

[leehack]

Show us your product layout code to see what you have so far.

[SteveM]

Standard template

We're using the standard Act_ProductLine template - no edits there at all.

It looks like this...
<!-- ProductLine HTML begin -->
<!-- Insert HTML for the top of the individual product -->
NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<tr>
<td rowspan="2" valign="TOP" align="CENTER"> NETQUOTEVAR:TEMPLATEBEGINXML NETQUOTEVAR:PRODUCTIMAGE </td>
<td valign="TOP" align="LEFT" colspan="2">
<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><br>
<span class="actxsmall">NETQUOTEVARISCOUNTINFO </span>
<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 -->


We have only edited the Default Section Link Layout by adding WIDTH=250, and changing the ALIGN=LEFT to CENTER etc as per the Advanced User Guide.

We want to place the text beneath the images as we will then implement 2 columns for products and thing that this will look a little neater by keeping the overall width of the site narrower than having text to the right of each image.

[SteveM]

Just a point - this is using SMART theme -(which seems to have a few quirks of its own) on other themes we can get text below using the standard template (which looks quite different to the SMART theme Product Line template) can you just replace the code with one from another template liek CURVES??

[gabrielcrowe]

The templates are just basic html, with complex Actinic markup inserted.

create the layout you want in dreamweaver, or frontpage, then insert the markup into it, from the example you gave.

here is an example of the layout you're looking for:

<table width="100%"  border="0" cellspacing="0" cellpadding="5">
  <tr>
    <td>title</td>
  </tr>
  <tr>
    <td>image</td>
  </tr>
  <tr>
    <td>text</td>
  </tr>
</table>

[SteveM]

Thanks

Appreciate that - I know you guys think it's "straigthforward" but it seems a bit daunting to those of use a bit long in the tooth but fresh to html ..

Thanks though

[BelmoreBoy]

Hi All

Just wondered where gabrielcrowe's html code should be copied to? having same trouble as SteveM

Thanks

[OriginalTouch]

I'm on V8, but if its similar, then this may help you tonight.

If not using Dreamweaver, just add html code to the Layout Code (beneath Page Preview on the Design Tab).
If you are experimenting, its always best to do this in a new product layout rather than amending a standard one, in case you go wrong.
Gabriel is saying that all of the templates are based on standard html so you can add it here, with Actinic code and variables.

[RuralWeb]

beneath Page Preview on the Design Tab

These do not exist in V7! - the code needs to replace the current layout code by using the Template Manager or opening the template from the site1 directory and using notepad or another html editor.

[OriginalTouch]

Great - hope it helps him!

[Duncan Rounding]

The easiest thing to do is to add the basic table tags around the ProductLine template. You can then easily rearrange the elements in the table, adding rows and/or columns as you want to give the layout that you want. Remove the outer table tags you added and save the template. Backup lots, make small changes at once and test lots.

[RuralWeb]

Its all been covered before many times.

[BelmoreBoy]

Thanks everyone

got it working fine now - was simple when i actually thought about it !!

Thanks for your replies

Merry Christmas