在Magento中更改产品选项布局

Question

如何更改产品选项框的布局？ 我创建了带有颜色选项的可配置产品。

我注意到，Magento演示商店未始终显示产品选项。

我的选项框出现在整个列中，而只是一个字符选择。

我希望这些选项至少能像此产品一样显示： http : //demo.magentocommerce.com/zolof-the-rock-and-roll-destroyer-lol-cat-t-shirt-1.html

您能提供的任何帮助将不胜感激。

谢谢。

Answer 1

@Joseph的答案将有助于修饰样式，但是如果您需要编辑标记，则将需要app\\design\\frontend\\base\\default\\template\\bundle\\catalog\\product\\view\\type\\bundle\\option\\的模板文件app\\design\\frontend\\base\\default\\template\\bundle\\catalog\\product\\view\\type\\bundle\\option\\ ，并根据您的配置，编辑checkbox.phtml ， radio.phtml ， select.phtml等。

不要忘记将文件复制到本地主题路径中以进行安全升级的编辑。

干杯，乔纳森

Answer 2

听起来您在使用CSS时遇到了麻烦。 如果是这种情况，请尝试更改为以下样式规则：

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

这将使选择框仅占用最小的空间来显示其选项。 请注意，前面的规则（ width:99% ）是为了保持视觉一致性，因此您的选项可能看起来像这样。

希望有帮助！

谢谢乔