Attribute image display in rows?

I'm trying to get attribute images to display in rows and columns rather than in a single column down the middle. I have played with the stylesheet with no luck - according to some posts this is a setting in the admin but I can't find it - in my "Attribute Settings" section there is only "enable attribute images". Please help!

Look in you admin > images > for Product Info - Number of Additional Images per Row

And set to the desired #. See if that is what you are seeking

Hello -
no, that setting didn't help - someone said it may be a float tag in css but I haven't been able to get them to work. It is the attribute images specifically, not additional product images. Thanks. - Alice

you know I would like to do the same thing, nad I am willing to do the foot work to figure it out. but first things first. I am pretty sure that sixlizards and I dont have the save ver of zen cart running as the site I am working on, I took over for another guy and it is ver Zen Cart 1.2.1 and if it did not have heavey mods that I dont have the budget to reintergrate I would.
but any ways I need to know where the var, $options_attributes_image[$i] is defined, I tried greping but aperanyl not vert well, could the masters help me out and I will be on my way to makeing horazontal atribute images w/ a lager image pop up

thanx
JOsh

Fixed it! in includes/modules/attributes.php, on line 418 or so, there is a <br clear="all" tag - take it out! Then the float specs will indeed work, and everything lines up in happy rows. hope this is helpful to other people!
http://www.zen-cart.com/forum/images/smilies/happy.gif

Sometime do a fresh install of Zen Cart v1.3.0.1 into a test directory into a test database and load the demo data ...

This is managed in the Option Name setting when you edit this ...

If it is not working ... then I would suspect an issue in the stylesheet may also be a problem here ...

I have not been able to reproduce this error in a clean install ...

Yeah, I just DID a complete upgrade to 1.3.1 after someone suggested that would fix the problem.
It didn't.
It does make sense, though, that a float tag will get overridden by a br clear=all tag.

Are you using a clean install and the demo data in a test directory and database or just an upgrade and your existing template and stylesheet?

Ajeh:

Are you using a clean install and the demo data in a test directory and database or just an upgrade and your existing template and stylesheet?

Setting "Attribute Images per Row" under Option Name Edit WORKS on an upgrade install with customized template.

Now the question is, can I get _MED and _LRG images works as well for these attribute images?

Now the question is, can I get _MED and _LRG images works as well for these attribute images?
if you are naming the images correctly and locating them in the correct folders this should be automatic or a bit of Zen Majik.

the setting for attribute images in a row is in the admin:

catalog -> option name manager

edit your option name, and look for

Attribute Images per Row:
and
Attribute Style for Radio Buttons/Checkbox:

For me, the attribute style 4 works nicely.

Yes, these options are somewhat hard to find; it took me a full hour. :sleepy:

Ajeh:

Sometime do a fresh install of Zen Cart v1.3.0.1 into a test directory into a test database and load the demo data ...

**This is managed in the Option Name setting when you edit this ... **

If it is not working ... then I would suspect an issue in the stylesheet may also be a problem here ...

I have not been able to reproduce this error in a clean install ...

Ah, Ajeh actually said so. Time to get some sleep. :blush:

Hi - this thread helped me to setup this page as a zen cart newbie
http://rastaheadwraps.com/index.php?main_page=product_info&cPath=1&products_id=13
Can someone tell me how to make the attribute images resize consistently? looks like the last column expands to fill the remainder of the table width

I just realized the issue only occurs with Mozilla Firefox and Apple Safari. In IE the attribute images look consistent, though it seems to be ignoring the resize instruction altogether.

kobra:

if you are naming the images correctly and locating them in the correct folders this should be automatic or a bit of Zen Majik.

Actually ... I kinda sorta never like got around to making the image magic trick work with the attributes as many had a hard enough time just getting the first image in there let alone work with _MED and _LARGE on Attributes Images ... :cry:

When we get to the extended directory structure on images and downloads etc. we will have to look into extending the use of the Attribute Images ...

isaiah36:

Hi - this thread helped me to setup this page as a zen cart newbie
http://rastaheadwraps.com/index.php?main_page=product_info&cPath=1&products_id=13
Can someone tell me how to make the attribute images resize consistently? looks like the last column expands to fill the remainder of the table width

in /includes/templates/[your template]/css/stylesheet_new.css look for:

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

Remove the "width:20%;" and be done with the weird scaling.

Thanks Rombout! I have played with that tag some, got it to do some things like make a 3px padding around the img. This Mozilla/Safari rendering discrepancy I have not been able to solve. I even tried giving it a fixed pixel width, but nope, still the same result. Most people use IE so I know its a waste of breath clamouring about this.

Thanks again!

That is strange... :huh:

I used your stylesheets on my site, and cannot replicate your problem there. I also tested my stylesheets on your page, and they do give the same problem. The only difference I can see now is your Attribute Style. I have Attribute Style 4 (Element Below Image and Option Name), which means that both the radio button and the description are below the image.

Good luck!

Rombout, did you test with Firefox and/or Safari? the problem will not replicate in IE - I tried attribute style 4 instead of 3, this made no difference

Isaiah, this should be the problem/solution:

You have both the image width and the attribImg width set to 160. That does not fit! There is also some padding in the attribImg style, so you need more room in attribImg, or have smaller images. I just tried an attribImg width of 170, and that looks fine on your page. :thumbsup:

My test setup: a downloaded copy of your page, viewed with firefox and internet explorer on WinXP.