如何提取Shopify店铺URL中tag参数后的内容?
Shopify集合页面提取激活筛选器标签并展示的实现方法
实现步骤:
在你的Shopify集合模板文件(如collection.liquid或对应的section组件文件)中添加以下Liquid代码:
- 提取并处理URL中的标签参数
{% assign query_params = request.params | split: '&' %} {% assign active_filter_tag = '' %} {% for param in query_params %} {% if param contains 'filter.p.tag=' %} {% assign tag_value = param | split: '=' | last %} {% assign active_filter_tag = tag_value | uri_decode %} {% endif %} {% endfor %}
- 在H1标题下方渲染激活的标签
找到页面中的H1标题代码,在其下方添加判断渲染逻辑:
<h1>{{ collection.title }}</h1> {% if active_filter_tag != empty %} <div class="active-filter-tag">当前筛选:{{ active_filter_tag }}</div> {% endif %}
代码说明:
- 将URL的查询参数按
&拆分,遍历每个参数项,仅匹配包含filter.p.tag=的参数 - 拆分参数后提取等号后的标签内容,用
uri_decode解码URL编码的特殊字符(比如空格编码后的+或%20) - 只有提取到有效标签时才显示筛选内容,自动忽略
sort_by、fbclid等无关参数
内容的提问来源于stack exchange,提问作者Julian Fleischer
相关产品推荐
相关产品推荐

