使用动态变量的 Shopify LinkList 循环

Question

我有一段代码在多个页面上使用。此代码块中唯一发生变化的是链接列表的变量。我如何重构此代码以便我可以使用变量而不是静态代码？

<div class="featured-collections">
  <div class="frow justify-start">
    {% for link in linklists.book.links %}
    <div class="collection-thumb">
      <img class="collection-thumb-img" src="{{ link.object.featured_image | img_url: 'medium' }}">
      <h3 class="collection-thumb-title">
        <a href="{{ link.url }}">{{ link.object.title | escape }}</a><br/>
      </h3>
      {{ link.object.price | money }}<br/>
      <p>Book Now</p>
    </div>
  {% endfor %}
  </div>
</div>

我试过这个：

// Code for Variable Component - variable-linklist.liquid
{% for link in linklists.c.links %}
...
{% endfor %}

// Code for Book Page - page.book.liquid
{% assign c = "book" %}
{% include "variable-linklist" with "c" %}

但这没有用。

Answer 1

书页代码 - page.book.liquid

{% assign c = "book" %}
{% include "variable-linklist" with linklistHandle: c %}

可变组件代码 - variable-linklist.liquid

{% for link in linklists[linklistHandle].links %}
...
{% endfor %}

或

书页代码 - page.book.liquid

{% assign c = "book" %}
{% include "variable-linklist" with c %}

可变组件代码 - variable-linklist.liquid

{% for link in linklists[variable-linklist].links %}
...
{% endfor %}

当您仅使用 with c 时，会将值分配给名称与代码段名称相同的变量。

使用动态变量的 Shopify LinkList 循环

Shopify LinkList Loop Using Dynamic Variables

shopify