URL for reference

I've added a large number of color attributes with images for a product. The attributes are appearing in one long column. I've changed the 'Attribute Images per Row' setting in Catalog -> Option Name Manager, but it doesn't have any effect. I've also tried changing the 'Number of Additional Images per Row' setting in Configuration -> Images. Neither has any effect.

I'm not sure where else I should be looking to get this resolved. Could someone point me in the right direction?

Looks like a stylesheet issue ...

Switch to the Classic Template do they now display correctly?

Thanks for responding. The attribute images do appear in rows when switching to the Classic template. Let's see if I can find the offending party in the stylesheet.

Wow, I found it surprisingly quickly. :shocking:

I had changed

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch; .attribImg {
float: left;
}

to

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch; .attribImg {
text-align: center;
}

I removed .attribImg from that command, put it back as a float: left, and the images appear correctly in rows. Yay!

Thanks for the update and for posting the solution on how you were able to fix that error on the stylesheet that was making your attributes images all display one per row rather than multiple images per row ... :smile:

I am still not getting results after asking questions and looking everywhere. According to what I have seen it should be
working and the problem is supposedly in my stylesheet. I have my own and here is what I have for attributes...

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {

float: left; 

	}

Is this not correct...then why do my swatches always stay in a long
list? I've compared the classic with mine and there is no difference.
Even when I switch to classic they still stay in a long row as seen here.
http://subjectmatters.ca/zencart/index.php?main_page=product_info&cPath=1_8&products_id=18
I'm using the newest zen cart and have enjoyed this learning curve but this is very frustrating and it make my site look un pro.

Can anyone help me? Please...

Check the Option Name and hit EDIT ...

Then check the settings for:
Attributes per row: (default is 5)

And the Style: (default is 0)

Image Styles:
0= Images Below Option Names
1= Element, Image and Option Value
2= Element, Image and Option Name Below
3= Option Name Below Element and Image
4= Element Below Image and Option Name
5= Element Above Image and Option Name

Hi Linda...thanks for replying again...you are so helpful:yes:
but I did as you suggested and what it does is leave a long list of boxes and names with the swatches in a mess underneath. I tried to get an image of the results, but can't.
Like I've said, I've tried every combination you can think of with the attributes per row and the styles. NOTHING works. So is there a place where I can permanently change this and leave it at that?:frusty:

Check the file:
/includes/modules/attributes.php

for the checkboxes at lines 286 to 384 ... against the original code and see if they have been changed ...

Then check the template code around lines 42 to 48 in:
/includes/templates/your_template_dir/templates/tpl_modules_attributes.php

Make sure that there are not any <br />

I see them in the View Source on your site ...

What are the settings on the Option Name for the Rows and Style?

Thanks for replying...it's 12:30 here and I'm still trying to fix this:blink:
OK here is what I've done.

1. I used "beyond compare" to check the differences Check the file:
   /includes/modules/attributes.php

for the checkboxes at lines 286 to 384 ... against the original code and see if they have been changed ...

2. Then check the template code around lines 42 to 48 in:
   /includes/templates/your_template_dir/templates/tpl_modules_attributes.php

Make sure that there are not any *<br /> I didn't have one of these files in my named directory...so I put the one in that came with it and took the <br> out and it now looks like this
?>
class="clearBoth"

Just an after note...I shortened the color from deep sea green to sea green and it corrected itself so I think it's now just space that I need. I would love to shorten the colors but then I wouldn't know what they were when they were ordered.

Any thoughts...

Delete the file you customized and put in your templates and overrides directory ...

Removing that was not the idea there ... this is a good line:

<br class="clearBoth" />

I wanted to ensure that there wasn't an extra <br /> added to the code via an override ...

sorry...my misunderstanding.
I removed it from my template folder...just using the default now.
:oops:

Try adding to your stylesheet:

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

OH MY GOODNESS...YES:clap:

I tried placing it up where the attributes was listed in the stylesheet and it didn't work then I placed it at the bottom and it works!

Thanks so much Linda:D What a difference it makes in the look of the website.

Hi All!!!!!!

i add attribute image, but now there is a problem with me ,
that some space is creates images the images , i want to know how i will filled these gaps.,

link are:-
http://www.bestlaminate.net/index.php?main_page=product_info&cPath=3&products_id=488
and
http://www.bestlaminate.net/index.php?main_page=product_info&cPath=3&products_id=489
and
http://www.bestlaminate.net/index.php?main_page=product_info&cPath=3&products_id=490

Thanks
Zahid:smartalec: