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

【问题标题】：Shopify Theme Development - how to display product price with comma separation and currencyShopify 主题开发 - 如何用逗号分隔和货币显示产品价格
【发布时间】：2019-08-16 11:29:02
【问题描述】：

我正在尝试拉出一个“精选”系列，然后对于拉出的每个产品，我想显示产品的价格，如果它达到数千，则用货币和逗号分隔。

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

{% 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}}，它有效但不使用相关货币或在数以千计时显示逗号。

【问题讨论】：

标签： collections shopify product currency

【解决方案1】：

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

Shopify Currency Formatting

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

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

Shopify Money Filters

【讨论】：

准确！谢谢