Variants/Attributes Help!

[Mon]

Hello there,
I was hoping someone could tell me what I need to know.

I've laid out my products using NETQUOTEVAR:VARIANT and VARIANTADDTOCART but what I now want is the name of the attribute (in this case size) to appear next to the drop-down box (directly to the left). At the mo it appears above it and knocks my design out of line! I've tried fiddling with the various Act_ thingies but to no avail.
I'm hoping this is easy and I'm just a spanner for not working it out myself.
Thanks for any help I get.

[NormanRouxel]

If you look in Act_VariantAttributeName .html

<span class="actxsmall">NETQUOTEVAR:ATTRIBUTENAME</span><br>


Just remove the <br> and the name will now appear to the left of the item.

Norman

[Mon]

Thanks Norman

but I already tried that and it's still in the same place!
Any other pages it might be affected by?

Simon

[Highlander]

Variant layout

I managed to get the layout I wanted using this. It is based on Normans code (which is always excellent)

It will handle up to 6 variants

I have attached the file as a txt file. If you rename it as an html file you can add it into your ProductTemplates.ini file.

Basically this goes instead of the NETQUOTEVAR:ADDTOCARTBUTTON


<table width="100%" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td width="20%" >NETQUOTEVAR:VARIANTLABEL1</td>
<td align=left width=20>NETQUOTEVAR:VARIANTSELECTOR1</td>
</tr>
<tr>
<td width="20%" >NETQUOTEVAR:VARIANTLABEL2</td>
<td align=left>NETQUOTEVAR:VARIANTSELECTOR2</td>
</tr>
<tr>
<td width="20%" >NETQUOTEVAR:VARIANTLABEL3</td>
<td align=left>NETQUOTEVAR:VARIANTSELECTOR3</td>
</tr>
<tr>
<td width="20%" >NETQUOTEVAR:VARIANTLABEL4</td>
<td align=left>NETQUOTEVAR:VARIANTSELECTOR4</td>
</tr>
<tr>
<td width="20%" >NETQUOTEVAR:VARIANTLABEL5</td>
<td align=left>NETQUOTEVAR:VARIANTSELECTOR5</td>
</tr>
<tr>
<td width="20%" >NETQUOTEVAR:VARIANTLABEL6</td>
<td align=left>NETQUOTEVAR:VARIANTSELECTOR6</td>
</tr>

<tr>
<td colspan=2><Actinic:ACTIONS>NETQUOTEVAR:VARIANTADDTOCARTBUTTON</Actinic:ACTIONS></td>
</tr>
</table>

Good luck - but remember this won't work if you have a component in the product, you have to have quantity on Product page and you have to set the code up as described by Norman

[Mon]

Cheers for that,
I dont really want the quantity on the product page and it looks overly complicated for what I want to do but I will certainly try it if no one can offer a simpler suggestion.
Many thanks anyway.

[Highlander]

I'm learning too

I have just tried Normans solution. It works for the standard ADDTOCARTBUTTON

In Act_VariantAttributeName.html I have
replace the <BR> with two spaces
<span class="actxsmall">NETQUOTEVAR:ATTRIBUTENAME</span>&nbsp;&nbsp;<!--br -->

On http://www.highlandclans.co.uk/Kilts.html the kilts use this template Act_ProductLineTable.html. This uses the standard AddtoCart. As you can see the Attribute name is now next to and left of the choice. GREAT - I have been trying to do this for ages.

On http://www.highlandclans.co.uk/Bespo...an_Skirts.html you can see an example using the code assocaited with VARIANTADDTOCARTBUTTON. I prefer it but this uses the tables as shown in my earlier posting. don't think it is easy to do that - although it might be worth a try to put in a </td><td> instead of the <BR> in Act_VariantAttributeName.html . I haven't checked to see the impact or feasibility of this.

Idf this works let me know.

[Mon]

Nice site by the way,
Ta for your help, I will let you know how I get on

[Mon]

I've sorted it, I was being a dick.
Norman's solution was correct but in my Act_Productline I had the variant in a table that was squishing it all up and forcing the name above the dropdown box. (I put on no-wrap and its ok now)

Thanks everyone