【问题标题】:Show collapsed filters expanded by default显示默认展开的折叠过滤器
【发布时间】:2017-04-24 17:22:34
【问题描述】:

在此页面 (https://threadtheory.ca/blogs/sew-alongs) 我希望默认展开“过滤器 +”按钮...但我不知道怎么做!该网站通过 Shopify 托管,因此它使用 Liquid 作为模板引擎。这是代码部分:

<div class="filters">
    {% if show_tags %}
    <a href="#" data-toggle-target=".tags.nav-row">{{ 'blogs.filtering.filter' | t }} <span class="state">+</span></a>
    {% endif %}
</div><!-- /.filters -->

【问题讨论】:

    标签: javascript html shopify liquid


    【解决方案1】:

    在 chrome 中打开 -> 右键单击​​过滤器元素 -> 检查并查看 css 样式。然后在你的项目css文件中编辑它:)

    【讨论】:

    • 感谢您的回复 :) 我之前做过,似乎只是将“显示:隐藏”更改为“显示:块”,但 css 类是这样的:.tags.nav-row { border-top: 1px solid $dividers-col; border-bottom: 1px solid $dividers-col; padding: 15px; text-transform: capitalize; } 我只是将 display: block 添加到该类?
    • 不用回答,成功了!感谢您的帮助:)
    • 没问题:) p.s.显示没有值“隐藏”:)
    猜你喜欢
    • 2015-06-10
    • 1970-01-01
    • 2017-09-29
    • 2013-09-20
    • 2013-08-13
    • 2011-12-06
    • 2014-02-13
    • 2020-09-21
    • 1970-01-01
    相关资源
    最近更新 更多