Changing Radio Button layout

[Penfold]

Hi,

I'm trying to layout a product in a particluar way: -

Name
Botanical Name: Name
Origin: Country

10ml ££.££
25ml ££.££
100ml ££.££

For the sizes I would like to use radio buttons, which I've managed to add, but I want to place the Quantity input box to the right of the sizes along with the add button.

I've looked and see that the radio buttons are called using the Act_VariantRadioButton.html, but what I'm not able to see is what calls in the complete layout.

I've looked at Act_ProductBody.html but still can't see it

Could some one if they've done similar point me in the right direction so I know where to aply my changes to reach the desired layout?

Regards,

Andrew

[NormanRouxel]

Look in the Advanced guide for NETQUOTEVAR:VARIANTLABEL which allows you to lay out variants in a custom layout.

Also you can use the HTML for Name field of the Attribute and Choices to add customisation.

[garyhay]

Or see this http://knowledge.actinic.com/users/k...ut.html#aKB477 article

[Penfold]

Many thanks for the replies.

I've looked at the link that

Can I lay out my drop-down lists separately from my add to cart button?

but I'm not sure where I use the variables to achieve this?

The templates currently used are Act_ProductLineNew.html which in it has the following that as far as I can see calls the choices at the same time as calling the Add to Cart button: -

<span class="actxsmall">
			NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
			<Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>
		    </span>

In the Add to Cart html I have: -

<P><INPUT TYPE="IMAGE" SRC="NETQUOTEVAR:BUTTONIMG" NAME="NETQUOTEVAR:BUTTONNAME"
WIDTH="NETQUOTEVAR:IMAGEWIDTH" HEIGHT="NETQUOTEVAR:IMAGEHEIGHT" BORDER="0" ALT="NETQUOTEVAR:BUTTONLABEL"></P>

This appears to automaticaly place the size selection to the left of the add to cart button, so where would I place (for example): -

NETQUOTEVAR:VARIANTS

Sorry if this might seem as a lame question?

Regards,

Andrew

[NormanRouxel]

Replace

<span class="actxsmall">
			NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
			<Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>
		    </span>

with

<table width=100%>
 <tr>
  <td width=70% align=right>
   NETQUOTEVAR:VARIANTS
  </td>
  <td width=30%>
   <span class="actxsmall">
    NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
    <Actinic:ACTIONS>NETQUOTEVAR:VARIANTADDTOCARTBUTTON</Actinic:ACTIONS>
   </span>
  </td>
 </tr>
</table>

Or use this as a guide for your own changes.

[Penfold]

Thanks for the reply and example.

I've tried the example you gave: -

<table width=100%>
 <tr>
  <td width=70% align=left>
	NETQUOTEVAR:VARIANTS
  </td>
  <td width=30%>
   <span class="actxsmall">
    NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
    <Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>
   </span>
  </td>
 </tr>
</table>

However this duplicates the selection, it appears that the following code: -

<Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>

Automatically inserts any selections that are available for the product, could someone confirm this?

Attached is a shot of what the results are using the above code. The green highlight is from using: -

NETQUOTEVAR:VARIANTS

The yellow is from: -

NETQUOTEVAR:CARTERRORXMLNETQUOTEVAR:PRODUCTQUANTITY<br>
    <Actinic:ACTIONS>NETQUOTEVAR:ADDTOCARTBUTTON</Actinic:ACTIONS>

Thanks & Regards,

Andrew

[NormanRouxel]

There was a bug with my prior post. I've fixed it now. Retry it using my post above. Or just change NETQUOTEVAR:ADDTOCARTBUTTON into NETQUOTEVAR:VARIANTADDTOCARTBUTTON

[Penfold]

Many thanks Norman, works a treat, just what I was after.

Thanks & Regards,

Andrew