在Magento中更改产品选项布局

Question

How do you change the layout of the product options box? I have created a Configurable product with color options.

I notice that Magento demo store doesn’t display the product options consistently.

My options box appears spanning the entire column for what is just a 1 character choice.

I would like the options to display at the very least like this product: http://demo.magentocommerce.com/zolof-the-rock-and-roll-destroyer-lol-cat-t-shirt-1.html

Any help you can provide would be much appreciated.

Thank you.

Answer 1

It sounds like you're having trouble w/ the CSS for the options. If that's the case, try changing to the following style rule:

.product-options dd select {
    width:auto;
}

That will make select boxes take only the minimum necessary space to display their options. Be aware that the previous rule (width:99%) is there for visual consistency so your options may look ragged this way.

Hope that helps!

Thanks, Joe