Shopify，在 Collection 页面上显示第一个库存产品变体的价格

Question

我的 collection 页面中的产品网格显示了变体的产品价格。目前，即使产品缺货，它也会显示第一个变体的价格。这不好，因为它具有误导性。我希望它显示有货的第一个变体的价格，但我不确定该流动代码应该是什么。这是我目前显示变体价格的方式：

<span class="price{% if on_sale %} on-sale{% endif %} {{ settings.collection_text_alignment | default: 'text-center' }}">
  {% if bold_price_varies %}
    {{ 'products.general.from' | t }} 
  {% endif %}
  <span class="money {{ settings.collection_text_alignment | default: 'text-center' }}">
    {{ bold_price  | money }}
  </span>
</span>

我知道该代码来自其中一个 Bold 应用程序，但我们不再使用它了。我可以使用标准的 Shopify Liquid 来完成这项工作。我只是不确定如何。

Answer 1

我会用 product.first_available_variant;

<span class="price{% if on_sale %} on-sale{% endif %} {{ settings.collection_text_alignment | default: 'text-center' }}">
  {% if bold_price_varies %}
    {{ 'products.general.from' | t }} 
  {% endif %}
  <span class="money {{ settings.collection_text_alignment | default: 'text-center' }}">
    {%- if product.first_available_variant -%}
        {%- assign price = product.first_available_variant.price -%}
    {%- else -%}
        {%- assign price = product.price -%}
    {%- endif -%}
    {{ price | money }}
  </span>
</span>

Shopify，在 Collection 页面上显示第一个库存产品变体的价格

Shopify, displaying price of first in stock product variant on Collection page

liquid

shopify