Shopify 主题开发 - 如何以逗号分隔和货币显示产品价格

Question

我正在尝试提取一个集合 'featured'，然后对于提取的每个产品，如果它达到数千，我想用货币和逗号分隔显示产品的价格。

这是我的代码，它成功地从集合中提取了产品，但是我不知道也找不到有关在产品循环中显示货币的相关文档。

{% if collections['featured-products'].products.size >= 1 %}
    
    {% for product in collections['featured-products'].products limit:3 %}

    <div class="featured-product">
        <div class="featured-product-image" style="background-image: url({{ product.featured_image | product_img_url: 'medium' }})"></div>

        <p class="featured-product-title">{{ product.title | escape }}</p>
        <p class="featured-product-price">{{ product.amount_with_comma_separator }}</p>

        <div class="product-buttons">

            {% include 'view-button' %}
            {% include 'add-to-cart-button' %}

        </div>
    </div>

    {% endfor %}

{% endif %}

我也用过 {{product.price}}，它可以工作，但不使用相关货币或在千位时显示逗号。

Answer 1

您正在寻找金钱过滤器。这些过滤器允许您使用货币和小数等设置数字格式。您可以在 Shopify 后台设置货币格式，然后相应地使用过滤器。

Shopify Currency Formatting

您可以使用产品价格，然后应用所需的过滤器，例如

{{ product.price | money }}
{{ product.price | money_with_currency }}
{{ product.price | money_without_trailing_zeros }}

Shopify Money Filters