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 (http://www.actinicdownloads.com/docs/user_guides/advancedguide_6.zip) 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/acatalog/Heavyweight_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.