Flexible Attributes addon support

[artifaxworthing]

Hi we have downloaded the flexible attributes which is great
but we would like all the attributes to sit to the right of the picture
in list format ie one under the other and the option names above eg

Name
dropdown
Size
dropdown
image
dropdown
etc etc.....

is there a way we can acheive this if so how?

thanks

[gjh42]

Let's see your site so I can give accurate advice for your specific layout.

[artifaxworthing]

hi sorry forgot link

http://artifaxonline.co.uk/t-shirts/...products_id=52

[artifaxworthing]

think we may have sorted it put padding-right which moved them all down
just wondering if you have to duplicate all the attributes in the stylesheet to get the same layout for all, or whether there is a way of making all attributes in the stylesheet across the site do the same.
ie on tshirts the attributes 1,3,4,5 and 6 are all laying to the right of the image but on our cushions attributes 12,13,14,15 are laying to the right hand side.

[gjh42]

If you want an effect for specific attributes, use a selector like #wAttrib-1, #wAttrib-2 {}.
If you want styling to apply to all attributes, you can use .wrapperAttribsOptions {}.

[gjh42]

If you want most of the attributes to sit one per row, but certain small ones to sit to the right of the preceding attribute, you can add to your stylesheet

.wrapperAttribsOptions {width: 300px;}

and then add to #wAttrib-6 {
...
width: auto;
}

Eliminate the paddings as they may interfere with the widths in some cases.

[artifaxworthing]

we are still struggling with the flexible attributes.

we added the 300px width to the wrapperAttribsOptions in the css stylesheet and it moved all the attributes beneath the image.

We want to achieve the image on the left hand side and then the attributes listed one beneath each other to the right of the image but left hand aligned. We want to apply this to all attributes on all products.

How is the easiest way to achieve this, we have tried padding and margins but we would need to apply that to each individual attribute(and we have loads!!!)

www.artifaxonline.co.uk/t-shirts

[gjh42]

Looks like you have figured out enough of the CSS to get the attributes located. Floating them right with a width more than half the column width also takes care of the case where they go lower than the main image.

The last thing you need to do is get the discount box to stay below the rest. Add to your stylesheet

#productQuantityDiscounts {clear: left;}

if you want it just below the image, or

#productQuantityDiscounts {clear: both;}

if you want it below the add button.


Also, you don't need to apply universal styling to attributes one at a time; all #wAttrib-x elements are also .wrapperAttribsOptions elements, so styling .wrapperAttribsOptions will automatically apply to any that are not individually styled with #wAttrib-x.

[horsetags]

Hi

Is this ok to use with 1.3.9d please?

Tia

Paul

[gjh42]

I haven't tested it yet, but one file in the mod has changed for v1.3.9: /includes/modules/attributes.php.
There is only one added line of mod code in that file (around line 606), so it should be extremely easy to apply that to the new version - just copy/paste that line in the appropriate place in the new file.

                $options_wrapper_id[] = 'wAttrib-' . $products_options_names->fields['products_options_id'];//gjh42 

I will get the download updated as soon as some testing for another improvement to the mod is finished.