Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product Atribute Images... Columns?

Product Atribute Images... Columns?

Locked

Views: 1,060

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
24 Aug 2006, 3:02 PM
#1
chanda avatar

chanda

New Zenner

Join Date:
Aug 2006
Posts:
14
Plugin Contributions:
0

Product Atribute Images... Columns?

Hello! I have been reading this forum for a couple of days now and it has been UBER helpful!

It is my turn to ask questions now :smile:

On this page in particular:
http://www.miabella-boutique.com/shop/index.php?main_page=product_info&cPath=1&products_id=1
You can see where I am adding MANY option images...

Is it possible to keep them from all lining up like that? I would like 4 columns of images instead of one.

Many apologies if this answer is staring me in the face. I have done little but work on this site for 2 days now... I may be missing something due to exhaustion

Thanks!

24 Aug 2006, 10:28 PM
#2
sonicparke avatar

sonicparke

Zen Follower

Join Date:
Jul 2006
Posts:
120
Plugin Contributions:
0

Re: Product Atribute Images... Columns?

To get mor then one column go to Catalog->Option Name Manager. Edit the option name you are using the attribute images with and change the "Attribute Images per Row:" from 0 to 4.

Then you cam mess with the style by putting the in the stylesheet. ```
div .attribImg {
float: right;
margin: 5px;
etc...
}




I hope this helps.  I just figured this out about 20 mins ago then saw your post.

Brad
27 Aug 2006, 2:43 PM
#3
chanda avatar

chanda

New Zenner

Join Date:
Aug 2006
Posts:
14
Plugin Contributions:
0

Re: Product Atribute Images... Columns?

ETA: I GOT IT!!! THANK YOU FOR YOUR HELP!!!! YAY!!!!

This issue is not solved... When you say:

sonicparke:

Then you cam mess with the style by putting the in the stylesheet. ```
div .attribImg {
float: right;
margin: 5px;
etc...
}


What should my code look like in my stylesheet?  
Right now it says this:

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


I do not see what I should be changing...  :cry:
27 Aug 2006, 7:11 PM
#4
sonicparke avatar

sonicparke

Zen Follower

Join Date:
Jul 2006
Posts:
120
Plugin Contributions:
0

Re: Product Atribute Images... Columns?

chanda:

ETA: I GOT IT!!! THANK YOU FOR YOUR HELP!!!! YAY!!!!

This issue is not solved... When you say:

What should my code look like in my stylesheet?
Right now it says this:

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

> 
> I do not see what I should be changing...  :cry:


yeah.  I took that out of the code for now.  The mouseover I had was absolutley positioning the larger image over top of the main product image.  That look great when it's maximized on my screen but it was not fluid.  So unless I an figure out how to put it into the div that holds the main image then I can't use the mouse over css poup code.

I'm all ears for any other suggestions on how to show larger attribute images.