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.
Bookmarks