Page Layout

[pisaia]

Hello everyone,

I've been trying to change the layout of Act_ProductLine.htm but I can't for the life of me work how to change the location of the quantity box.

The code I am currently using is:

<!-- 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--><img

src="NETQUOTEVAR:PRODUCTREF.jpg"> </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:EXTINFOLINK<br>NETQUOTEVAR:PRODUCTDESCRIPTION</span>NETQUOTEVAR:EXTINFOBUTTON

<span class="actxsmall">NETQUOTEVAR:PRODUCTBEGINLINKNETQUOTEVAR:PRODUCTLINKTEXTNETQUOTEVAR:PRODUCTENDLINK</span>

<b>NETQUOTEVAR:PRODUCTPRICE</b><br>


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 -->

I've tried moving NETQUOTEVAR:PRODUCTQUANTITY around but it doesn't make any difference. I want each item to look like the following:



But can't achieve it Can anyone help?

Many Thanks in advance

Paul

P.S - Currently it looks like http://www.floralessential.co.uk/aca..._Paper_98.html

[acompton]

To do this you're going to have to get to grips with the HTML <table> tag and how it works.
Currently, each product on the page is a table 'row' (<tr>) entry.
Each row has two table data items (<td>), with each of the product details on a new line because they a separated by break (<br>) tags.
To get the quantity and Add to Cart button side-by-side you'll have to add an extra table. Something like this:

<table>
<tr>
<td>NETQUOTEVAR:PRODUCTQUANTITY</td>
<td><Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS></td>
</tr>
</table>

No guarantees this is right. I usually find I have fiddle about with tables to get them looking right.

BTW: If you're selling to end customers, you should be showing VAT inclusive prices

[simonwar]

Alan is spot on.

I use DWeaver to do what he says, as it has a very visual presentation so even the below average coder can get through it.

Tips:
1. Open the layout you want to modify in DWeaver or similar, e.g. Act_ProductLine.htm.
2. Save it as your variation, My_ProductLine.htm, or whatever.
3. Play with the new variant as you like and test in isolated products until your happy.

...unless you've sussed the table tag, go for the DWeaver route, it makes sure your can't go wrong.