我在magento产品页面上有一个jScrollPane,它在选项中提取,显示为内联列表(参见屏幕截图 - http://awesomescreenshot.com/06dlbao6b)。
是否可以根据内容动态设置分区大小,因为有些产品只有2个选项,但有些可能有27个。
到目前为止,我只是设法显示超过4个选项,如果我手动设置分割宽度,这实际上不是一个选项,好像我只有3个产品我不需要显示滚动控件。
有问题的部门是产品选项选择器div。
不确定它是否有帮助,但这里是\ template \ catalog \ product \ view \ options \ type \ select.phtml中的代码:
<?php /* @var $this Mage_Catalog_Block_Product_View_Options_Type_Select */ ?>
<?php $_option = $this->getOption() ?>
<script>
jQuery(function()
{
var pane = jQuery('.product-options-container');
pane.jScrollPane(
{
showArrows: true,
animateScroll: true
}
);
});
</script>
<div class="product-options-title">
<dt>
<label<?php if ($_option->getIsRequire()) echo ' class="required"' ?>>
<?php if ($_option->getIsRequire()) echo '<em>*</em>' ?>
<?php echo $this->htmlEscape($_option->getTitle()) ?></label>
</dt>
</div>
<div class="product-options-container">
<div class="product-options-chooser">
<dd<?php if ($_option->decoratedIsLast){?> class="options-last"<?php }?>>
<div class="input-box"> <?php echo $this->getValuesHtml() ?>
<?php if ($_option->getIsRequire()): ?>
<?php if ($_option->getType() == Mage_Catalog_Model_Product_Option::OPTION_TYPE_RADIO || $_option->getType() == Mage_Catalog_Model_Product_Option::OPTION_TYPE_CHECKBOX): ?>
<span id="options-<?php echo $_option->getId() ?>-container"></span>
<?php endif; ?>
<?php endif;?>
</div>
</dd>
</div>
</div>
答案 0 :(得分:0)
现在有一个解决方法,设法将宽度设置为特定产品的特定类