基于模板文件的 Shopify 片段条件格式

Question

我的 Shopify 产品页面中有一个块，它在一个名为 product-page-1-description.liquid 的片段中说明了产品可用性，它传递了一些文件以到达 product-template.liquid。我的问题是礼品卡也使用此文件来显示产品信息，我需要特别 remove/hide 可用性行。

这是我的问题：我可以根据调用文件的模板 (gift-card/product) 运行 show/hide 此块的液体条件吗？仅仅创建一个全新的片段似乎很浪费。谢谢！

#product-page-1-description.liquid

 {%- if item.show_product_main_info -%}
  <div class="tt-add-info">
    <ul>
      {%- if item.show_quantity -%}
      <li class="availability">
        <span>{{ 'products.product.availability' | t }}</span>
        {% if product.available %}
        <span class="stock_quantity hide"></span> <span class="in_stock hide">{{ 'products.product.in_stock' | t }}</span> <span class="many_in_stock hide">{{ 'products.product.many_in_stock' | t }}</span> <span class="sold_out hide">{{ "products.product.sold_out" | t }}</span> <span class="continue_out hide">{{ "products.product.purchase_when_out_of_stock" | t }}</span>
        {% else %}
        <span class="sold_out">{{ "products.product.sold_out" | t }}</span>
        {% endif %}
      </li>
      {%- endif -%}
    </ul>
  </div>

Answer 1

当您从 templates/gift_card.liquid 调用 product-page-1-description.liquid 时添加变量调用 giftCard

{% include 'product-page-1-description.liquid', giftCard: true %}

并且在显示可用性时，检查条件

 {%- if item.show_product_main_info -%}
      <div class="tt-add-info">
        <ul>
          {% unless giftCard %}
              {%- if item.show_quantity -%}
              <li class="availability">
                <span>{{ 'products.product.availability' | t }}</span>
                {% if product.available %}
                <span class="stock_quantity hide"></span> <span class="in_stock hide">{{ 'products.product.in_stock' | t }}</span> <span class="many_in_stock hide">{{ 'products.product.many_in_stock' | t }}</span> <span class="sold_out hide">{{ "products.product.sold_out" | t }}</span> <span class="continue_out hide">{{ "products.product.purchase_when_out_of_stock" | t }}</span>
                {% else %}
                <span class="sold_out">{{ "products.product.sold_out" | t }}</span>
                {% endif %}
              </li>
              {%- endif -%}
            {% endunless %}
        </ul>
      </div>

基于模板文件的 Shopify 片段条件格式

Conditional formatting on Shopify snippet based on template file

liquid

conditional-statements

shopify

shopify-template