15 Dec 2010, 4:45 AM
New Zenner
- Join Date:
- Dec 2010
- Location:
- Home
- Posts:
- 17
- Plugin Contributions:
- 0
Flexible Attributes addon support
gjh42:
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_cart/product_id/55:9f96099c80b897be618093d77ad9bbd4>
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_page=product_info&cPath=65&products_id=180&zenid=ec73d58a80d261d97f3755054f1b3f45>
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.
The Wind Chaser --
I lost myself entirely
in the wind...
