Thanks for the quick reply Glenn, and the code.
I can do that no problem, but I may wait for your updated version as I am still in build mode :-)
Paul
Thanks for the quick reply Glenn, and the code.
I can do that no problem, but I may wait for your updated version as I am still in build mode :-)
Paul
Thanks gjh42 for an incredible and easy to use mod!
I was able to do exactly what I wanted with a combination of your mod and the instructions and advice given in this thread:
http://www.zen-cart.com/forum/showthread.php?t=159306
The result can be seen here
I played with the image size to help control the spacing (not very css literate) but still have some text cramming going on. You can see that the text from the attribute in column two is running into the attribute text in column three.
Is there a simple fix to separate these?
Thanks in advance for your help.
Sorry for a second post, seems I can't edit or add to the previous one.
I came up with a quick fix for my problem; I shortened the attribute text. However, this won't be a long term fix, so if you click the link I provided, and it appears to be fixed, it isn't.
I would still love to hear of a more permanent solution. I am thinking maybe I add padding for the attribute in the css, but am not confident.
Thanks!
Your thinking is correct. You can add padding or margins, such as this example:
.wrapperAttribsOptions {margin-right: 1.0em;}
Thanks gjh42!
I tried the example exactly as you provided and it did work for the attribute in question.
However, you gave me the confidence to try padding. After playing with it for a bit, I settled with padding of .5em. Anything larger pushed the attribute in question off the page.
The padding made all of the products with multiple attributes look less crowded, and very beautiful!
Another question if I may:
Is it possible to just pad the bottom and left? It occurs to me that if it were possible, padding just those two would create the best appearance for all of the attributes.
Thanks again for the great mod and super support!
.wrapperAttribsOptions {margin: 0 0 0.5em 0.5em;}
Thanks a million! Works beautifully!
I am actually still in shock. You have also taught me something new.
This mod allows me to control the exact placement of each and every attribute, individually. Genius!
I also see that you provided a way for us to control the attribute font too.
Thanks again for a brilliant and easy to use mod.
Yep, its me again... sorry. Just when it looked like I learned enough to quit bugging you, I get too big for my britches.
Here is the problem
Here is the css:
#wAttrib-12 {float: left; margin: 0 2.0em 2.0em 0;}
#wAttrib-13 {float: left; margin: 0 2.0em 2.0em 0;}
#wAttrib-14 {float: left; margin: 0 2.0em 2.0em 0;}
#wAttrib-15 {clear: left; margin: 0 2.0em 2.0em 0;}
#wAttrib-16 {float: left; margin: 0 2.0em 2.0em 0;}
#wAttrib-17 {float: left; margin: 0 2.0em 2.0em 0;}
#wAttrib-18 {float: left; margin: 0 0 2.0em 0;}
The numbers do correspond to the attribute option names in order. I am trying to create 3 rows, but for some reason I can't get 16 to share the row with 15. I haven't even tried playing with 17 and 18 yet.
Thanks in advance for your time and expertise.
Lisa
#wAttrib-15 {float: left; clear: left; margin: 0 2.0em 2.0em 0;}
You changed the float to clear on wAttrib-15, instead of adding the clear. Without the float, the div takes the full width of its container and keeps anything else from joining it.
Thanks Glen for the quick reply. I changed 15 to your example and some strange things are taking place.
click here to see
In a perfect world, 12, 13, 14 would sit on line one.
15, 16 on line two, and since I don't think 17 and 18 will fit on line two, they should be on line three.
Key:
12 14kt White Gold
13 14kt Yellow Gold
14 Platinum
15 White Diamond
16 White Sapphire
17 White Topaz
18 Black Diamond
Thanks in advance (again) for your time.
Bookmarks