Shopify

Question

尝试创建 Shopify 主题，我在创建循环时遇到问题。

我允许主题管理员选择 1 到 4 种产品在商店中展示。他可以从他的主题的自定义 UI 中选择它们。

架构是：

{
  "type": "product",
  "id": "popular_product_1",
  "label": "Product N°1"
},
{
  "type": "product",
  "id": "popular_product_2",
  "label": "Product N°2"
},
{
  "type": "product",
  "id": "popular_product_3",
  "label": "Product N°3"
},
{
  "type": "product",
  "id": "popular_product_4",
  "label": "Product N°4"
}

回到我的液体文件，作为测试，如果我想要URL到我可以做的产品：

{{ all_products[section.settings.popular_product_1].url }}

它会起作用的。但当然，我必须重复相同的代码 4 次。所以我想创建一个遍历每个循环的循环。

但是如何获取上面要插入的增量数呢？当然

{{ all_products[section.settings.popular_product_i].url }}
{{ all_products[section.settings.popular_product_{{i}}].url }}

不工作。

我也试过了

{% assign i = 1 %}
{% capture popular_product %}section.settings.popular_product_{{i}}{% endcapture %}
{{ all_products[popular_product].url }}

但它也不起作用...因为变量 popular_product 似乎是一个字符串，但它不是它应该是的。

Answer 1

替代方法：使用部分块

您是否考虑过在基本设置中使用带有块的部分而不是仅编号的产品字段？如果您创建一个 'Popular Products' 部分并定义流行产品块，您可以添加任意数量的产品（或可以指定最大值），然后使用

遍历它们

{% for block in section.blocks %} 
   {% assign popular_product = all_products[block.settings.product] %}
   <!-- Cool stuff with your popular product -->
{% endfor %}

您可以在此处阅读有关在 Shopify 中设置部分和块的更多信息：https://help.shopify.com/en/themes/development/sections

现在，您使用的方法并没有错，但是您上面的代码有一些错误。这些可以更正以获得正确的产品句柄以用于 all_products 查找。第一：

{{ all_products[section.settings.popular_product_{{i}}].url }}

不正确：我们从不将 Liquid 大括号嵌套在 Liquid 大括号内。相反，这应该类似于：

{% for i in (1..4) %}
  {% assign setting_name = 'popular_product_' | append: i %}
  {% assign handle = section.settings[setting_name] %}
  {% assign popular_product = all_products[handle] %}
  <!-- Cool stuff with our popular_product object -->
{% endfor %}

接下来，capture 变量将计算标签之间的所有内容并将其存储在字符串中。当您使用：

{% capture popular_product %}section.settings.popular_product_{{i}}{% endcapture %}

抓取的内容是先代入i的值，然后抓取得到的字符串，不是产品句柄！您真正想要的是 section.settings 对象中的特定值。

您应该使用 capture 来获取您需要的 popular_product_x 变量并在 section.settings 中访问它。例如：

{% capture field_name %}popular_product_{{i}}{% endcapture %}
{% assign popular_product = all_products[section.settings[field_name]] %}
<!-- Cool stuff with your popular product -->

希望对您有所帮助！

注意： 我个人更喜欢 assign 用于像上面这样的简单变量，而 capture 仅用于抓取多行（如 HTML)，但在这种情况下，任何一个都有效。不过，带有 capture 的警告：请记住，所有空格也会被捕获，这对于产品句柄或设置名称等简单变量来说通常是无意的。

希望对您有所帮助！

Shopify - 循环模式中的数据

Shopify - Loop over data from schema

liquid

替代方法：使用部分块