Установка ширины деления динамически - PullRequest
0 голосов
/ 28 сентября 2011

У меня есть jScrollPane на странице продукта magento, которая загружает параметры, отображаемые в виде встроенного списка (см. Скриншот - http://awesomescreenshot.com/06dlbao6b).

Можно ли динамически устанавливать размер деления в зависимости от содержимого, поскольку у некоторых продуктов будет только 2 варианта, а у некоторых их может быть 27.

До сих пор я только разработал способотображая более 4 опций, если я вручную устанавливаю ширину деления, на самом деле это не вариант, так как если у меня есть только 3 продукта, мне не нужно показывать элементы управления прокруткой.

Рассматриваемое деление - этодивизион product-options-chooser 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>

1 Ответ

0 голосов
/ 21 октября 2011

Обходной путь для этого теперь, поскольку удалось установить ширину для определенных классов для определенных продуктов

...