开发者问题收集

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

2019-08-16
2012

我试图从“特色”集合中拉取产品,然后对于拉取的每件产品,如果价格达到千位,我想用货币和逗号分隔显示产品价格。

因此,这是我的代码,成功地从集合中拉取产品,但是我不知道并且在产品循环中找不到有关显示货币的相关文档。

{% 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}},它可以工作,但不使用相关货币,也不在千位时显示逗号。

1个回答

您正在寻找货币过滤器。这些过滤器允许您使用货币和小数等格式化数字。您可以在 Shopify 管理中设置货币格式,然后相应地使用过滤器。

Shopify 货币格式

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

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

Shopify 货币过滤器

Bilal Akbar
2019-08-16