Aligning Attribute Choices

[jeff p]

I've got several products with multiple attribute choices. The naturally appear one above the other. I would like to line them up horizontally to save scrolling and improve appearance.

Is there a patch to one of the templates I can use or code I can insert in the Separator HTML that will do this?

[Menar]

Hi there,

A suggestion may be to use the code from the Advance User Guide in 'Changing the Way Product Variants are Laid Out'

Please click HERE to download the Advance User Guide

Please look at page 18 or the section title 'Changing the Way Product Variants are Laid Out'

Hope this helps

[jeff p]

Menar...

Have the AUG and, to be honest, before I read Changing the Way Product Variants are Laid Out I was puzzled by how to do it. Now, I'm downright confused. I even took a look at the HTML code for the page...now that was a nightmare.

I'm sure there's probably a simple line or command or something that will take:
SM
(dropdown_box)
MD
(dropdown_box)
etc.
and change them into
SM MD LG
(box) (box) (box)

but it's beyond my present capabilities.

If someone would like to see the the page:
http://www.solutions-marketing.net/a...ht_Cotton.html

Appreciate any help I can get.

[NormanRouxel]

That layout is actually quite difficult as it would involve building tables with cells for every attribute and component. I've posted on how to do this but there's a chance it might break some of your other customisations.

Here's a much simple solution:-

Replace Act_VariantAttributeName.html with

&amp;nbsp;<span class="actxsmall">NETQUOTEVAR:ATTRIBUTENAME</span>

This will lay all these Attributes and their select statments on the same line. E.g.

SM(dropdown_box) MD(dropdown_box) L(dropdown_box)

Make sure that the Separator for these Attributes and Choices is either a Space or User Defined and blank. If you have too many for a line then set the last itemon that lines Separator to User Defined and <br><br> to force the next item onto a new line.

Norman

[jeff p]

Thank you Norman...

Will give it a try in just a bit.

[jeff p]

Norman:

Worked nicely...needs a good bit of tweeking to add spaces, etc., and make things line up to make it look good...but worth it.

Thanks.