product titles/images

[emaginedtp]

Hi,

I'm trying to get my product titles to show above the image, does anyone know how i can do this? i cant see anything in the Act_ProductLine.html im using theme- Clean Layout 02. using the parent product layout as this is the info i want to show, ie.image, title and description.

does anyone know how i can achieve this?

thanks
steve

[jont]

Depends on how good your HTML is?

In the Act_ProductLine.html file (root of the Site1 folder) you will see:

NETQUOTEVAR:PRODUCTIMAGE ..... inserts the image
NETQUOTEVAR:PRODUCTNAME ....... inserts the product name

simply move the latter above the image to re-arrange. Note this file is part of a nested (and open) table so be careful not to destroy the <td> and <tr> tags and you may need to restructure the table to get the desired layout to work

[emaginedtp]

hehe its pretty lame to be honest. I've got the title above the image ok but its stuck in the left of the table, if i remove the colspans and try and get the actual text above the image and not to the left of it nothing changes. heres the code:
NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<tr>
<td rowspan="2" valign="TOP" align="CENTER" colspan="2"> NETQUOTEVAR:TEMPLATEBEGINXML <span class="actxsmall"><b><font color="265095">NETQUOTEVAR:PRODUCTNAME</font></b></span></td>

<td valign="TOP" align="LEFT" colspan="2"> <a name="NETQUOTEVAR:PRODUCTANCHOR">NETQUOTEVAR:PRODUCTIMAGE </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

anything obvious to change?

[emaginedtp]

any ideas? my html skills are rubbish

im after the text above the image

description and extended info/add to cart buttons underneath the image in 2 columns

[jont]

Hi Steven,

the following lays it out as follows:

###### product name ########
######### image ##########
# description ### add to cart ###

NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN

  <tr>
    <td colspan="2"><div align="center">NETQUOTEVAR:TEMPLATEBEGINXML <span class="actxsmall"><b><font color="265095">NETQUOTEVAR:PRODUCTNAME</font></b></span></div></td>
  </tr>
  <tr>
    <td colspan="2"><div align="center"><a name="NETQUOTEVAR:PRODUCTANCHOR">NETQUOTEVAR:PRODUCTIMAGE</a></div></td>
  </tr>
  <tr>
    <td><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">NETQUOTEVAR:DISCOUNTINFO </span> <span class="actxsmall">NETQUOTEVAR:OTHERINFOPROMPT </span> <span class="actxsmall">NETQUOTEVAR:DATEPROMPT </span> </td>
    <td><span class="actxsmall">NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br />
        <Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>
    </span> NETQUOTEVAR:TEMPLATEENDXML </td>
  </tr>

NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT

you may need to reset some of the CSS to format the various text sizes etc as did a quick copy and paste

HTH