Attrib Images per Row (admin setting not working)

[js5729]

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?

[Ajeh]

Looks like a stylesheet issue ...

Switch to the Classic Template do they now display correctly?

[js5729]

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.

[js5729]

Wow, I found it surprisingly quickly.

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!

[Ajeh]

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 ...

[fajmp]

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/ind...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...

[Ajeh]

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

[fajmp]

Hi Linda...thanks for replying again...you are so helpful
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?

[Ajeh]

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?

[fajmp]

Thanks for replying...it's 12:30 here and I'm still trying to fix this
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"
<?php
}

Is this correct>
Maybe I have to change the size of the area that the attributes are in, because some colors such as "light sea green" are too long
and they need more space. I can live with that.
Right now they are five in a row using the #3 in style but as I say
they are squashed.
I think we are getting there...I can't leave it like this because this is a live store, but I'm still looking for the way to change the area or width in which these swatches display.

I got a feeling you will know how to fix that...stylesheet is my guess. I'll keep playing and searching.