Changing Layout of Products

[kathynewman]

I have created some products using Act_productlineright template.

However, I would like the Quanity box and product variant (select colour) to be on the same line.

I can find no where in this template to do this, nor within Act_productbody

Also, I would like to change the positioning of the Price - again can't find this.

Can someone point me in the right direction.

TIA

Kathy

[garyhay]

Kathy

You will need to open the template in dreamweaver and place everything within a table where you want it to appear.

Make sure you leave stuff like
NETQUOTEVAR:INCLUDE Act_ProductSeparator.html
NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN

where it should be before the table.

[pinbrook]

I think there is something in the knowledge base about this

[pinbrook_nick]

Quick table coding:

<table><tr>
<td>
First item column
</td>
<td>
2nd item column
</td>
</tr></table>

[cdicken]

However, I would like the Quanity box and product variant (select colour) to be on the same line.

Right then.

The variable for the quantity box is NETQUOTEVAR:PRODUCTQUANTITY. Variants are trickier, because they are inserted (by default) as part of NETQUOTEVAR:ADDTOCARTBUTTON.

However, if you replace
NETQUOTEVAR:ADDTOCARTBUTTON
with
NETQUOTEVAR:VARIANTADDTOCARTBUTTON
then you can use NETQUOTEVAR:VARIANTS to insert the product variants in.

Try inserting the following code into your template in place of NETQUOTEVAR:ADDTOCARTBUTTON:

<table width="100%" border ="0">
<tr>
<td valign="top">
NETQUOTEVAR:PRODUCTQUANTITY
</td>
<td valign="top">
NETQUOTEVAR:VARIANTS
</td>
</tr>
<tr>
<td colspan="2">
NETQUOTEVAR:VARIANTADDTOCARTBUTTON
</td>
</tr>
</table>

The price is simply inserted with NETQUOTEVAR:PRODUCTPRICE.

If you want to change the formatting of the quantity box etc. check the AUG for details of the HTML contained within 'Design | Text | Website | HTML'.