Flexible Attributes addon support

gjh42:

The two stock files that Flexible Attributes modifies have not changed since I wrote the mod, so it should work fine as is.

So i should use the original and not the updated ?

The update was for a reason (I forget what at the moment), so use that one.

Hi, great mod! Thank you for all the help as well. I have it working but there are two things that I want to do and I'm not sure how to. I'm using Zen Cart version 1.3.9.

You can see my website here.

1 - I would like to have certain Read-Only attributes appear under the 'Details' tab and I would like to leave the 'Size' attribute drop-down outside of the tab where it is. I know how to use the display:none feature for those I want to hide within the tab, but how do I then list the 'Size' attribute outside of the tab? What would be the best way to do this?

2 - For those attributes that I am wanting to hide in the 'Details' tab I would also like to remove them from the product filter sidebox I have added on. Is this possible? The moment that I create a new Option Name it appears as a drop-down menu option in the product filter. I would like to be able to control which attributes can be filtered and which can't, if it's not too complicated to do.

Thanks in advance!

Thanks for a great addon.

Have some problems with my page. When i line up the attributes side by side they seems to move the Prev and Listing button on my page. Need some help to get some more space between the attributes and the button.
Can anybody help me with this.

Here is a link to the page
http://www.ak-dress.com/index.php?main_page=product_info&cPath=1&products_id=1

In your stylesheet_main.css, find this rule and add the part in red:

.navNextPrevWrapper {margin:12px 10px 30px 10px; padding:10px 0px; text-align:center; clear: both;}

Thanks for you help gja42 it help alot.-)

I am now starting to get my attributes where i want to have them but i have a couple more questions if somebody can help.

I would like to have a explaning headline above each of my attrbutes like ( enter your size here).

And is it possible to get a border around each attribute.

Thanks for your help so fare

#wAttrib-9  h4.optionName, #wAttrib-10  h4.optionName, #wAttrib-11  h4.optionName, #wAttrib-12  h4.optionName, #wAttrib-550  h4.optionName, #wAttrib-777  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;
}
<br/>
</h5>
</div>
        .wrapperAttribsOptions {
margin: 0.3em 0em;
border-top: 1px solid #c4c4c4;
padding: 1em 1em 1em 1em; 
}

You have some stray HTML tags that are disabling the following rule. Delete the part in red.
You can also condense the long selector above into just

h4.optionName {
	color:#4C1E73;
	display: none;
}

unless there are other .optionName elements you want to show.

Tanks for all the help so fare:-)
hope i can ask for help a last time, it seems like i am stuck.

I would like to get my last attribute under the others ( see link) with the same spacing under like the first one. Is it a simple way to do this

http://www.ak-dress.com/index.php?main_page=product_info&cPath=1&products_id=1

I'm not sure of the exact effects you want, but there are some errors in your CSS that you need to fix before you can style the attributes correctly.

#wAttrib-24 {
        float: centered; 
	background-color:
	margin:0 17px 0 0;
	padding: 5px 0px 5px 5px;

}

#wAttrib-2 {
	float: centered; 
	background-color:#e8e2ee;
	margin:0 20px 0 0;
	padding: 5px 0px 5px 5px;
	}

#wAttrib-1 {
	float: centered; 
	background-color: #e8e2ee;
	margin:0 20px 0 0;
	padding: 5px 23px 5px 5px;
	}

#wAttrib-1 {
	float: centered; 
	background-color: #e8e2ee;
	margin:0 19px 0 0;
	padding: 5px 22px 5px 5px;
	}
``` There is no such thing as float: centered; - you can only float left, right or none.
You are missing the end of one background-color declaration, which is disabling the following margin declaration.
You have #wAttrib-1 set twice. Eliminate one of these.

Do you want all three dropdowns on the left, with the other attributes to their right?
Do you want the top borders to be continuous across the row, or have a gap between the attributes?

i like it how it is now, but i would like to get the line to go to the end on each row. Yes i would like the dropdown on the left and the rest on the right.

Thanks :-)
One more thing. I have a dropdown for sizes and 4 textboxes for own size. They dont use the dropdown box if they are gona insert they own size. Is it possible to remove the price from the textbox but let it show when check out. When i add the price on the textbox attribute it shows on the side of the of the textbox and that push my textbox attribute out of order.

Thanks for all your help so fare.

You would need to add some code to a file as I mentioned in your other thread, to control the price as you want.

For the styling, replace these rules ```
#wAttrib-9, #wAttrib-10, #wAttrib-11, #wAttrib-12, #wAttrib-1,#wAttrib-2,#wAttrib-22,#wAttrib-25 ,#wAttrib-24{

     float: left; 
margin:0 15px 10 10;
padding: 5px 5px 5px 5px;

}

#wAttrib-25 {
float: left;
background-color:#e8e2ee;
margin:0 15px 0 0;
padding: 5px 0px 5px 5px;

}

#wAttrib-24 {
float: left;
margin:0 17px 0 0;
padding: 5px 0px 5px 5px;

}
#wAttrib-12 {
float: right;
margin:0 5px 0 0;
padding: 5px 0px 5px 5px;

}
#wAttrib-2 {
float: left;
background-color:#e8e2ee;
margin:0 20px 0 0;
padding: 5px 0px 5px 5px;

}

#wAttrib-1 {
float: left;
background-color: #e8e2ee;
margin:0 20px 0 0;
padding: 5px 23px 5px 5px;

}

with these:

#wAttrib-9, #wAttrib-10, #wAttrib-11, #wAttrib-12, #wAttrib-1,#wAttrib-2,#wAttrib-22,#wAttrib-25 ,#wAttrib-24{
float: left;
margin:15px 0 0 0;
padding: 5px 10px 5px 0;
}

#wAttrib-9, #wAttrib-10, #wAttrib-11, #wAttrib-12 {width: 78px;}

#wAttrib-1 {
float: left;
background-color: #e8e2ee;
margin:0 ;
padding: 5px 0 5px 5px;
width: 125px;
}

#wAttrib-2 {
float: left;
clear: left;
background-color:#e8e2ee;
margin:15px 15px 0 0;
padding: 5px 0 5px 5px;
width: 125px;
}

#wAttrib-25 {
float: left;
background-color:#e8e2ee;
margin:15px 5px 0 0;
padding: 5px 0 5px 5px;
width: 125px;
}

#wAttrib-21 {
float: right;
margin:0;
padding: 0;
width: 355px;
}

#wAttrib-24 {
float: right;
margin:15px 0 0 0;
padding: 0;
width: 355px;
}

Thanks for the code. Everything seems to fall in place now:--) but a coulple of attributes seems to drop down after i add the code_)

Thanks for your help again

You had two copies of the stylesheet - stylesheet_flexible_attributes.css and stylesheet_flexible_attributes%20.css. The second one (the only one you have now) never got the original fixes and still has the duplicate rule ```
#wAttrib-1 {
float: centered;
background-color: #e8e2ee;
margin:0 19px 0 0;
padding: 5px 22px 5px 5px;
}

Great mod, it’s just what I’ve been looking for. I'm not sure if this is possible though, can I move the position of my attribute comments in between the attribute label and the dropdown box? I’m hoping this can be done so I can insert a help icon link between the two. Thanks in advance for any help that can be offered.

Hi, I am struggling here on what to do. My friend will be using 1.39 zen cart. All of the common attributes like color, size, pattern...etc (read only) will be hidden BUT what she wants to do is show only ONE attribute. Let me give you an example. My friend sews and will be offering just one alteration on each item.

Example: Pants $24.00
Hemmed $6.00 (attribute) (if picked yes than $6.00 will be added to the cart)

I hope I made myself clear. I would give you a link but it is not up yet. Just in the planning stages and trying to iron out some concerns. My question is...will Flexible Attributes be able to solve this problem?

Thank you.

Yes, you can address attributes individually. For example, all attributes can be hidden with display: none; and the "Hemmed" attribute can be set to display: block; so it shows back up.

thank you so much for your response.

i am still trying to get the code right on css...please forgive me...not a programmer:

.hemmed {display: block;}

of course, i would set my attributes "hemmed" under option names and click the check box if the buyer wants their pants hemmed. not sure if i have the css right.

thank you again...

You need to find the attribute id for Hemmed and use that in the rule. Your finished rule will look something like

#wAttrib-23 {
	display: block;
	}
``` where the 23 is replaced by the attribute id. The readme describes this in more detail.

Glen, thank you again so much for your time. I am really excited to help out my friend. I will be starting it in a couple of weeks. I understand it and can't wait to get it going. Thanks again :)

Will this ad-on allow you to line your options horizontally instead of vertically, using radio buttons? ie
Choose Color
Red
Blue
Green
Black

Choose Color
Red Blue Green Black

Thanks in advance