Product layout and cancel order

[john]

Hi,

can anyone tell my how to change the layout of the products so you can only select one of them in a section and to look like the following and how to add a button to take an item out of the cart


Heading

Product 1 details, price etc, radio button
Product 2 details, price etc, radio button
Product 3 details, price etc, radio button
Product 4 details, price etc, radio button
Product 5 details, price etc, radio button

buy nowbutton


many thanx if anyone can help

[garyhay]

Check the Knowledge base or search the forum for "compact Rows"

[cdicken]

1) Change your 'Shopping Mode' (in 'Design | Options | Shop Defaults') to 'Quantity on Product Page' and tick 'Single Add to Cart Button per page'

2) Use the following code for a new product layout template, to be used for your products which you want to appear in a compact way:

NETQUOTEVAR:ENDSEPARATOR
NETQUOTEVAR:PRODUCTFORMBEGIN
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">NETQUOTEVAR:PRODUCTNAME</td>
<td align="right" valign="top">NETQUOTEVAR:PRODUCTPRICE</td>
<td align="right" valign="top">NETQUOTEVAR:PRODUCTQUANTITY</td>
</tr>
</table>
</td>
</tr>
NETQUOTEVAR:PRODUCTFORMEND
NETQUOTEVAR:NEXT

This will get you most of the way. You won't get radio buttons, but people will have to enter a quantity in the quantity field in order to select a product, and then add them all to the cart in one go.

The shopping cart page comes with a 'Remove' check box already.

[john]

thank you for the reply, is the any way to include either radio buttons or tick boxes for a single item rather than having a quantity as this is what my clients have asked for and Ive kinda already said no problem

[cdicken]

Open up your product layout template and replace

NETQUOTEVAR:PRODUCTQUANTITY

with

<!-- NETQUOTEVAR:PRODUCTQUANTITY -->
<input type="checkbox" name="Q_NETQUOTEVAR:PRODUCTREFERENCE" value="1">

[john]

many thanx, happy clients hopefully

after the list of the products there is a page break with a HR tag before the add to cart button, can I remove this? Ive looked in all of the templates but carnt find it anywhere

[cdicken]

Check the 'Advanced User Guide' - particularly the section on 'Design | Text | Website | HTML'.

This will tell you that prompt ID '2282' is for the horizontal line inserted just above the single add-to-cart button. Use the 'Go to' button in 'Design | Text' to go straight to the prompt.