【问题标题】:How does a section gets linked to .liquid file?部分如何链接到 .liquid 文件?
【发布时间】:2021-05-30 21:48:39
【问题描述】:

代码中的哪一行将特定部分链接到 Shopify 中的 .liquid 文件?

如果我创建了一个部分,但我想将另一个 .liquid 文件链接到该部分,我该怎么做?

ex- 我创建了一个名为 Logo-List 的部分,并创建了一个名为 logo-bar.liquid 的 .liquid 文件,其中包含代码

<div class="page-width">
  {% if section.settings.title != blank %}
   <div class="section-header text-center">
    <h2>{{ section.settings.title | escape }}</h2>
   </div>
  {% endif %}

  {% if section.blocks.size > 0 %}
    <ul class="logo-bar{% if section.settings.title_enable %} logo-bar--large{% endif %}">
    {% for block in section.blocks %}
      <li class="logo-bar__item{% if section.settings.title_enable %} logo-bar__item-- 
       large{% endif %}" {{ block.shopify_attributes }}>
        {% if block.settings.link != blank %}
            <a href="{{ block.settings.link }}" class="logo-bar__link">
            {% endif %}
           {% if block.settings.image != blank %}
            {{ block.settings.image | img_url: '160x160', scale: 2 | img_tag: 
         block.settings.image.alt, 'logo-bar__image' }}
         {% else %}
           {{ 'logo' | placeholder_svg_tag: 'placeholder-svg' }}
          {% endif %}
           {% if block.settings.link != blank %}
            </a>
          {% endif %}
          </li>
         {% endfor %}
         </ul>
        {% endif %}

        {% if section.blocks.size == 0 %}
         {% include 'no-blocks' %}
         {% endif %}
          </div>

【问题讨论】:

    标签: shopify liquid


    【解决方案1】:

    在 Shopify 模版中,您只能包含位于 /snippets 文件夹中的文件 - 请记住这一点。确保您的文件 logo-bar.liquid/snippets 中。然后你可以简单地写 {% include 'logo-bar' %} 在此部分中呈现该 sn-p。

    【讨论】:

    • 现在我在 /sections 中有 2 个徽标部分的 1 个单个文件,所以你说我应该在 /sn-ps 和 {% include 'logo-bar 中再创建 1 个 .liquid 文件' %} 之后,如果我在 /section 文件中编辑任何内容,它不会反映在 /sn-p 文件中?
    • 我认为你需要在section文件中渲染sn-ps文件。
    • 就像no-blocks 已在您的部分代码中使用。 prnt.sc/10b4g3h
    • 将 sn-p 导入节意味着对 sn-p 的任何更改都将呈现在节内。不确定你在这里问的是什么:“之后,如果我在 /section 文件中编辑任何内容,它不会反映在 /sn-p 文件中?”您会希望在该部分内呈现 sn-p,因此编辑该部分不会影响 sn-p。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-20
    • 1970-01-01
    • 2021-08-19
    • 1970-01-01
    相关资源
    最近更新 更多