Image Attributes

[dddmx3]

Look at this:
http://lfswear.com/index.php?main_pa...products_id=20

Why are the swatches underneath the attributes?
How can I make them right below the "Add to cart button"????

Also how do I make the swatches not so spread out? There's at least 250px between each swatch....


PLEASE HELP!!!

[dddmx3]

I figured out the swatches not spreading out:
You edit includes/modules/additional_images.php
line: 148 where it says 'style="width:'
put something in like 'style="width:15px'

and same with includes/modules/YOUR_TEMPLATE/additional_images.php.... Edit it and add in your width...

Still waiting on the answer on how to put the swatches above the attributes....

[dddmx3]

What I meant was:
put something in like 'style="width:1'


NO "PX"

[dddmx3]

Please go here:
http://lfswear.com/index.php?main_pa...products_id=24

Why are my attribute images so far spaced?
Is it possible to put 10 in a row? instead of 5?

[stevesh]

Try changing the 20 here to 10:

.attribImg {
width: 20%;
margin: 0.3em 0em;
}

As for moving things around on the product info page:


Install the Firefox browser and the Web Developer plugin for Firefox. You can use those to see where in the stylesheet you change the styling of the various page elements.

Ctrl-Shift-Y will allow you to hover over a section of the page and see the class and id names for that section in the box at the top. The statements in the stylesheet that begin with # are id's and the ones that begin with dots are classes.

Ctrl-Shift-E will open the CSS editor and allow you to edit the stylesheet and see the changes in real time without changing anything permanently. An essential tool.

Some prefer Firebug, which does much the same thing.

Then fiddle with the classes and ids you find in the stylesheet to move them where you want them.

You could start by adding:

#productAttributes, #productAdditionalImages {float:right;} and see how that looks.

Also, all of your images are way too big (file size, not dimensions). Optimizing them will let your site load a lot more quickly.

[dddmx3]

Thank-you!

[shiff]

Having some trouble getting my attribute images space out... I've had a look at the stylesheets and attributes template but no luck.

This is what it looks like:



If anyone can help me to get them more spaced out, I would appreciate it.

Thanks!




P.S.

Im also having some trouble getting the image of the selected attribute to show up in the shopping cart.

Instead, the main/original image shows up and it just says what colour it is.

[shiff]

Ok, I managed to space the attribute images out by changing the margins on .attribImg in my stylesheet.

But any help on the shopping cart would be appreciated :)

[dddmx3]

What's your website?