Display product attributes in two columns (side by side)

[DivaVocals]

Sorry, but I need to revive this thread.

I tried the above solution, but it didn't work.

I have a listing of pizza toppings that I wanted to put into two columns. And below that I have a text box. All this solution did was make the text box appear to the right of the toppings. The toppings all remained in one column.

Does anybody else have a way to address this?

Chris

If your toppings are Option Values, this solution won't split those into two columns. This is meant to take the Option Names (along with their associated values) and place them into two columns.

Honestly this is ALL this solution was supposed to do.. My client has products that have MANY attributes (More than 10). Because there are so many attributes, it makes the product detail page quite long and unattractive. We wanted a way to display the attributes (and values) in two columns using the sort order for the Option Names as a simple method to help control the placement of the attributes (and values) within the two columns.

So in effect it takes a list like this:
Attribute 1
Attribute 2
Attribute 3
Attribute 4
Attribute 5
Attribute 6
Attribute 7

And displays it like this:
Attribute 1 Attribute 2
Attribute 3 Attribute 4
Attribute 5 Attribute 6
Attribute 7

Here's a sample of that illustrates what my client's website looked like before I applied this change (this is not my client's site, but a similar site):
http://www.lacelocs.com/custom-lace-...form-p-71.html

This is a test website, but you can see what this modification does when applied:
http://clients.overthehillweb.com/my...products_id=36

It is my understanding that the placement of Options Values is controlled via the admin. I saw LOTS of threads on that.. I was looking for something else, and hence why I had my friend help me create this down and dirty mod..

I hope that clarifies things for everyone..

[DivaVocals]

I'm a Zen-Newbie, so don't shoot me.

I recently created a Santa Letter item in my store, which featured 20 different background choices. I had setup background as a radio button item, but it would work for checkbox groups too. Since I had images for each, I had the option of setting the rows & columns.

Not sure if it would help you. But pizza toppings could have images.

Yeah, they could. But I don't have images for them and don't want t go to the trouble. I'm really surprised that the option would be limited to making columns only out of image attributes.

Anybody else got an idea on this?

I was re-reading this, and wanted to add a few additional comments. Each single product attribute consists of two parts:
1. Option (Attribute) Name (i.e. Color)
2. Option (Attribute) Value (i.e. Blue, Red, Green)

My solution will place the attributes+it's associated values in two columns. (As you have already seen) It will not do anything about the layout of the attribute values.

You are looking for a solution that takes and individual attribute and change the default display from this:

Attribute (Color)
--- Attribute Value (Green)
--- Attribute Value (Blue)
--- Attribute Value (Red)
--- Attribute Value (Purple)

And display it like this:
Attribute Name (Color)
--- Attribute Value (Green) ----- --- Attribute Value (Blue)
--- Attribute Value (Red) -------- --- Attribute Value (Purple)

or something similar...

Solarflare is absolutely right. The way to achieve what you want is to use images for your attribute values. Once you have images for your attribute values, you can easily achieve what you want using the admin controls. If you don't want to use images, then you are looking at custome code.

I'm not sure you're gonna find help on this forum to create the code you want. I sought an outside resource to help me with the code I attached to the O/P because I never saw anyone post a solution. You may have to do the same if you REALLY don't want to use images and the existing admin controls/features. From my searches, I got the impression that the general consensus is that this is not a desireable/needed feature since there is a way to do what you want by creating and associating images with your attribute (options) values.

Good luck with your store!

[lukemcr]

I dropped this right in and it worked for me. Thanks a lot. :-)

[DivaVocals]

Glad ya liked it..

[busymum]

Really great, thank you!

One question, now that my size and colour attributes are side by side (ace!) there is a large space between 'Please choose:' and the the actual attributes. Any way to get rid of this space?

Thanks.

[rwoody]

This is a little off topic, but I thought that possibly someone could answer this for me. In the product_info layout, the drop down on the attributes has a huge margin between them (100px). I've looked carefully at the layout and the style sheet and nothing I try seems to reduce this. I have the drop downs in a vertical format and I only want the margin about 25px between them. The top drop down should be able to go right over the top of the second when selected if necessary.

The other alternative was to get them into a two column layout, where the drop downs would appear side by side, but after reading this thread I don't believe this module will help in that area.

Are there any suggestions or could someone tell me what in the .css is controlling that margin.

Thanks in advance.

[DivaVocals]

Busymum & rwoody

Since neither of you included a link to your site, I am only making a guess here, but both of your issues sound like stylesheet modifications are needed to correct your layout issues.. As you can see in my test site where I have this working, I don't have the spacing issues you are both referring to.

http://clients.overthehillweb.com/my...products_id=36

I would suggest creating a thread in the stylesheet forum, and seeing if one of the experts there can help you figure out what changes are needed to get the layout to look the way you want.

[rwoody]

Thank you for your response. In doing further research on the forums I did in fact find another person with a similar issue.

I edited the tpl_moduless_attributes.php to include a div ID for the div containing the class wrapperAttribsOptions. In the style sheet, I added a height to that div, setting it to my desired height; however, I noted that the first dropdown was still hung up. This is where the other post helped me. It was necessary to go into the product_info_display and modify the cart_display to absolute positioning, as the add to cart div was keeping the first dropdown from lining up the way I wanted it to.

The end result is that now on pages where I have multiple dropdowns, they are lined up very nicely allowing for a much nicer look on the page.

Here is a link to the site (we are still under construction), to the particular page that was really causing an issue for me. Site Example As you can see I have five attribute selections here, four drop downs and one text entry. With the old layout this page stretched out forever!!

Once again, thank you for your reply and I hope my solution helps someone else.

Thanks

Ruth

[DivaVocals]

rwoody -- First off.. LOVE your site.. and I am very happy you found a solution to your product page layout issues..

However, I want to make sure it's clear to anyone reading this thread that your solution is unrelated to my two column attribute mod.. Your product pages are not using this mod, and so I feel it's important for me to note this for anyone reading this thread, who might visit your site..

Just want to make sure everyone reading this thread is on the same page..

[rwoody]

You are correct, thus the reason in my first post I admitted I was off topic, but you folks were soooo close to my issue at the time, I just had to jump in.

Thanks for the kudos on the site. I have to tell you this has been "the" most challenging design I've ever done. Each of the main cats have a different flash image so it was really tough to come up with a way to make that happen. Waaaaay too many categories to even try to use individual style sheets and that really wouldn't have helped load all those flash modules.

Take care and thanks again for the mod. I did grab it for another site that I'm building and it works perrrrrrrfect !!!