shopify - 如何在 shopify 主题文件中获得总基数
解决方案
产品测量是变体对象的一部分。如果您的主题不支持此功能,您可以按照此Shopify 指南显示单价。但是,最新的 Shopify 支持的主题会在产品页面和购物车页面上显示此信息。Shopify Debut 主题中的相关代码片段,在购物车页面上显示单价。
{%- comment -%}
Markup template for unit price
{%- endcomment -%}
<div {% unless item.unit_price_measurement %}class="hide" {% endunless %}data-unit-price-group>
<dt>
<span class="visually-hidden visually-hidden--inline">{{ 'products.product.unit_price_label' | t }}</span>
</dt>
<dd>
<span class="price-unit-price">
{%- capture unit_price_separator -%}
<span aria-hidden="true">/</span><span class="visually-hidden">{{ 'general.accessibility.unit_price_separator' | t }} </span>
{%- endcapture -%}
{%- capture unit_price_base_unit -%}
{%- if item.unit_price_measurement.reference_value != 1 -%}
{{- item.unit_price_measurement.reference_value -}}
{%- endif -%}
{{ item.unit_price_measurement.reference_unit }}
{%- endcapture -%}
<span data-unit-price>{{ item.unit_price | money }}</span>{{- unit_price_separator -}}<span data-unit-price-base-unit>{{- unit_price_base_unit -}}</span>
</span>
</dd>
</div>
这是购物车页面的外观
推荐阅读
- dart - How to have a Stack widget constrain itself to a Positioned child in Flutter?
- c# - unity3d - 我尝试登录时出现 403 禁止错误
- python - doc2vec:性能测量和“工人”参数
- vba - 如何发送在文件夹中存储为 *.msg 的所有 Outlook 邮件项目
- webrtc - 在 localhost 127.0.0.1 上连接的对等方之间的 WebRTC 连接
- ajax - AJAX 发布请求对不同的请求返回相同的响应
- javascript - 使用 Create-React-App:在多个传递 props 的页面之间切换
- python - 使用不同键保存许多字典的最佳数据结构
- highcharts - Highcharts x 轴标签位置位于图表顶部
- c# - 如何在 ASP.Net Core 2.2 中对 CreatedAtAction 路由值进行单元测试以停止运行时失败