Question

有人知道要magento layered navigation collapse and expand

我找到了这段代码，但我不确定如何使用dd dt类

进行jquery

<dl id="narrow-by-list">
    <?php $_filters = $this->getFilters() ?>
    <?php foreach ($_filters as $_filter): ?>
        <?php if($_filter->getItemsCount()): ?>
            <dt><?php echo $this->__($_filter->getName()) ?></dt>
            <dd><?php echo $_filter->getHtml() ?></dd>
        <?php endif; ?>
    <?php endforeach; ?>
</dl>

Answer 1

<script type="text/javascript">
    jQuery(document).ready(function(){
        jQuery("dl#narrow-by-list> dd").hide();
        jQuery("dl#narrow-by-list> dt").click(function(){
            jQuery("dl#narrow-by-list> dd:visible").slideUp("fast");
            jQuery(this).next("dd").slideToggle("fast");
            return false;
        });
    });
</script>

Answer 2

1）在主题中包含jQuery库（您可能必须使用NoConflict模式） 2）以下列方式修改主题中的模板/类别/ layer / view.phtml文件。

A）更改<dt><?php echo $this->__($_filter->getName()) ?></dt>

到<dt><a href="/"><?php echo $this->__($_filter->getName()) ?></a></dt>

如您所见，我们将属性过滤器名称包装在一起，使其成为可点击链接。

B）然后在相同的view.phtml中包含jquery代码片段

<script type="text/javascript">
/* <![CDATA[ */
jQuery(document).ready(function(){
jQuery("dl#narrow-by-list> dd:not(:first)").hide();
jQuery("dl#narrow-by-list> dt a").click(function(){
jQuery("dl#narrow-by-list> dd:visible").slideUp("fast");
jQuery(this).parent().next().slideDown("fast");
return false;
});
});
/* ]]> */
</script>

Answer 3

<script type="text/javascript">

jQuery(document).ready(function(){
jQuery("dl#narrow-by-list> dd").show();
jQuery("dl#narrow-by-list> dt").click(function(){
jQuery(this).next("dd").slideToggle("slow");
return false;
});
});
</script>

可折叠的magento分层导航

3 个答案: