Flexible Attributes addon support

[windchaser]

If that is not what you want, maybe you mean to have the Right/Left Eye line up with the labels that follow?

Right Eye QTY (RE) PWR (RE) BC (RE) DIA (RE)
. . . . . . . . . . [] . . . . . [] . . . . . . [] . . . . . []

Your stylesheet comments out the rules and properties that would do just that:

/*#wAttrib-20 {clear: left; float: left;}*/
/*#wAttrib-20, #wAttrib-21, #wAttrib-22, #wAttrib-23, #wAttrib-24 {float: left;}*/
#wAttrib-21, #wAttrib-22, #wAttrib-23, #wAttrib-24 {float: left;}

#wAttrib-25 {clear: left; /*float: left;*/}/*this will sit on a new line*/
#wAttrib-26, #wAttrib-27, #wAttrib-28, #wAttrib-29 {float: left;}

Tried that. Won't work.

This is something what I want:

http://www.i-contacts.co.nz/shopping...8093d77ad9bbd4

It is done in zen-cart. Had email the store to ask for help but no reply.

Anyway. I've found a way to so the problem. This is what i did:


/*attribute layout*/
.wrapperAttribsOptions label {font-size: 1.0em;}/*make "label" elements match other text*/
h3#attribsOptionsText {display: none;}/*'Display: None;' to hide the "Please Choose:" heading*/
h4.optionName {font-size: 1.0em;}
.wrapperAttribsOptions+br.clearBoth {display: none;}/*allow floated attributes to sit side by side if desired*/

/*This line aligns all Right Eye attributes in one roll(first roll)*/
#wAttrib-20, #wAttrib-21, #wAttrib-22, #wAttrib-23, #wAttrib-24 {float: left;}
/*#wAttrib-21, #wAttrib-22, #wAttrib-23, #wAttrib-24 {float: left;}*/

/*For some unknown freak reason that I can't get Attributes 25, 26, 27, 28 and 29 line up all together the next roll,
I created Attribute 30 to do a 'roll break'.*/
#wAttrib-30 {clear: left;}/*this will sit on a new line*/
#wAttrib-30 .attribsOptions {display: none;}/*for a read-only attribute to hide all but comments*/

/*This line aligns all Left Eye attributes in another roll(second roll)*/
#wAttrib-25, #wAttrib-26, #wAttrib-27, #wAttrib-28, #wAttrib-29 {float: left;}

/*Aline Dropdown Box Below Attribute's OptionName*/
#wAttrib-20 .back {float: none;}, #wAttrib-21 .back {float: none;}, #wAttrib-22 .back {float: none;}, #wAttrib-23 .back {float: none;},
#wAttrib-24 .back {float: none;}, #wAttrib-25 .back {float: none;}, #wAttrib-26 .back {float: none;}, #wAttrib-27 .back {float: none;},
#wAttrib-28 .back {float: none;}, #wAttrib-29 .back {float: none;}

/**EOF**/

This is the result:
http://cplens.com/index.php?main_pag...3755054f1b3f45

Now, I need to align the attributes so that they look uniform like in an army squard.

I need to put a "heading" for the attributes so that it looks like this:

1st Row: (Blank Space) QTY PWR BC DIA

2nd Row: Right Eye [ ] [ ] [ ] [ ] <-- drop down boxes for items mentioned in first roll.

3rd Row: Left Eye [ ] [ ] [ ] [ ]

Also, I need to add up RE and LE's QTY so that they can be total up in the shopping cart quantity box. Any suggestion please?

Thank you.