You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何提取Shopify店铺URL中tag参数后的内容?

Shopify集合页面提取激活筛选器标签并展示的实现方法

实现步骤:

在你的Shopify集合模板文件(如collection.liquid或对应的section组件文件)中添加以下Liquid代码:

  1. 提取并处理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 %}
  1. 在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.16 01:40:51