单击产品标签时标签计数会自动更改

2023-11-29

我正在使用 Shopify。我在集合页面中,我获取所有带有标签计数的过滤器,例如,

All Products
Apple(4)
Banana(2)
Orange(1)
Mango(8)

现在,当我单击任何标签(例如我单击香蕉)时,它将显示香蕉产品。

现在我的问题是通过单击标签来更改标签计数。

All Products
Apple(0)
Banana(2)
Orange(0)
Mango(4)

我正在使用下面的代码

 {% for tag in collection.all_tags %}
 {% assign products_count = 0 %}
 {% for product in collection.products %}
 {% if product.tags contains tag %}
 {% assign products_count = products_count | plus: 1 %}
 {% endif %}
 {% endfor %}
 <a class="filter__link" href="/collections/{% if collection.handle != blank %}{{ collection.handle }}{% else %}all{% endif %}/{{ tag | handleize }}"{% if current_tags contains tag %} selected="selected" id="tag_active"{% endif %}>{{ tag }} ({{products_count }})</a>
  {% endfor %}

提前致谢。


看来您缺少的步骤是第一行here:

{% assign collection = collections.all %}

您正在迭代当前集合,因此您已经注意到,当您单击标签时,结果会发生变化。

如果您没有带手柄的收藏all,您可以通过以下方式创建一个这个流程:

  1. 转到产品 > 系列。
  2. 单击添加集合。
  3. Create the collection:
    1. 为您的收藏命名All.
    2. 在“条件”部分中,选择“根据条件自动选择产品”。
    3. 设置产品条件“产品价格大于 0 美元”。
  4. Save

Edit:

这解决了单击标签链接时产品数量发生变化的问题:

{% for tag in collection.all_tags %}
    {% assign products_count = 0 %}
    {% for product in collections[collection.handle].products %}
        {% if product.tags contains tag %}
            {% assign products_count = products_count | plus: 1 %}
        {% endif %}
    {% endfor %}
    <a class="filter__link" href="/collections/{% if collection.handle != blank %}{{ collection.handle }}{% else %}all{% endif %}/{{ tag | handleize }}"{% if current_tags contains tag %} selected="selected" id="tag_active"{% endif %}>{{ tag }} ({{products_count }})</a>
{% endfor %}

关键部分是:

{% for product in collections[collection.handle].products %}

看起来就像当您按带有 URL 的标签进行过滤时collections/collection_1/tag_1 then collection.products也按所选标签进行过滤。上面这行看起来有点乱,但看起来返回的是全套产品。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

单击产品标签时标签计数会自动更改 的相关文章

  • 我开始使用诊断 CSS 样式表 例如http snipplr com view 6770 css diagnostics highlight deprecated html with css more http snipplr com vi
  • BeautifulSoup:从锚标记中提取文本

    我想提取 来自以下 src 的文本image tag and 锚标记的文本位于div类数据 我成功地提取了 img src 但在从锚标记中提取文本时遇到了问题 a class title href http www amazon com N
  • 如何在自定义模板标签上使用模板过滤器?

    我有一个关于模板标签的 Django 问题 我有一个名为的模板标签modal form有 4 个参数 该模板标签与基本变量完美配合 例如 modal form clients contact form Contacts contact 但当
  • 如何在 Shopify 中随机化相关产品

    我有标准的 Shopify 主题 Minimal 产品被分配到集合中 每个产品上的相关项目仅显示在相关集合中找到的前 4 个项目 由于每个系列中有很多商品 很多时候数百种产品中的相关商品都是完全相同的 如何编辑代码以随机化相关产品的结果 斯
  • docker-compose 使用多个标签构建文件

    我需要为我的应用程序功能创建一些图像 Azure 中的一些协同工作的 Web 应用程序 并且我还想使用多个标签来标记图像 例如最新版本 次要版本 主要版本和完整版本 我在这里阅读了有关扩展的信息https stackoverflow com
  • 如何读取 XML 文件的 php DOM 中的分隔符?

    我有一些 XML 文件 我必须读取它们并将其转换为 HTML XML 的格式是这样的
  • html 中字体标签的最佳替代品

    自从fontHTML 中的标签在 HTML5 中已被弃用 我明白为什么 是否有一个干净的解决方案可以将某些属性和样式仅应用于portions段落文本 我正在使用 JavaScript 来解析 XML 文件 该文件依赖于以下事实 font标签
  • git tag -l 不会删除已删除的标签

    这是场景 我将我的存储库克隆到一个定期更新的目录 git pull 现在我又创建了一个目录并签出了相同的存储库 我必须创建一些标签 但我错误地创建了名称错误的标签 所以我从第一个目录中删除了标签 git tag d old git push
  • jquery 改变标签

    我的代码不起作用 你能帮我吗 我希望将 class s7 的标签名称 p 更改为 h1 问题是您将所有元素与类相匹配s7 但是您需要对它们进行一一处理 以便将其内容复制到新元素中 在您当前的代码中 this总是document 不是当前元素
  • jQuery 自动完成标记插件,如 StackOverflow 的输入标记? [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 哪些解决方案可以实现与 SO 用于输入标签相同的自动完成功能 有可以处理一个单词的插件 但我还没有看到
  • 如何定义基于标签的组织结构?

    原标题 有没有办法在基于标签的组织方法上强制建立关系结构 我有一些实体 它们有一系列属性 一些属性影响实体可以具有的其他属性 许多属性被组织成组 并且有时实体被要求具有来自某些组的一定数量的属性 或者可能具有来自某些组的一定范围的属性 有没
  • 添加一个新列,其中标签附加到新月形数字

    我想添加一个新列 给出一个常量标签 并逐行附加新月数字逻辑 我的输入 position work chr1 jil2001 chr4 jil2001 chr3 kou2009 chr9 nai2012 chr7 fandis2005 我的预
  • 如何使用 Rally 的 JAVA API 将标签添加到 Rally 中的测试用例?

    我一直在努力向 Rally 中的测试用例添加标签 该标签已存在于 Tags 集合中 但我无法将其添加到测试用例中 有人可以提供一个关于如何执行此操作的示例吗 多谢 下面是如何执行此操作的示例 该示例显示了向现有测试用例添加标签 以及创建新测
  • 使用 PHP DOMDocument 更改标签属性值

    我想用 PHP DOMDocument 更改标签属性的值 例如 假设我们有这行 HTML a href http foo bar Click here a 我将上面的代码加载到 PHP 中 如下所示 dom new domDocument
  • Git 在哪里存储标签?

    Git 在哪里存储标签 我执行 git tag v0 1 0 v0 10 0 v0 11 0 但目录 git refs tags是空的 Git 将这些标签存储在哪里 谢谢 它们也可以存储在 git packed refs
  • git:检查标签,修改某些内容,然后再次标记它

    我觉得我应该知道这一点 但我很困惑 我在 github 上分叉了一个存储库 我需要的是签出一个标签 称为 v1 0 5 修改文件上的语句 使用名为 1 0 5 的新标签 不带 v 重新标记该状态 然后执行对 master 进行同样的更改 让
  • 取消选择所有复选框后,客户端过滤器显示所有项目

    加载时 复选框将取消选中 并显示所有列表项 当选中过滤器时 将显示相关的列表项 我遇到的问题是 当您再次取消选中所有复选框时 我需要显示所有项目而不是隐藏 这是我的小提琴 http jsfiddle net amesy B9Hnu 124
  • 向 Shopify Liquid 链接添加类?

    我正在尝试为我的客户生成注销链接 但想对该链接应用一个类 layout customer log out t customer logout link 上述液态代码生成 a href account logout Log out a 我想添
  • 使用 jQuery 创建新元素的正确或更好的方法是什么?

    与答案相关https stackoverflow com a 10619477 1076753 https stackoverflow com a 10619477 1076753创建一个元素更好用 div id foo class a o
  • Ansible - 默认/显式标签

    我有一本剧本 其中包含并标记了各种角色 name base hosts host default localhost roles role apt tags base apt ubuntu role homebrew tags base h

随机推荐

  • 使用 c:out JSP 将撇号转义为 \'

    我有一个包含人姓氏的对象字段 如果我使用 person lastName I get O Brian 如果我使用
  • jQuery 删除除了锚点之外的所有 HTML 标签

    目前 我有这一行 this html this html replace x3C x2F x3E x3E gi 但是 我想要一些类似于 if 子句 的内容 IF this tag
  • REST for Microsoft Access(或从应用程序访问的其他方式)

    我在PC上有一个Access数据库 想编写一个小应用程序 可以对这个数据库中的数据进行CRUD 我会编写一个提供此功能的简单 C 服务 但我不想重写现有的内容 是否有 Windows 服务或工具可以为 Microsoft Access 数据
  • 如何将 NSData 字节转换为 NSNumber 或 NSInteger?

    有一个特别的NSString initWithData抓取位并将其转换为字符串的方法 但是 我还没有发现NSNumber类参考号目前 我正在从服务器获取原始数据 字节 NSData格式 我知道如何在 C 中使用memcpy and int指
  • 检查异步 JavaScript 文件何时加载[重复]

    这个问题在这里已经有答案了 我想仅在加载所有异步文件后 引导 我的页面 有没有办法可以在加载异步文件时通知我 索引 html 为您的其中一个脚本提供一个 ID
  • 使用 INotifyPropertyChanged 更新 ObservableCollection 项属性

    检查以确保我的假设是正确的 我有一个 ObservableCollection 类 我正在调用 Web 服务并检索一系列设备 然后 我枚举 ObservableCollection 并将每个项目设置为从 Web 服务检索到的相应设备 我检索
  • 使用 jQuery 检测 Safari

    虽然两者都是基于 Webkit 的浏览器 但 Safari 会对 URL 中的引号进行 urlencode 而 Chrome 则不会 因此我需要在JS中区分这两者 jQuery 的浏览器检测文档将 Safari 标记为已弃用 有更好的方法还
  • 如何截断边界框中的文本?

    我正在将内容写入PdfContentByte直接使用对象PdfContentByte showTextAligned 我想知道如何在书写时阻止文本溢出给定区域 如果可能的话 如果 iText 还可以在文本不适合的地方放置省略号字符 那就太好
  • Azure IoT - 如果服务器和客户端都更改设备孪生属性怎么办?

    我有一个使用远程监控加速器的 Azure IoT 解决方案 服务器 远程监控网络 和客户端 设备 都在更改设备孪生属性 有时 这些属性会进入 同步 状态 并且似乎无法摆脱它 那么谁有权更改设备孪生属性以及何时有权更改设备孪生属性的规则是什么
  • Glassfish:HTTP 500 内部服务器错误,无任何异常

    我目前正在开发一个部署在 Glassfish 服务器上的项目 当出现异常时 我可以轻松地在 Glassfish 日志上看到堆栈跟踪 但是 有时当存在与持久性相关的问题 例如关系注释或延迟加载 时 服务器的响应是 HTTP 500 内部服务器
  • CocoaPods Pod 安装。模块无法导入

    我使用以下方式安装了 CocoaPods sudo gem install cocoapods 我有一个带有以下 podfile 的 swift Xcode 项目 platform ios 8 2 use frameworks target
  • 我收到错误消息,服务帐户无法读取 gs:// 路径

    我用于 ML 作业的 GCS 存储桶遇到访问错误 如何确保服务帐户具有所需的权限 我通过输入以下内容解决了这个问题 gcloud beta ml 初始化项目 请参阅下面的详细信息 https cloud google com ml docs
  • 在 C 中使用无效的指针值合法吗?

    下面的代码是C 中未定义的行为 尽管它在几乎所有广泛使用的实现上都可以正常工作 int pointer uninitialized likely illegal pointer value pointer incrementing an i
  • 如何通过ajax提交和验证表单

    请我尝试通过使用 Ajax 同时提交和验证我的表单到我的数据库 但它对我不起作用 这是我的jquery document ready function button click function myform validate Ajax t
  • 如何计算总执行时间并在响应标头中设置,即 Spring WebFlux 中每个请求的 x-runtime?

    不知道我的做法正确与否 另外 请告诉我是否有任何其他解决方法可以实现此目的 可以使用WebFilter吗 package request middlewares import org springframework stereotype C
  • 列出所有可能的组合[重复]

    这个问题在这里已经有答案了 我有一个关于组合的问题 我实际上正在开发一个电子商务网站 并且我有一个功能可以允许客户创建产品变体 例如 黑裤34W 30L 黑裤38W 32L 白裤34W 30L 这些被定义为产品变体 假设我的裤子有 3 个选
  • 使 IE 10 重复 svg 背景

    我有一个 svg 我将其用作身体的背景 我正在使用 x repeat 它可以在 chrome 和 FF 中工作 但在 ie10 实际上是 ie11 beta 中 背景被压扁 并且在每个 x repeat 之间有巨大的条形 链接在这里http
  • gm_auth 函数与 gargle_oauth_cache 停止工作

    我编写了从 gmail 下载电子邮件的 R 脚本 我已将 gm auth 与 gargle oauth cache 一起使用 library gmailr gm auth configure path path json gm auth e
  • python-selenium 有没有办法等待页面的所有元素加载完毕?

    我要求一般检查页面的所有元素是否已加载 有没有办法基本上检查一下 在具体的示例中 有一个页面 我单击某个按钮 然后我必须等到单击 下一步 按钮 然而 这个 下一步 按钮始终可用 可选择和单击 那么如何使用 selenium 检查页面的 状态
  • 单击产品标签时标签计数会自动更改

    我正在使用 Shopify 我在集合页面中 我获取所有带有标签计数的过滤器 例如 All Products Apple 4 Banana 2 Orange 1 Mango 8 现在 当我单击任何标签 例如我单击香蕉 时 它将显示香蕉产品 现