OK, I MUST be losing my mind or missing something really obvious, because it still isn't working.
example1.gif shows my table of Option Name values and sort orders.
example2.gif shows a visual explanation of where each of those options will be placed on those four product pages.
Here is my CSS code:
.wrapperAttribsOptions label {font-size: 1.0em;}/*make "label" elements match other text*/
h3#attribsOptionsText {display: none;}/*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*/
/*Titles*/
#wAttrib-9, #wAttrib-10, #wAttrib-11, #wAttrib-12 {
background-color: #E8E2EE;
color: #4C1E73;
float: left;
font-size: 12px;
margin: 0 10px 0 0;
}
/*Juices*/
#wAttrib-13, #wAttrib-17, #wAttrib-22 {
float: left;
clear: left;
background-color: #e8e2ee;
margin:0 10px 0 0;
padding: 5px 20px 5px 5px;
}
/*Meals and spacer 3*/
#wAttrib-14, #wAttrib-18, #wAttrib-24 {
float: left;
background-color: #e8e2ee;
margin:0 10px 0 0;
padding: 5px 5px 5px 5px;
}
/*Meal Bars, spacer 1, spacer 4*/
#wAttrib-15, #wAttrib-19, #wAttrib-23, #wAttrib-20, #wAttrib-25 {
float: left;
background-color: #e8e2ee;
margin:0 10px 0 0;
padding: 5px 20px 5px 5px;
}
/*Smoothies and spacer 2*/
#wAttrib-16, #wAttrib-21 {
float: left;
background-color: #e8e2ee;
margin:0 10px 0 0;
padding: 5px 20px 5px 5px;
}
#wAttrib-9 h4.optionName, #wAttrib-10 h4.optionName, #wAttrib-11 h4.optionName, #wAttrib-12 h4.optionName, #wAttrib-13 h4.optionName, #wAttrib-14 h4.optionName, #wAttrib-15 h4.optionName, #wAttrib-16 h4.optionName, #wAttrib-17 h4.optionName, #wAttrib-18 h4.optionName, #wAttrib-19 h4.optionName, #wAttrib-20 h4.optionName, #wAttrib-21 h4.optionName, #wAttrib-22 h4.optionName, #wAttrib-23 h4.optionName, #wAttrib-24 h4.optionName, #wAttrib-25 h4.optionName {
color:#4C1E73;
display: none;
}
.wrapperAttribsOptions {
margin: 0;
}
The example at http://tinyurl.com/87bxoxe is for KS 3 Day and KS 5 Day.
As you can see, both the ID and the Sort Order are in the order I want them... but they are not displaying in that order. Additionally, when I change the "Juice" header text attribute (sort order 1) to sort order 21, it does not change at all on the product page.
I am on ZC 1.3.9d if that helps at all...
Any ideas?
P.S., the attributes in the 100's can be ignored, as they are for other products.