Flexible Attributes addon support
Flexible Attributes has been submitted to Free Addons.
This mod allows control over the display of individual attributes on the product info page. Each attribute can be styled globally to affect it in all products which use it, or with a per-product stylesheet to affect its display in only one product.
All user customization is done through the stylesheet (example stylesheet included).
An optional SQL patch is included to allow longer Option Name comments if desired.
Re: Flexible Attributes support
An example of this mod in use can be seen at www.nyfaeriefest.com . Click on "Artist Vendors", then "Artist Vendor Application". This is an extreme example, showing a "product" turned into an application form which collects a wide variety of types of info including images and saves it to the database.
On a more ordinary level, attributes can be organized into columns or given individual styling for whatever purposes may arise.
Re: Flexible Attributes support
Thank you for contributing this great mod!
Re: Flexible Attributes support
I thank you for this awesome mod however, is there a way to place a dropdown underneath the option text? Please see link for example.
http://www.modebook.com/cart/index.p...&products_id=1
Thanks
Jeff
Re: Flexible Attributes support
Are you wanting to get the dropdown to be under the "Number of 2-Page Spreads" text? Add to your stylesheet
Code:
#wAttrib-2 .back {float: none;}
Re: Flexible Attributes support
Thank you so much, a great contribution!!!!:clap:
However, I'm having a bit of a problem getting a TEXT attribute to sit to the right of a RADIO attribute. Should this work or does it only work with dropdowns?
/*Promo Code (radios)*/
#wAttrib-5 {float:left;; margin:0; Padding:0 5px 0 30px;}
#wAttrib-5 label {float:left; text-align:right; width:84px; margin:0; padding:0;}
#wAttrib-5 .back{float:left; margin-top:3px;}
#attrib-5-9, #attrib-5-10, #attrib-5-11, #attrib-5-12{width:30px;}
/*Promo Code URL*/
#wAttrib-6 {clear:left; float:left; margin:0; Padding:0 5px 0 0;}
#wAttrib-6 label {float: left; text-align:right; width:100px; margin:0; padding:0;}
#wAttrib-6 .back{ margin-top:3px;}
Re: Flexible Attributes support
I can't tell for sure what should be happening here, or what is actually happening on your site. A link to see it live will let me advise.
Re: Flexible Attributes support
Quote:
Originally Posted by
gjh42
I can't tell for sure what should be happening here, or what is actually happening on your site. A link to see it live will let me advise.
Thanks man! I fixed it now anyways with this:
/*Promo Code (radios)*/
#wAttrib-5 {clear:left; float:left; margin:0; Padding:0 5px 0 30px;}
#wAttrib-5 label {float:left; text-align:right; width:84px; margin:0; padding:0;}
#wAttrib-5 .back{float:left; margin-top:3px;}
#attrib-5-9, #attrib-5-10, #attrib-5-11, #attrib-5-12{width:30px;}
/*Promo Code URL*/
#wAttrib-6 {float:left; margin:0; Padding:0 5px 0 0;} Removed clear:left on this line
#wAttrib-6 label {float: left; text-align:right; width:100px; margin:0; padding:0;}
#wAttrib-6 .back{ margin-top:3px;}
Re: Flexible Attributes support
Re Side by side read-only attributes... possible? how?
You can space out the attributes in a row by adding side margins or padding, such as this at the bottom of your stylesheet:
Code:
/*attribute layout*/
.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*/
#wAttrib-3 {clear: left; float: left;}
#wAttrib-4 {float: left;}/*this will sit beside #wAttrib-3*/
#wAttrib-5 {float: left;}/*this will sit beside #wAttrib-4*/
/*#wAttrib-5 {clear: left;}*/ /*this will sit on a new line*/
/*#wAttrib-14 h4 {display: none;}*/
/*#wAttrib-15 h3 {font-size: 1em; font-weight: normal;}*/ /*make comments above attribute like standard text*/
/*#wAttrib-35 .attribsOptions {display: none;}*/ /*for a read-only attribute to hide all but comments*/
.attribsOptions {margin-right: 2.0em;}
Note also that CSS does not recognize the // comment; you need to use /* */ around the commented code as shown.
Re: Flexible Attributes support
Thanks for the spacing tip! Worked perfectly.
Does your mod also allow attributes to list the option values themselves side by side instead of in a vertical list? Such as:
Style 1: Small, Medium, Large
Style 2: Small, Medium, Large
I'm just trying to figure out the cleanest way to list read-only attributes. My ideal would be a table of some kind, but I'm not sure if the Product Attribute Grid add-on works with read-only attributes.