显示单价·Shopify帮助中心

显示单价< / h1 >

此页印于2023年6月8日。有关当前版本，请访问https://help.shopify.com/en/manual/intro-to-shopify/initial-setup/sell-in-france/price-per-unit。< / div >

如果按数量或尺寸销售产品，则可能需要显示某些产品的单位价格。当您输入产品的单价时，单价将显示在产品页面、收集页面、购物车页面、结帐页面和订单确认通知上。

在这一页

给你的产品加上单价

从您的Shopify管理，到产品。李< / ><李>单击要更改的产品的名称。李< / ><李>如果适用，单击要更新的变体。李< / ><李>下定价中,选择显示此产品的单价。李< / ><李>在总产品测量字段，输入您的产品的总测量值。李< / ><李>使用单位下拉菜单选择变量的度量单位。你展示的单位类型是不同的，这取决于你销售的产品类型。例如，如果产品是2升肥皂，那么选择l。李< / ><李>可选:为基本测量和单位。例如，对于重量为1公斤的产品，您可以选择100克的基本单位。李< / ><李>验证单价字段计算正确。李< / ><李>点击保存。李< / >

从Shopify应用，去产品>所有产品。李< / ><李>从所有产品屏幕，点击一个产品。李< / ><李>如果适用，点击要更新的变体。李< / ><李>下价格中,选择显示单价。李< / ><李>在总产品测量字段，输入您的产品的总测量值。李< / ><李>使用单位下拉菜单选择变量的度量单位。你展示的单位类型是不同的，这取决于你销售的产品类型。例如，如果产品是2升肥皂，那么选择l。李< / ><李>可选:为基本测量和单位。例如，对于重量为1公斤的产品，您可以选择100克的基本单位。李< / ><李>验证单价字段计算正确。李< / ><李>利用完成然后完成。李< / >

从Shopify应用，去产品>所有产品。李< / ><李>从所有产品屏幕，点击一个产品。李< / ><李>如果适用，点击要更新的变体。李< / ><李>下价格中,选择显示单价。李< / ><李>在总产品测量字段，输入您的产品的总测量值。李< / ><李>使用单位下拉菜单选择变量的度量单位。你展示的单位类型是不同的，这取决于你销售的产品类型。例如，如果产品是2升肥皂，那么选择l。李< / ><李>可选:为基本测量和单位。例如，对于重量为1公斤的产品，您可以选择100克的基本单位。李< / ><李>验证单价字段计算正确。李< / ><李>轻按向后箭头，然后轻按✓。李< / >

在你的网上商店显示单位价格欧宝体育官网入口首页

所有欧宝体育官网入口首页网上商店2.0主题有单位价格功能已经可用。在您的在线商店中显示单价不需要任何操作。欧宝体育官网入口首页

如果你有复古的主题并且无法将其更新到支持单价功能的版本，那么您可以手动自定义主题代码以显示单价。

显示单位价格的复古主题

此自定义的步骤因主题而异。点击您的主题按钮，然后按照下面的说明:

初次亮相的步骤

12.1.0及以上版本的Debut主题中提供了单位价格。如果您无法将主题更新到最新版本，那么您可以将单价自定义添加到以前版本的Debut中。

编辑您的产品价格片段

在片段目录，单击product-price.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码data-price：李< / >

< dl类= "价格{%< / span >如果< / span >可用< / span >和< / span >compare_at_price< / span >>< / span >价格< / span >%}< / span >价格,降价销售的{%< / span >endif< / span >%}< / span >“data-price >

用下面的代码片段替换代码:李< / >

< dl类= "价格{%< / span >如果< / span >可用< / span >和< / span >compare_at_price< / span >>< / span >价格< / span >%}< / span >价格,降价销售的{%< / span >endif< / span >%} {%< / span >如果< / span >可用< / span >和< / span >变体< / span >。< / span >unit_price_measurement< / span >%}< / span >价格,得到更多{%< / span >endif< / span >%}< / span >“data-price >

编辑之后，结果应该是这样的:

使用查找键盘快捷键来定位以下代码price__sale：李< / >

  {{< / span >“products.product.sale_price”< / span >|< / span >t< / span >}｝< / span >< / span >
 {{< / span >money_price< / span >}｝< / span > {{< / span >“products.product.on_sale”< / span >|< / span >t< / span >}｝< / span >

在结尾处添加以下代码< / div >标签:李< / >

{%< / span >如果< / span >变体< / span >。< / span >unit_price_measurement< / span >%}< / span >  {{< / span >“products.product.unit_price_label”< / span >|< / span >t< / span >}｝< / span > 
 {% -< / span >捕获< / span >unit_price_separator< / span >- - - - - - %}< / span > {{< / span >“general.accessibility.unit_price_separator”< / span >|< / span >t< / span >}｝< / span >跨度,< / >{% -< / span >endcapture< / span >- - - - - - %}< / span >{% -< / span >捕获< / span >unit_price_base_unit< / span >- - - - - - %}< / span >< span data-unit-price-base-unit >{% -< / span >如果< / span >可用< / span >和< / span >变体< / span >。< / span >unit_price_measurement< / span >- - - - - - %}< / span >{% -< / span >如果< / span >变体< / span >。< / span >unit_price_measurement< / span >。< / span >reference_value< / span >! =< / span >1< / span >- - - - - - %}< / span >{{-< / span >变体< / span >。< / span >unit_price_measurement< / span >。< / span >reference_value< / span >-}}< / span >{% -< / span >endif< / span >- - - - - - %}< / span >{{< / span >变体< / span >。< / span >unit_price_measurement< / span >。< / span >reference_unit< / span >}｝< / span >{% -< / span >endif< / span >- - - - - - %}< / span >< / span >{% -< / span >endcapture< / span >- - - - - - %}< / span >< span data-unit-price >{{< / span >变体< / span >。< / span >unit_price< / span >|< / span >钱< / span >}｝< / span >< / span >{{-< / span >unit_price_separator< / span >-}} {{-< / span >unit_price_base_unit< / span >-}}< / span >< / dd > < / div >{%< / span >endif< / span >%}< / span >

点击保存确认您的更改。李< / >

编辑购物车页面

在部分目录，单击cart-template.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码cart__price-wrapper：李< / >

{% -< / span >如果< / span >项< / span >。< / span >original_price< / span >! =< / span >项< / span >。< / span >final_price< / span >- - - - - - %}< / span >< dl > {{< / span >“products.product.regular_price”< / span >|< / span >t< / span >}｝< / span > 
  {{< / span >项< / span >。< / span >original_price< / span >|< / span >钱< / span >}｝< / span >< / s >< / dd >
 {{< / span >“products.product.sale_price”< / span >|< / span >t< / span >}｝< / span > 
  {{< / span >项< / span >。< / span >final_price< / span >|< / span >钱< / span >}｝< / span > 
 {% -< / span >其他的< / span >- - - - - - %}< / span >{{< / span >项< / span >。< / span >original_price< / span >|< / span >钱< / span >}｝< / span >{% -< / span >endif< / span >- - - - - - %}< / span >

用下面的代码片段替换代码:李< / >

< dl >{% -如果项。original_price! =项。final_price- - - - - - %} {{“products.product.regular_price”|t}｝ {{项。original_price|钱}｝< / s >< / dd > {{“products.product.sale_price”|t}｝ {{项。final_price|钱}｝ < / dd >{% -其他的- - - - - - %} {{“products.product.regular_price”|t}｝{{项。original_price|钱}｝< / dd >{% -endif- - - - - - %}{% -如果项。unit_price_measurement- - - - - - %}{{“products.product.unit_price_label”|t}｝ < / dt > < dd > <跨类=“price-unit-price”>{% -捕获unit_price_separator- - - - - - %} {{“general.accessibility.unit_price_separator”|t}｝跨度,< / >{% -endcapture- - - - - - %}{% -捕获unit_price_base_unit- - - - - - %}{% -如果项。unit_price_measurement。reference_value! =1- - - - - - %}{{-项。unit_price_measurement。reference_value-}}{% -endif- - - - - - %}{{项。unit_price_measurement。reference_unit}｝{% -endcapture- - - - - - %}{{项。unit_price|钱}｝{{-unit_price_separator-}} {{-unit_price_base_unit-}} < / dd >{% -endif- - - - - - %}< / dl >

经过你的编辑cart-template.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

编辑收藏页面

在部分目录，单击collection.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码grid-view-item__title：李< / >

{%包括“产品价格”%}

用下面的代码片段替换代码:李< / >

{%包括“产品价格”，变体：零%}

经过你的编辑collection.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

编辑您的产品卡网格

在片段目录，单击product-card-grid.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码grid-view-item__title：李< / >

{%包括“产品价格”，变体：产品%}

用下面的代码片段替换代码:李< / >

{%包括“产品价格”，变体：product.selected_or_first_available_variant%}

经过你的编辑product-card-grid.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

编辑您的产品卡片列表

在片段目录，单击product-card-list.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码{%如果产品。可用%}：李< / >

{%包括“产品价格”，变体：产品%}

用下面的代码片段替换代码:李< / >

{%包括“产品价格”，变体：product.selected_or_first_available_variant%}

经过你的编辑product-card-list.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

编辑您的订单页面

在模板目录，单击客户/ order.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码参数= " {{customer.order。价格' | t}}"：李< / >

{% -如果line_item。original_price! =line_item。final_price- - - - - - %}< dl > {{“products.product.regular_price”|t}｝ {{line_item。original_price|钱}｝< / s >< / dd > {{“products.product.sale_price”|t}｝ {{line_item。final_price|钱}｝ {% -其他的- - - - - - %}{{line_item。original_price|钱}｝{% -endif- - - - - - %}

用下面的代码片段替换代码:李< / >

< dl >{% -如果line_item。original_price! =line_item。final_price- - - - - - %} {{“products.product.regular_price”|t}｝ {{line_item。original_price|钱}｝< / s >< / dd > {{“products.product.sale_price”|t}｝ {{line_item。final_price|钱}｝ < / dd >{% -其他的- - - - - - %} {{“products.product.regular_price”|t}｝{{line_item。original_price|钱}｝< / dd >{% -endif- - - - - - %}{% -如果line_item。unit_price_measurement- - - - - - %}{{“products.product.unit_price_label”|t}｝ < / dt > < dd > <跨类=“price-unit-price”>{% -捕获unit_price_separator- - - - - - %} {{“general.accessibility.unit_price_separator”|t}｝跨度,< / >{% -endcapture- - - - - - %}{% -捕获unit_price_base_unit- - - - - - %}{% -如果line_item。unit_price_measurement。reference_value! =1- - - - - - %}{{-line_item。unit_price_measurement。reference_value-}}{% -endif- - - - - - %}{{line_item。unit_price_measurement。reference_unit}｝{% -endcapture- - - - - - %}{{line_item。unit_price|钱}｝{{-unit_price_separator-}} {{-unit_price_base_unit-}} < / dd >{% -endif- - - - - - %}< / dl >

经过你的编辑客户/ order.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

编辑主题样式

在资产目录，单击theme.scss.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码.price__vendor {：李< / >

.price__vendor｛颜色：美元color-body-text；字体大小：0.9 em；粗细：美元font-weight-body；首字母：大写字母；字母间距：1 px；保证金：5 px010 px；宽度：100％；@includeflex-basis (100%);}

在步骤2的代码下面添加下面的代码片段:李< / >

.price__unit｛@includeflex-basis (100%);显示：没有一个；.price——得到更多&｛显示：块；}}.price-unit-price｛颜色：美元color-body-text；字体大小：0.8 em；}

经过你的编辑theme.scss.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

编辑javascript主题代码

在资产目录，单击theme.js文件。李< / ><李>
使用查找键盘快捷键查找以下代码:李< / >

salePrice：＇(data-sale-price)＇

在步骤2的代码上添加以下代码片段:李< / >

unitPrice：＇(data-unit-price)＇，unitPriceBaseUnit：＇(data-unit-price-base-unit)＇，

编辑之后，结果应该是这样的:

使用查找键盘快捷键查找以下代码:李< / >

productOnSale：＇价格,降价销售的＇，

在步骤4的代码之后添加以下代码片段:李< / >

productUnitAvailable：＇价格,得到更多＇，

编辑之后，结果应该是这样的:

使用查找键盘快捷键查找以下代码:李< / >

varliveRegionText＝＇[可售性][普通][$$][特价][$]＇；

用下面的代码片段替换代码:李< / >

varliveRegionText＝＇[可售][普通][$$][特价][$]。[UnitPrice] [$ $ $)＇；

使用查找键盘快捷键查找以下代码:李< / >

varsalePrice＝＇＇；

在步骤8的代码下面添加以下代码片段:李< / >

varunitLabel＝＇＇；varunitPrice＝＇＇；如果（变体。unit_price_measurement）｛unitLabel＝主题。字符串。unitPrice；unitPrice＝主题。货币。formatMoney（变体。unit_price，主题。moneyFormat）+＇＇+主题。字符串。unitPriceSeparator+＇＇+这。_getBaseUnit（变体）；}

使用查找键盘快捷键查找以下代码:李< / >

。取代（＇(美元)＇，salePrice）

在步骤10的代码下面添加下面的代码片段:李< / >

。取代（＇(UnitPrice)＇，unitLabel）。取代（＇($ $ $)＇，unitPrice）

编辑之后，结果应该是这样的:

使用查找键盘快捷键查找以下代码:李< / >

_updatePrice：函数（evt）｛

在步骤12的代码之前添加以下代码片段:李< / >

_getBaseUnit：函数（变体）｛返回变体。unit_price_measurement。reference_value= = =1？变体。unit_price_measurement。reference_unit：变体。unit_price_measurement。reference_value+变体。unit_price_measurement。reference_unit；}，

使用查找键盘快捷键查找以下代码:李< / >

varsalePrice美元＝美元（这。选择器。salePrice，priceContainer美元）；

在步骤14的代码下面添加以下代码片段:李< / >

varunitPrice美元＝美元（这。选择器。unitPrice，priceContainer美元）；varunitPriceBaseUnit美元＝美元（这。选择器。unitPriceBaseUnit，priceContainer美元）；

使用查找键盘快捷键查找以下代码:李< / >

。removeClass（这。类。productOnSale）

在步骤16的代码下面添加以下代码片段:李< / >

。removeClass（这。类。productUnitAvailable）

使用查找键盘快捷键查找以下代码:李< / >

其他的｛//正常价格regularPrice美元。超文本标记语言（主题。货币。formatMoney（变体。价格，主题。moneyFormat））；}

在步骤18的代码下面添加以下代码片段:李< / >

//单价如果（变体。unit_price_measurement）｛unitPrice美元。超文本标记语言（主题。货币。formatMoney（变体。unit_price，主题。moneyFormat））；unitPriceBaseUnit美元。超文本标记语言（这。_getBaseUnit（变体））;priceContainer美元。addClass（这。类。productUnitAvailable）；}

编辑之后，结果应该是这样的:

点击保存确认您的更改。李< / >

编辑你的英文翻译

在地区目录，单击en.default.json文件。李< / ><李>
使用查找键盘快捷键查找以下代码:李< / >

“selection_help”：按空格键然后按方向键进行选择

在步骤2的代码上添加以下代码片段:李< / >

“unit_price_separator”：“每”，

编辑之后，结果应该是这样的:

使用查找键盘快捷键查找以下代码:李< / >

“include_taxes”：“含税”。，

在步骤4的代码下面添加以下代码片段:李< / >

“unit_price_label”：“单价”，

编辑之后，结果应该是这样的:

点击保存确认您的更改。李< / >

编辑主题布局

在布局目录，单击theme.liquid文件。李< / ><李>
使用查找键盘快捷键查找以下代码:李< / >

regularPrice:{{“products.product.regular_price”|t|json}｝，

在步骤2的代码下面添加下面的代码片段:李< / >

unitPrice:{{“products.product.unit_price_label”|t|json}｝单位价格Separator:{{“general.accessibility.unit_price_separator”|t|json}｝，

经过你的编辑theme.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

(可选)添加其他语言的翻译

去主题页面在您的Shopify管理。李< / ><李>
单击…按钮>编辑默认主题内容。李< / ><李>
点击更改主题语言，然后选择要编辑的语言。这只适用于你发布的主题。李< / ><李>
输入单价在搜索字段中。李< / ><李>
更新单价分隔符磁场下一般/无障碍。李< / ><李>
更新单价标签磁场下产品/产品。李< / ><李>
点击保存。李< / >

布鲁克林步道

13.1.0及以上版本的Brooklyn主题中有单位价格。如果您无法将主题更新到最新版本，那么您可以将单价自定义添加到以前版本的布鲁克林。
添加产品价格片段

在片段目录,点击添加一个新的代码片段。李< / ><李>
输入产品价格在name字段中。李< / ><李>
将以下代码复制并粘贴到文件中。李< / >

< div class = " price-container{%如果变体。unit_price_measurement%}价格-container——得到更多{%endif%}“data-price-container >{% -如果变体。compare_at_price>变体。价格- - - - - - %}{{“products.general.regular_price”|t}｝ {{变体。compare_at_price|钱}｝{{“products.general.sale_price”|t}｝{% -其他的- - - - - - %}{{“products.general.regular_price”|t}｝ {{“products.general.sale_price”|t}｝{% -endif- - - - - - %}{%如果变体。compare_at_price>变体。价格%}代销的{%endif%}"Itemprop ="price" content="{{变体。价格|divided_by：100.00}｝">{{变体。价格|钱}｝ {% -捕获unit_price_separator- - - - - - %} ;{{“general.accessibility.unit_price_separator”|t}｝跨度,< / >{% -endcapture- - - - - - %}{% -捕获unit_price_base_unit- - - - - - %}{% -如果变体。unit_price_measurement- - - - - - %}{% -如果变体。unit_price_measurement。reference_value! =1- - - - - - %}{{-变体。unit_price_measurement。reference_value-}}{% -endif- - - - - - %}{{变体。unit_price_measurement。reference_unit}｝{% -endif- - - - - - %}{% -endcapture- - - - - - %}{{“products.general.unit_price”|t}｝ {{变体。unit_price|钱}｝{{-unit_price_separator-}} {{-unit_price_base_unit-}}

点击保存确认您的更改。李< / >

编辑您的特色产品页面

在部分目录，单击featured-product.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码itemprop = "提供"：李< / >

< div data-price-container >{%评论%}可选地显示产品的“比较价格”或原价。{%endcomment%}{%如果compare_at_price>价格%}{%除非current_variant。可用%}aria-hidden＝"真正的"{%endunless%}>{{“products.general.regular_price”|t}｝ {{compare_at_price|钱}｝{{“products.general.sale_price”|t}｝{%其他的%}{%除非current_variant。可用%}aria-hidden＝"真正的"{%endunless%}>{{“products.general.regular_price”|t}｝ {{“products.general.sale_price”|t}｝{%endif%}{%如果compare_at_price>价格%}代销的{%endif%}"Itemprop ="price" content="{{价格|divided_by：100.00}｝"{%除非current_variant。可用%}aria-hidden＝"真正的"{%endunless%}>{{价格|钱}｝ < / div >

用下面的代码片段替换代码:李< / >

{%包括“产品价格”，变体：current_variant%}

经过你的编辑featured-product.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

编辑您的产品页面

在部分目录，单击product-template.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码itemprop = "提供"：李< / >

< div data-price-container >{%评论%}可选地显示产品的“比较价格”或原价。{%endcomment%}{%如果current_variant。compare_at_price>current_variant。价格%}{%除非current_variant。可用%}aria-hidden＝"真正的"{%endunless%}>{{“products.general.regular_price”|t}｝ {{current_variant。compare_at_price|钱}｝{{“products.general.sale_price”|t}｝{%其他的%}{%除非current_variant。可用%}aria-hidden＝"真正的"{%endunless%}>{{“products.general.regular_price”|t}｝ {{“products.general.sale_price”|t}｝{%endif%}{%如果current_variant。compare_at_price>current_variant。价格%}代销的{%endif%}"Itemprop ="price" content="{{current_variant。价格|divided_by：100.00}｝"{%除非current_variant。可用%}aria-hidden＝"真正的"{%endunless%}>{{current_variant。价格|钱}｝ < / div >

用下面的代码片段替换代码:李< / >

{%包括“产品价格”，变体：current_variant%}

经过你的编辑product-template.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

编辑您的ajax购物车

在片段目录，单击ajax-cart-template.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码{{{价格}}}：李< / >

{{#如果discountsApplied}｝{%endraw%} {{“products.general.regular_price”|t}} {%生%}{{{price}}} {%endraw%} {{“products.general.sale_price”|t}} {%生%} {{{discountedPrice}}} {{其他}}<跨类=“ajaxcart__price”>{{{价格}}}{{/如果}}

控件下添加以下代码{{/如果}}从步骤2开始:李< / >

{{#如果unitPrice}｝{%endraw%} {{“products.general.unit_price”|t}} {%生%}{%endraw%}{% -捕获unit_price_separator- - - - - - %} ;{{“general.accessibility.unit_price_separator”|t}｝跨度,< / >{% -endcapture- - - - - - %}{%生%} {{{unitPrice。价格}}} {{%endraw%} {{-unit_price_separator-}} {%生%}{{#如果unitPrice。{{{unitPrice。reference_value}｝}{{/如果}}{{｛unitPrice．参考单元}}} {{/if}}

经过你的编辑ajax-cart-template.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

编辑您的产品网格项

在片段目录，单击product-grid-template.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码捕捉img_id_class：李< / >

{%捕获img_id_class%}ProductImage -{{产品。featured_image。id}} {%endcapture%}{%捕获img_wrapper_id%}ProductImageWrapper -{{产品。featured_image。id}} {%endcapture%}{% -分配img_url＝产品。featured_image|img_url：“1 x1”|取代：“_1x1”。，“_}{宽度x”。- - - - - - %}

在步骤2的代码之前添加以下代码片段:李< / >

{% -分配变体＝产品。selected_or_first_available_variant- - - - - - %}

编辑之后，结果应该是这样的:

使用查找键盘快捷键来定位以下代码{{产品。价格|money_without_trailing_zeros}｝：李< / >

{%如果on_sale%}{{“products.general.sale_price”|t}｝{%其他的%}{{“products.general.regular_price”|t}｝{%endif%}{%如果产品。price_varies%}{{产品。price_min|money_without_trailing_zeros}｝ + {%其他的%}{{产品。价格|money_without_trailing_zeros}｝{%endif%}

控件下添加以下代码：李< / >

{% -如果产品。price_varies＝＝假和变体。unit_price_measurement- - - - - - %}{% -捕获unit_price_separator- - - - - - %} ;{{“general.accessibility.unit_price_separator”|t}｝跨度,< / >{% -endcapture- - - - - - %}{% -捕获unit_price_base_unit- - - - - - %}{% -如果变体。unit_price_measurement。reference_value! =1- - - - - - %}{{-变体。unit_price_measurement。reference_value-}}{% -endif- - - - - - %}{{变体。unit_price_measurement。reference_unit}｝{% -endcapture- - - - - - %}{{“products.general.unit_price”|t}｝ {{变体。unit_price|钱}｝{{-unit_price_separator-}} {{-unit_price_base_unit-}}{% -endif- - - - - - %}

编辑之后，结果应该是这样的:

点击保存确认您的更改。李< / >

编辑购物车页面

在模板目录，单击cart.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码：李< / >

{% -如果项。original_line_price! =项。final_line_price- - - - - - %}{{“products.general.regular_price”|t}｝{{项。original_line_price|钱}｝ {{“products.general.sale_price”|t}｝{{项。final_line_price|钱}｝{% -其他的- - - - - - %}{{项。original_line_price|钱}｝{% -endif- - - - - - %}

请注意

如果您的主题版本较旧，则可能无法找到此代码片段。在这种情况下，将步骤3中的代码直接添加到元素。

在步骤2的代码下面添加下面的代码片段:李< / >

{% -如果项。unit_price_measurement- - - - - - %}{{“products.general.unit_price”|t}｝{% -捕获unit_price_separator- - - - - - %} ;{{“general.accessibility.unit_price_separator”|t}｝跨度,< / >{% -endcapture- - - - - - %}{% -捕获unit_price_base_unit- - - - - - %}{% -如果项。unit_price_measurement。reference_value! =1- - - - - - %}{{-项。unit_price_measurement。reference_value-}}{% -endif- - - - - - %}{{项。unit_price_measurement。reference_unit}｝{% -endcapture- - - - - - %}{{项。unit_price|钱}｝{{-unit_price_separator-}} {{-unit_price_base_unit-}}{% -endif- - - - - - %}

经过你的编辑cart.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

编辑您的订单页面

在模板目录，单击客户/ order.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码{{line_item。或iginal_price | money }}：李< / >

“customer.order.price”|t}｝">{% -如果line_item。original_price! =line_item。final_price- - - - - - %}{{“products.general.regular_price”|t}｝ < del >{{line_item。original_price|钱}｝ {{“products.general.sale_price”|t}｝ {{line_item。final_price|钱}｝{% -其他的- - - - - - %}{{line_item。original_price|钱}｝{% -endif- - - - - - %}道明> < /

控件之前添加以下代码片段道明> < /从步骤2开始:李< / >

{% -如果line_item。unit_price_measurement- - - - - - %}{{“products.general.unit_price”|t}｝{% -捕获unit_price_separator- - - - - - %} ;{{“general.accessibility.unit_price_separator”|t}｝跨度,< / >{% -endcapture- - - - - - %}{% -捕获unit_price_base_unit- - - - - - %}{% -如果line_item。unit_price_measurement。reference_value! =1- - - - - - %}{{-line_item。unit_price_measurement。reference_value-}}{% -endif- - - - - - %}{{line_item。unit_price_measurement。reference_unit}｝{% -endcapture- - - - - - %}{{line_item。unit_price|钱}｝{{-unit_price_separator-}} {{-unit_price_base_unit-}}{% -endif- - - - - - %}

经过你的编辑客户/ order.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

编辑主题样式-第1部分

在资产目录，单击theme.scss.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码.ajaxcart__price {：李< / >

.ajaxcart__price｛字体大小：新兴市场（13 px）；显示：块；}

在步骤2的代码下面添加下面的代码片段:李< / >

.cart__unit-price｛显示：块；}

经过你的编辑theme.scss.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

编辑主题样式-第2部分

在资产目录，单击timber.scss.liquid文件。李< / ><李>
使用查找键盘快捷键来定位以下代码.product-single__policies {：李< / >

.product-single__policies｛保证金：15个像素025个像素0；}

在步骤2的代码上添加以下代码片段:李< / >

.product-single__unit｛显示：没有一个；.price-container——得到更多&｛显示：块；}}

编辑之后，结果应该是这样的:

转到文件的最后，添加以下代码:李< / >

.product-unit-price｛颜色：美元colorTextBody；显示：块；}

编辑之后，结果应该是这样的:

点击保存确认您的更改。李< / >

编辑JavaScript主题代码

在资产目录，单击theme.js.liquid文件。李< / ><李>
使用查找键盘快捷键查找以下代码:李< / >

varprodImg；

在步骤2的代码下面添加下面的代码片段:李< / >

varunitPrice＝零；

编辑之后，结果应该是这样的:

使用查找键盘快捷键查找以下代码:李< / >

//创建项目的数据对象并添加到'items'数组

在步骤4的代码上添加以下代码片段:李< / >

如果（cartItem。unit_price_measurement）｛unitPrice＝｛addRefererenceValue：cartItem。unit_price_measurement。reference_value= = !1，价格：主题。货币。formatMoney（cartItem。unit_price，设置。moneyFormat)，reference_value：cartItem。unit_price_measurement。reference_value，reference_unit：cartItem。unit_price_measurement。reference_unit}；}

编辑之后，结果应该是这样的:

使用查找键盘快捷键查找以下代码:李< / >

供应商：cartItem。供应商

在步骤6的代码上添加以下代码片段:李< / >

unitPrice：unitPrice，

编辑之后，结果应该是这样的:

使用查找键盘快捷键查找以下代码:李< / >

productPrice：＇# ProductPrice＇，

在步骤8的代码下面添加以下代码片段:李< / >

unitPrice：＇(data-unit-price)＇，unitPriceBaseUnit：＇(data-unit-price-base-unit)＇，

编辑之后，结果应该是这样的:

使用查找键盘快捷键来定位以下代码(this.selectors美元。priceContainer，这．美元的容器)。removeClass（：李< / >

美元（这。选择器。priceContainer，这。美元的容器)。removeClass（＇visibility-hidden＇）；

用下面的代码片段替换代码:李< / >

美元（这。选择器。priceContainer，这。美元的容器)。removeClass（＇visibility-hidden price-container——得到更多＇）；

编辑之后，结果应该是这样的:

使用查找键盘快捷键查找以下代码:李< / >

美元（这。选择器。SKU)。超文本标记语言（变体。sku）；

在步骤12的代码上添加以下代码片段:李< / >

如果（变体。unit_price_measurement）｛varunitPrice美元＝美元（这。选择器。unitPrice，这。美元的容器）；varunitPriceBaseUnit美元＝美元（这。选择器。unitPriceBaseUnit，这。美元的容器）；unitPrice美元。超文本标记语言（主题。货币。formatMoney（变体。unit_price，moneyFormat））；unitPriceBaseUnit美元。超文本标记语言（这。getBaseUnit（变体））;美元（这。选择器。priceContainer，这。美元的容器)。addClass（＇price-container——得到更多＇）；}

编辑之后，结果应该是这样的:

使用查找键盘快捷键来定位以下代码this.destroyImageCarousel ();：李< / >

onUnload：函数（）｛这。美元的容器。从（这。设置。名称空间）；这。destroyImageCarousel()；}

在步骤14的代码上添加以下代码片段:李< / >

getBaseUnit：函数（变体）｛返回变体。unit_price_measurement。reference_value= = =1？变体。unit_price_measurement。reference_unit：变体。unit_price_measurement。reference_value+变体。unit_price_measurement。reference_unit；}，

编辑之后，结果应该是这样的:

点击保存确认您的更改。李< / >

编辑你的英文翻译

在地区目录，单击en.default.json文件。李< / ><李>
使用查找键盘快捷键查找以下代码:李< / >

“refresh_page”："选择一个选项会刷新整个页面"

在步骤2的代码上添加以下代码片段:李< / >

“unit_price_separator”：“每”，

编辑之后，结果应该是这样的:

使用查找键盘快捷键查找以下代码:李< / >

“include_taxes”：“含税”。，

在步骤4的代码下面添加以下代码片段:李< / >

“unit_price”：“单价”，

编辑之后，结果应该是这样的:

点击保存确认您的更改。李< / >

(可选)添加其他语言的翻译

去主题页面在您的Shopify管理。李< / ><李>
单击…按钮>编辑默认主题内容

点击更改主题语言，然后选择要编辑的语言。这只适用于你发布的主题。李< / ><李>
输入单价在搜索字段中。李< / ><李>
更新单价分隔符磁场下一般/无障碍。李< / ><李>
更新单价标签磁场下产品/一般。李< / ><李>
点击保存。李< / >

最小化步骤

11.2.0及以上版本的Minimal主题中提供了单位价格。如果您无法将主题更新到最新版本，那么您可以将单价自定义添加到Minimal的先前版本。
更新代码片段

定位并扩展片段文件夹中。李< / ><李>
选择添加一个新的代码片段。李< / ><李>
输入名称product-unit-price。李< / ><李>
将以下代码复制并粘贴到product-unit-price.liquid。李< / >

{% -除非可用- - - - - - %}{% -如果变体。标题- - - - - - %}{% -分配可用＝变体。可用- - - - - - %}{% -其他的- - - - - - %}{% -分配可用＝真正的- - - - - - %}{% -endif- - - - - - %}{% -endunless- - - - - - %}除非可用和变体。unit_price_measurement%}隐藏{%endunless%} {%如果wrapper_class! =空白%}{{wrapper_class}} {%endif%}“data-unit-price-container >{% -捕获unit_price_separator- - - - - - %} {{“general.accessibility.unit_price_separator”|t}｝{% -endcapture- - - - - - %}{% -捕获unit_price_base_unit- - - - - - %}{% -如果可用和变体。unit_price_measurement- - - - - - %}{% -如果变体。unit_price_measurement。reference_value! =1- - - - - - %}{{-变体。unit_price_measurement。reference_value-}}{% -endif- - - - - - %}{{变体。unit_price_measurement。reference_unit}｝{% -endif- - - - - - %}{% -endcapture- - - - - - %}{{“products.product.unit_price_label”|t}｝ {{变体。unit_price|钱}｝{{-unit_price_separator-}} {{-unit_price_base_unit-}}

点击保存。李< / ><李>
查找并编辑该文件product-grid-item.liquid。李< / ><李>
替换这一行:李< / >

{%捕获价格%} {{特色。价格|钱}} {%endcapture%}

用这句话:

{% -分配价格＝特色。价格|钱- - - - - - %}

使用查找键盘快捷键来定位{{价格}}然后添加下面的代码:李< / >

{% -分配变体＝特色。selected_or_first_available_variant- - - - - - %}{% -如果变体。可用和变体。unit_price_measurement- - - - - - %}{%包括“product-unit-price”，变体：变体，wrapper_class：“grid-link__unit-price”%}{% -endif- - - - - - %}

经过你的编辑product-grid-item.liquid文件应该是这样的:

点击保存确认您的更改。李< / ><李>
找到并编辑该文件search-result.liquid

使用查找键盘快捷键来定位{%如果项目。Object_type == 'product' %}并在下面的行中添加以下代码:李< / >

{% -分配变体＝项。selected_or_first_available_variant- - - - - - %}

现在使用查找键盘快捷键查找以下两个代码片段:李< / >

小> < s > <{{项。compare_at_price_max|钱}｝< /小> < / s >

和

{{“products.product.regular_price”|t}｝ {{项。价格|钱}｝

添加下面的代码块每一个在上一步中列出的两个代码片段中:李< / >

{% -如果变体。可用和变体。unit_price_measurement- - - - - - %}{%包括“product-unit-price”，变体：变体%}{% -endif- - - - - - %}

经过你的编辑search-result.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

更新你的风格

定位并扩展资产文件夹中。李< / ><李>
编辑文件theme.scss.liquid。李< / ><李>
使用查找键盘快捷键要定位这段代码:李< / >

.grid-link__title，.grid-link__meta｛位置：相对；margin-bottom：5 px；

在上一步中找到的代码段下面插入以下代码块:李< / >

字体类型：美元headerFontStack；

使用查找键盘快捷键要查找以下代码片段:李< / >

.grid-link__sale_price｛不透明度：0.95；过滤器：α（不透明度＝95）；}

在上一步中找到的代码段下面插入以下代码块:李< / >

.grid-link__unit-price｛字体大小：1 em；}

使用查找键盘快捷键要查找以下代码片段:李< / >

.order-discount——列表｛保证金：0.8 em00.6 em1.3 em；list-style：没有一个；填充：0；}

在上一步中找到的代码段下面插入以下代码块:李< / >

.order-discount——价格｛margin-bottom：0；}

使用查找键盘快捷键要查找以下代码片段:李< / >

.cart__product-title｛显示：inline-block；

在上一步中找到的代码段下面插入以下代码块:李< / >

粗细：美元bodyFontWeightBold；

经过你的编辑theme.scss.liquid文件应该是这样的:

点击保存确认您的更改。李< / ><李>
找到并编辑该文件timber.scss.liquid。李< / ><李>
使用查找键盘快捷键要查找此代码:李< / >

.quantity-selector｛显示：inline-block；}}

在上一步中找到的代码段下面插入以下代码块:李< / >

.product-single__title｛粗细：美元bodyFontWeightBold；}

在文件末尾插入以下代码:李< / >

.product-unit-price｛颜色：rgba（美元colorTextBody，0.6）；显示：块；字体类型：美元headerFontStack；字体大小：新兴市场（12 px）；}

经过你的编辑timber.scss.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

更新模板

定位并扩展模板文件夹中。李< / ><李>
找到并编辑该文件客户/ order.liquid。李< / ><李>
使用查找键盘快捷键要查找代码:李< / >

{% -其他的- - - - - - %}{{line_item。original_price|钱}｝{% -endif- - - - - - %}

将这段代码添加到步骤3的代码下面:李< / >

{% -如果line_item。unit_price_measurement- - - - - - %}{%包括“product-unit-price”，变体：line_item，可用：真正的%}{% -endif- - - - - - %}

经过你的编辑客户/ order.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

更新JavaScript

定位和编辑theme.js在资产。李< / ><李>
使用查找键盘快捷键查找包含。的行.shopify-payment-button将其替换为:李< / >

shopifyPaymentButton美元：美元（＇.shopify-payment-button＇，这。美元的容器)，unitPrice美元：美元（＇(data-unit-price)＇，这。美元的容器)，unitPriceBaseUnit美元：美元（＇(data-unit-price-base-unit)＇，这。美元的容器)，unitPriceContainer美元：美元（＇(data-unit-price-container)＇，这。美元的容器）

这段代码应该是这样的:

查找以下代码:李< / >

其他的｛这。选择器。comparePrice美元。addClass（＇隐藏＇)。超文本标记语言（＇＇）；这。选择器。comparePriceA11y美元。attr（＇aria-hidden＇，＇真正的＇）；}

在下面添加以下代码:李< / >

//单价这。选择器。unitPriceContainer美元。addClass（＇隐藏＇）；如果（变体。unit_price）｛这。选择器。unitPrice美元。超文本标记语言（Shopify。formatMoney（变体。unit_price，主题。moneyFormat））；这。选择器。unitPriceBaseUnit美元。超文本标记语言（这。getBaseUnit（变体））;这。选择器。unitPriceContainer美元。removeClass（＇隐藏＇）；}

结果应该是这样的:

使用查找键盘快捷键要查找此代码:李< / >

。attr（＇data-zoom＇）}）;}）;

在上一步中找到的代码段下面插入以下代码块:李< / >

}，getBaseUnit：函数（变体）｛返回变体。unit_price_measurement。reference_value= = =1？变体。unit_price_measurement。reference_unit：变体。unit_price_measurement。reference_value+变体。unit_price_measurement。reference_unit；

结果应该是这样的:

点击保存确认您的更改。李< / >

更新购物车模板

定位并扩展部分文件夹中。李< / ><李>
编辑文件cart-template.liquid。李< / ><李>
使用查找键盘快捷键要定位代码{{Final_price | money}}。李< / ><李>
用下面的代码替换该行:李< / >

{{项。final_price|钱}｝

找到第一次出现的代码{%-如果项目。= blank -%}：李< / >

{% -如果项。line_level_discount_allocations! =空白- - - - - - %}
{{“customer.order.discount”|t}｝">{% -为discount_allocation在item.line_level_discount_allocations- - - - - - %}
 aria-hidden="true">{{discount_allocation。discount_application。标题}｝（－{{discount_allocation。量|钱}｝李)< / >{% -endfor- - - - - - %}< / ul >{% -endif- - - - - - %}

将这段代码添加到步骤5的代码之上:李< / >

{% -如果项。变体。可用和项。变体。unit_price_measurement- - - - - - %}{%包括“product-unit-price”，变体：项，可用：item.variant.available%}{% -endif- - - - - - %}

经过你的编辑cart-template.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

更新您的特色产品

定位并扩展部分文件夹中。李< / ><李>
编辑文件featured-product.liquid。李< / ><李>
使用查找键盘快捷键定位…的线itemprop = "名称"代之以:李< / >

{{标题}｝< / h1 >

找到包含以下内容的代码id = " PriceA11y "：李< / >

{%如果compare_at_price>价格%}{{“products.product.regular_price”|t}｝ {compare_at_price | money}} {%endif%}

在上一步中找到的代码段下面插入以下代码块:李< / >

{%包括“product-unit-price”，变体：变体，可用：真正的%}

经过你的编辑featured-product.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

更新您的产品模板

定位并扩展部分文件夹中。李< / ><李>
编辑文件product-template.liquid。李< / ><李>
使用查找键盘快捷键定位…的线itemprop = "名称"将其替换为:李< / >

{{产品。标题}｝< / h1 >

使用查找键盘快捷键要查找代码:李< / >

{%其他的%}{{“products.product.sale_price”|t}｝ {{产品。compare_at_price_max|钱}｝< / s >{%endif%}

在下面添加这一行:李< / >

{%包括“product-unit-price”，变体：变体，可用：真正的%}

经过你的编辑product-template.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

更新区域设置

定位并扩展地区文件夹中。李< / ><李>
打开并编辑en.default.json文件。李< / ><李>
使用查找键盘快捷键查找包含。的行refresh_page将其替换为:李< / >

“refresh_page”："选择一个选项会刷新整个页面"，“unit_price_separator”：“每”

结果应该是这样的:

找到包含以下内容的行full_details将其替换为:李< / >

“full_details”：“详情”，“unit_price_label”：“单价”

结果应该是这样的:

点击保存确认您的更改。李< / >

(可选)添加其他语言的翻译

去主题页面在您的Shopify管理。李< / ><李>
单击…按钮>编辑默认主题内容。李< / ><李>
点击更改主题语言，然后选择要编辑的语言。这只适用于你发布的主题。李< / ><李>
输入单价在搜索字段中。李< / ><李>
更新单价分隔符磁场下一般/无障碍。李< / ><李>
更新单价标签磁场下产品/产品。李< / ><李>
点击保存。李< / >

创业步骤

9.4.0及以上版本的冒险主题中添加了单位价格。如果无法将主题更新到最新版本，请按照以下步骤将单价自定义应用到Venture的以前版本。
编辑主题的语言文件

在地区目录,点击en.default.json。李< / ><李>
使用查找键盘快捷键查找包含。的行refresh_page：李< / >

“refresh_page”："选择一个选项会刷新整个页面"

在步骤2中找到的行上面添加以下代码:李< / >

“unit_price_separator”：“每”，

编辑之后，结果应该是这样的:

使用查找键盘快捷键查找包含。的行stock_unavailable：李< / >

“stock_unavailable”：“由于库存不足，该商品无法添加到您的购物车中。”

将以下代码添加到步骤4中找到的行之上:李< / >

“unit_price_label”：“单价”，

编辑之后，结果应该是这样的:

点击保存确认您的更改。李< / >

编辑主题的样式表

在资产目录,点击theme.scss.liquid。李< / ><李>
使用查找键盘快捷键定位线路.product-single__policies {：李< / >

.product-single__policies｛字体大小：新兴市场（美元font-size-base-1）；}

在结尾处添加以下代码}在步骤2中找到的代码块的标记:李< / >

.product-unit-price｛字体大小：新兴市场（12）；颜色：美元color-body-text；}.product-card__unit-price｛显示：块；}

经过你的编辑theme.scss.liquid文件应该是这样的:

点击保存确认您的更改。李< / >

添加产品单价片段

在片段目录,点击添加一个新的代码片段。李< / ><李>
输入名称product-unit-price。李< / ><李>
将以下代码添加到product-unit-price.liquid：李< / >

如果wrapper_class! =空白%}{{wrapper_class}} {%endif%} {%除非product_variant。unit_price_measurement%}隐藏{%endunless%}“data-unit-price-container >{% -捕获unit_price_separator- - - - - - %} {{“general.accessibility.unit_price_separator”|t}｝{% -endcapture- - - - - - %}{% -捕获unit_price_base_unit- - - - - - %}{% -如果product_variant。unit_price_measurement。reference_value! =1- - - - - - %}{{-product_variant。unit_price_measurement。reference_value-}}{% -endif- - - - - - %}{{product_variant。unit_price_measurement。reference_unit}｝{% -endcapture- - - - - - %}{{“products.product.unit_price_label”|t}｝ {{product_variant。unit_price|钱}｝{{-unit_price_separator-}} {{-unit_price_base_unit-}}

点击保存确认您的更改。李< / >

编辑您的产品卡片段

在片段目录,点击product-card.liquid。李< / ><李>
使用查找键盘快捷键定位线路
{% -分配current_variant＝产品。selected_or_first_available_variant- - - - - - %}
编辑之后，结果应该是这样的: 使用查找键盘快捷键定位线路< div class = " product-card__price”>：李< / > < div class = " product-card__price”>{%如果产品。compare_at_price>产品。价格%}{%评论%}产品减价出售{%endcomment%}{%如果产品。price_varies%}{%分配sale_price＝产品。价格|money_without_trailing_zeros%}{{“products.product.on_sale_from_html”|t：价格：sale_price}｝{%其他的%}{{“products.product.regular_price”|t}｝{{产品。compare_at_price|money_without_trailing_zeros}｝{{“products.product.sale_price”|t}｝{{产品。价格|money_without_trailing_zeros}｝{%endif%}{%其他的%}{%评论%}不出售，但仍可能有不同的价格{%endcomment%}{%如果产品。price_varies%}{%分配价格＝产品。价格|money_without_trailing_zeros%}{{“products.product.from_text_html”|t：价格：价格}｝{%其他的%}{{“products.product.regular_price”|t}｝{{产品。价格|money_without_trailing_zeros}｝{%endif%}{%endif%}< / div > 在结束语句上方添加以下代码< / div >在步骤5中找到的标签:李< / > {% -除非产品。price_varies- - - - - - %}{% -如果current_variant。unit_price_measurement- - - - - - %}{%包括“product-unit-price”，product_variant：current_variant，wrapper_class：“product-card__unit-price”%}{% -endif- - - - - - %}{% -endunless- - - - - - %} 编辑之后，结果应该是这样的: 点击保存确认您的更改。李< / > 编辑购物车页面模板在部分目录,点击cart-template.liquid。李< / ><李> 使用查找键盘快捷键找到…的第一个实例< td类= " cart__cell——总”>：李< / > < td类= " cart__cell——总”>{% -如果项。original_line_price! =项。final_line_price- - - - - - %}{{“products.product.regular_price”|t}｝{{项。original_line_price|钱}｝ {{“products.product.sale_price”|t}｝{{项。final_line_price|钱}｝{% -其他的- - - - - - %}{{项。original_line_price|钱}｝{% -endif- - - - - - %} 的下面添加以下代码endif在步骤2中找到的标签:李< / > {% -如果项。unit_price_measurement- - - - - - %}{%包括“product-unit-price”，product_variant：项%}{% -endif- - - - - - %} 编辑之后，结果应该是这样的: 使用查找键盘快捷键找到…的第二个实例< td类= " cart__cell——总”>：李< / > < td类= " cart__cell——总”>{{#如果discountsApplied}｝{%endraw%} {{“products.product.regular_price”|t}} {%生%}{{{originalLinePrice}}} {%endraw%} {{“products.product.sale_price”|t}} {%生%} {{｛linePrice}}}}} {{else}} {{originalLinePrice}}}} {{/if}} {{#if discountsApplied}} {%endraw%} {{“customer.order.discount”|t}} {%生%}>｛｛#每个折扣}}{%endraw%} {% -包括“icon-saletag”- - - - - - %} {%生%}{{this.discount_application。Title}} (-{{{this。为mattedAmount }}}) {{/each}} {{/if}} 在第二个结束语句下面添加以下代码{{/如果}}在步骤4中找到的标签:李< / > {{#如果unitPrice}｝{%endraw%} {{“products.product.unit_price_label”|t}} {%生%}{%endraw%}{% -捕获unit_price_separator- - - - - - %} ;{{“general.accessibility.unit_price_separator”|t}｝跨度,< / >{% -endcapture- - - - - - %}{%生%} {{{unitPrice。价格}}}{%endraw%} {{-unit_price_separator-}} {%生%}{{#如果unitPrice。{{{unitPrice。reference_value}｝}{{/如果}}{{｛unitPrice．参考单元}}} {{/if}} 编辑之后，结果应该是这样的: 点击保存确认您的更改。李< / > 编辑您的特色产品页面模板在部分目录,点击featured-product.liquid。李< / ><李> 使用查找键盘快捷键定位线路{% assign current_variant = product。selected_or_first_available_variant%}。李< / ><李> 在步骤2中找到的行下面添加以下代码:李< / > {%分配variants_with_unit_price＝产品。变体|在哪里：“unit_price_measurement”%} 编辑之后，结果应该是这样的: 使用查找键盘快捷键查找包含。的行< ul类= " product-single__meta-list：李< / > {{部分。id}｝“阶级= "{%除非产品。compare_at_price>产品。价格%}隐藏{%endunless%}" >{{“products.product.on_sale”|t}｝< / div >李< / ><李>{%除非产品。compare_at_price_max>产品。价格%}{{“products.product.regular_price”|t}｝{%endunless%}部分。id}｝Class ="product-single__price" itemprop="price" content="{{current_variant。价格|divided_by：100.00}｝">{{current_variant。价格|钱}｝李跨度< / > < / >{%如果产品。compare_at_price_max>产品。价格%}{{“products.product.regular_price”|t}｝{{部分。id}｝"Class ="product-single__price product-single__price- compare">{{current_variant。compare_at_price|钱}｝李< / s > < / >{%endif%}{%如果部分。设置。stock_enable%} 在这下面ul标签，找到代码{%如果节设置。stock_enable %}。李< / ><李> 的上方添加以下代码如果在步骤6中找到的块:李< / > {% -如果variants_with_unit_price。大小>0- - - - - - %}<李>{%包括“product-unit-price”，product_variant：current_variant%}李< / >{% -endif- - - - - - %} 编辑之后，结果应该是这样的: 点击保存确认您的更改。李< / > 编辑您的产品页面模板在部分目录,点击product-template.liquid。李< / ><李> 使用查找键盘快捷键定位线路{% assign current_variant = product。selected_or_first_available_variant%}。李< / ><李> 在步骤2中找到的行下面添加以下代码:李< / > {%分配variants_with_unit_price＝产品。变体|在哪里：“unit_price_measurement”%} 编辑之后，结果应该是这样的: 使用查找键盘快捷键查找包含。的行< ul类= " product-single__meta-list：李< / > {%如果商店。taxes_included或商店。shipping_policy。身体! =空白%}product-single__price-container{%endif%}>{{部分。id}｝“阶级= "{%除非产品。compare_at_price>产品。价格%}隐藏{%endunless%}" >{{“products.product.on_sale”|t}｝< / div >李< / ><李>{%除非产品。compare_at_price_max>产品。价格%}{{“products.product.regular_price”|t}｝{%endunless%}部分。id}｝Class ="product-single__price" itemprop="price" content="{{current_variant。价格|divided_by：100.00}｝">{{current_variant。价格|钱}｝李跨度< / > < / >{%如果产品。compare_at_price_max>产品。价格%}{{“products.product.regular_price”|t}｝{{部分。id}｝"Class ="product-single__price product-single__price- compare">{{current_variant。compare_at_price|钱}｝李< / s > < / >{%endif%}{%如果部分。设置。stock_enable%} 在这下面ul标签，找到代码{%如果节设置。stock_enable %}。李< / ><李> 的上方添加以下代码如果在步骤5中找到的块:李< / > {% -如果variants_with_unit_price。大小>0- - - - - - %}<李>{%包括“product-unit-price”，product_variant：current_variant%}李< / >{% -endif- - - - - - %} 编辑之后，结果应该是这样的: 点击保存确认您的更改。李< / > 编辑客户的订单模板在模板目录,点击客户/ order.liquid。李< / ><李> 使用查找键盘快捷键定位线路：李< / > “customer.order.price”|t}｝">{% -如果line_item。original_price! =line_item。final_price- - - - - - %}{{“products.product.regular_price”|t}｝ < del >{{line_item。original_price|钱}｝ {{“products.product.sale_price”|t}｝ {{line_item。final_price|钱}｝{% -其他的- - - - - - %}{{line_item。original_price|钱}｝{% -endif- - - - - - %}道明> < / 用下面的代码替换步骤2中的代码:李< / > “customer.order.price”|t}｝">< div >{% -如果line_item。original_price! =line_item。final_price- - - - - - %}{{“products.product.regular_price”|t}｝ < del >{{line_item。original_price|钱}｝ {{“products.product.sale_price”|t}｝ {{line_item。final_price|钱}｝{% -其他的- - - - - - %}{{line_item。original_price|钱}｝{% -endif- - - - - - %}< / div >{% -如果line_item。unit_price_measurement- - - - - - %}{%包括“product-unit-price”，product_variant：line_item%}{% -endif- - - - - - %}道明> < / 经过你的编辑客户/ order.liquid文件应该是这样的: 点击保存确认您的更改。李< / > 编辑主题的JavaScript文件在资产目录,点击theme.js。李< / ><李> 使用查找键盘快捷键定位线路//创建项目的数据对象并添加到'items'数组。李< / ><李> 在步骤2中找到的行上面添加以下代码:李< / > varunitPrice＝零；如果（cartItem。unit_price_measurement）｛unitPrice＝｛addRefererenceValue：cartItem。unit_price_measurement。reference_value= = !1，价格：主题。货币。formatMoney（cartItem。unit_price，主题。moneyFormat)，reference_value：cartItem。unit_price_measurement。reference_value，reference_unit：cartItem。unit_price_measurement。reference_unit}；} 编辑之后，结果应该是这样的: 使用查找键盘快捷键定位线路供应商:cartItem.vendor, 在步骤4中找到的行下面添加以下代码:李< / > unitPrice：unitPrice， 编辑之后，结果应该是这样的: 使用查找键盘快捷键定位线路shopifyPaymentButton:“.shopify-payment-button”。李< / ><李> 用下面的代码替换步骤6中的行:李< / > shopifyPaymentButton：＇.shopify-payment-button＇，unitPrice：＇(data-unit-price)＇，unitPriceBaseUnit：＇(data-unit-price-base-unit)＇，unitPriceContainer：＇(data-unit-price-container)＇ 编辑之后，结果应该是这样的: 使用查找键盘快捷键定位线路_updateSKU:函数(evt) {。李< / ><李> 在步骤8中找到的行上面添加以下代码:李< / > _getBaseUnit：函数（变体）｛返回变体。unit_price_measurement。reference_value= = =1？变体。unit_price_measurement。reference_unit：变体。unit_price_measurement。reference_value+变体。unit_price_measurement。reference_unit；}， 编辑之后，结果应该是这样的: 使用查找键盘快捷键定位线路this._updateIncomingInfo(变种);：李< / > }其他的｛//变体已售罄，禁用提交按钮缓存。addToCart美元。道具（＇禁用＇，真正的)。addClass（＇btn——卖光的＇）；缓存。addToCartText美元。超文本标记语言（主题。字符串。soldOut）；美元（这。选择器。shopifyPaymentButton，这。美元的容器)。隐藏()；//更新何时有库存这。_updateIncomingInfo（变体）；} 在结尾处添加以下代码}在步骤10中找到的标签:李< / > 美元（这。选择器。unitPriceContainer，这。美元的容器)。addClass（＇隐藏＇）；如果（变体。unit_price_measurement）｛varunitPrice美元＝美元（这。选择器。unitPrice，这。美元的容器）；varunitPriceBaseUnit美元＝美元（这。选择器。unitPriceBaseUnit，这。美元的容器）；unitPrice美元。超文本标记语言（主题。货币。formatMoney（变体。unit_price，主题。moneyFormat））；unitPriceBaseUnit美元。超文本标记语言（这。_getBaseUnit（变体））;美元（这。选择器。unitPriceContainer，这。美元的容器)。removeClass（＇隐藏＇）；} 编辑之后，结果应该是这样的: 点击保存确认您的更改。李< / > (可选)添加其他语言的翻译去主题页面在您的Shopify管理。李< / ><李> 单击…按钮>编辑默认主题内容。李< / ><李> 点击更改主题语言，然后选择要编辑的语言。这只适用于你发布的主题。李< / ><李> 输入单价在搜索字段中。李< / ><李> 更新单价分隔符磁场下一般/无障碍。李< / ><李> 更新单价标签磁场下产品/产品。李< / ><李> 点击保存。李< / >
供应步骤 8.3.0及以上版本的供应主题中添加了单价。如果无法将主题更新到最新版本，请按照以下步骤将单价自定义应用于以前版本的Supply。 添加产品单价片段定位并扩展片段文件夹中。李< / ><李> 选择添加一个新的代码片段。李< / ><李> 输入名称product-unit-price。李< / ><李> 将以下代码复制并粘贴到文件中，然后选择保存。李< / > {% -除非可用- - - - - - %}{% -如果变体。标题- - - - - - %}{% -分配可用＝变体。可用- - - - - - %}{% -其他的- - - - - - %}{% -分配可用＝真正的- - - - - - %}{% -endif- - - - - - %}{% -endunless- - - - - - %}< div class = " product-price-unit{%如果可用和变体。unit_price_measurement%}产品价格-单位——可用{%endif%}{{“products.product.unit_price_label”|t}｝{% -捕获unit_price_separator- - - - - - %} ;{{“general.accessibility.unit_price_separator”|t}｝跨度,< / >{% -endcapture- - - - - - %}{% -捕获unit_price_base_unit- - - - - - %}{% -如果可用和变体。unit_price_measurement- - - - - - %}{% -如果变体。unit_price_measurement。reference_value! =1- - - - - - %}{{-变体。unit_price_measurement。reference_value-}}{% -endif- - - - - - %}{{变体。unit_price_measurement。reference_unit}｝{% -endif- - - - - - %}{% -endcapture- - - - - - %}{{变体。unit_price|钱}｝{{-unit_price_separator-}}{{-unit_price_base_unit-}} < / div > 经过你的编辑product-unit-price.liquid文件应该是这样的: 点击保存确认您的更改。李< / > 编辑您的特色产品模板定位并扩展部分文件夹，然后选择featured-product.liquid文件。李< / ><李> 使用查找键盘快捷键定位线路{%包含价格%的“价格”}在文件中:李< / > {{部分。id}｝h1“类= >{%包括“价格”与价格%}李跨度< / > < / > 在结尾处添加以下代码步骤2中的代码片段:李< / > {%包括“product-unit-price”变体：变体%} 经过你的编辑featured-product.liquid文件应该是这样的: 点击保存确认您的更改。李< / > 编辑您的产品模板定位并扩展部分文件夹，然后选择product-template.liquid文件。李< / ><李> 使用查找键盘快捷键定位线路{%包含带有变量的“价格”。价格%}在文件中:李< / > {{部分。id}｝h1“类= >{%包括“价格”与variant.price%}李跨度< / > < / > 在结尾处添加以下代码从步骤2开始:李< / > {%包括“product-unit-price”，变体：变体%} 经过你的编辑product-template.liquid文件应该是这样的: 点击保存确认您的更改。李< / > 编辑您的产品网格项目片段定位并扩展片段文件夹，然后选择product-grid-item.liquid文件。李< / ><李> 使用查找键盘快捷键定位线路{%如果on_sale和section.settings。product_show_saved_amount %}在文件中:李< / > {%如果on_sale和部分。设置。product_show_saved_amount%}除非部分。设置。show_compare_at_price%}介质,对吧{%endunless%} {%如果部分。设置。product_reviews_enable%}has-reviews{%endif%}">{%分配compare_price＝产品。compare_at_price%}{%分配product_price＝产品。价格%}{%包括“price-sale”%}{%endif%}< / div > 用下面的代码片段替换代码:李< / > {% -如果产品。selected_or_first_available_variant。可用和产品。selected_or_first_available_variant。unit_price_measurement- - - - - - %}{%包括“product-unit-price”，变体：product.selected_or_first_available_variant%}{% -endif- - - - - - %}< / div >{%如果on_sale和部分。设置。product_show_saved_amount%}< div class = " sale-tag{%除非部分。设置。show_compare_at_price%}介质,对吧{%endunless%} {%如果部分。设置。product_reviews_enable%}has-reviews{%endif%}">{%分配compare_price＝产品。compare_at_price%}{%分配product_price＝产品。价格%}{%包括“price-sale”%}< / div >{%endif%} 经过你的编辑product-grid-item.liquid文件应该是这样的: 点击保存确认您的更改。李< / > 编辑您的产品列表项目片段定位并扩展片段文件夹，然后选择product-list-item.liquid文件。李< / ><李> 使用查找键盘快捷键定位线路在文件中:李< / > {%如果on_sale%}{{“products.general.sale_price”|t}｝{%其他的%}{{“products.general.regular_price”|t}｝{%endif%}{%包括“价格”与product.price%}{%如果on_sale和部分。设置。product_show_compare_at_price%}{{“products.general.regular_price”|t}｝{%包括“价格”与product.compare_at_price%}小> < / s > < /{%endif%}{%如果on_sale和部分。设置。product_show_saved_amount%}{%如果部分。设置。product_reviews_enable%}has-reviews{%endif%}">{%分配compare_price＝产品。compare_at_price%}{%分配product_price＝产品。价格%}{%包括“price-sale”%} 用下面的代码片段替换代码:李< / > {%如果on_sale%}{{“products.general.sale_price”|t}｝{%其他的%}{{“products.general.regular_price”|t}｝{%endif%}{%包括“价格”与product.price%}{%如果on_sale和部分。设置。product_show_compare_at_price%}{{“products.general.regular_price”|t}｝{%包括“价格”与product.compare_at_price%}小> < / s > < /{%endif%}{% -如果产品。selected_or_first_available_variant。可用和产品。selected_or_first_available_variant。unit_price_measurement- - - - - - %}{%包括“product-unit-price”，变体：product.selected_or_first_available_variant%}{% -endif- - - - - - %}< / div >{%如果on_sale和部分。设置。product_show_saved_amount%}如果部分。设置。product_reviews_enable%}has-reviews{%endif%}">{%分配compare_price＝产品。compare_at_price%}{%分配product_price＝产品。价格%}{%包括“price-sale”%}< / div > 经过你的编辑product-list-item.liquid文件应该是这样的: 点击保存确认您的更改。李< / > 编辑您的搜索结果网格片段定位并扩展片段文件夹，然后选择search-result-grid.liquid文件。李< / ><李> 使用查找键盘快捷键定位线路{%如果on_sale和section.settings。product_show_saved_amount %}在文件中:李< / > {%如果on_sale和部分。设置。product_show_saved_amount%}{%分配compare_price＝项。compare_at_price%}{%分配product_price＝项。价格%}{%包括“price-sale”%}{%endif%}< / div > 用下面的代码片段替换代码:李< / > {% -如果项。first_available_variant。可用和项。first_available_variant。unit_price_measurement- - - - - - %}{%包括“product-unit-price”，变体：item.first_available_variant%}{% -endif- - - - - - %}< / div >{%如果on_sale和部分。设置。product_show_saved_amount%}< div class = " sale-tagmedium- right">{%分配compare_price＝项。compare_at_price%}{%分配product_price＝项。价格%}{%包括“price-sale”%}< / div >{%endif%} 经过你的编辑search-result-grid.liquid文件应该是这样的: 点击保存确认您的更改。李< / > 编辑购物车模板定位并扩展模板文件夹，然后选择cart.liquid文件。李< / ><李> 使用查找键盘快捷键定位线路在文件中:李< / > {{项。original_line_price|钱}｝ {{“products.general.sale_price”|t}｝{{项。final_line_price|钱}｝{% -其他的- - - - - - %}{{项。original_line_price|钱}｝{% -endif- - - - - - %} 用下面的代码片段替换代码:李< / > {{项。original_line_price|钱}｝< / s > {{“products.general.sale_price”|t}｝{{项。final_line_price|钱}｝{% -其他的- - - - - - %}{{项。original_line_price|钱}｝{% -endif- - - - - - %}{% -如果项。变体。可用和项。变体。unit_price_measurement- - - - - - %}{%包括“product-unit-price”变体：项，可用：item.variant.available%}{% -endif- - - - - - %} 经过你的编辑cart.liquid文件应该是这样的: 点击保存确认您的更改。李< / > 编辑订单模板定位并扩展模板文件夹，然后选择客户/ order.liquid文件。李< / ><李> 使用查找键盘快捷键定位线路在文件中:李< / > “customer.order.price”|t}｝">{% -如果line_item。original_price! =line_item。final_price- - - - - - %}{{“products.general.regular_price”|t}｝ < del >{{line_item。original_price|钱}｝ {{“products.general.sale_price”|t}｝ {{line_item。final_price|钱}｝{% -其他的- - - - - - %}{{line_item。original_price|钱}｝{% -endif- - - - - - %}道明> < / 在结束语句上方添加以下代码道明> < /从步骤2开始:李< / > {% -如果line_item。unit_price_measurement- - - - - - %}{%包括“product-unit-price”，变体：line_item，可用：真正的%}{% -endif- - - - - - %} 经过你的编辑客户/ order.liquid文件应该是这样的: 点击保存确认您的更改。李< / > 编辑主题布局定位并扩展布局文件夹，然后选择theme.liquid文件。李< / ><李> 使用查找键盘快捷键查找包含。的行only_left:在文件中:李< / > 产品:{不可用:{{“products.product.unavailable”|t|json}｝will_be_in_stock_after:{{“products.product.will_be_in_stock_after”|t：日期：“[日期]”|json}｝only_left:{{“products.product.only_left”|t：数：' 1 '|json}｝}，添加上面的代码only_left: {{products.product。Only_left ' | t: count: '1' | json}}从步骤2开始:李< / > unitPrice:{{“products.product.unit_price_label”|t|json}｝单位价格Separator:{{“general.accessibility.unit_price_separator”|t|json}｝，经过你的编辑theme.liquid文件应该是这样的: 点击保存确认您的更改。李< / > 编辑主题样式定位并扩展部分文件夹，然后选择theme.scss.liquid文件。李< / ><李> 使用查找键盘快捷键定位线路.product-item——价格{在文件中:李< / > .product-item——价格｛@includeclearfix;.h1｛margin-bottom：美元地沟/2；}跨度｛行高：22 px；}小｛空白：nowrap；}} 用下面的代码片段替换代码:李< / > .product-item——价格｛@includeclearfix;margin-bottom：美元地沟/2；.h1｛margin-bottom：0；}跨度｛行高：22 px；}小｛空白：nowrap；}}.product-price-unit｛显示：没有一个；字体大小：新兴市场（12 px）；margin-right：10 px；.cart-pricing&、.order-table&｛margin-right：0；}&.product-price-unit——可用｛显示：块；}} 经过你的编辑theme.scss.liquid文件应该是这样的: 点击保存确认您的更改。李< / > 编辑JavaScript主题代码定位并扩展资产文件夹，然后选择theme.js.liquid文件。李< / ><李> 使用查找键盘快捷键定位线路originalSelectorId: 'productSelect-' + sectionId，在文件中:李< / > 选择器：｛originalSelectorId：＇productSelect -＇+sectionId，addToCart美元：美元（＇# addToCart -＇+sectionId)，SKU美元：美元（＇.variant-sku＇，这。美元的容器)，productPrice美元：美元（＇# productPrice -＇+sectionId)，comparePrice美元：美元（＇# comparePrice -＇+sectionId)，addToCartText美元：美元（＇# addToCartText -＇+sectionId)，quantityElements美元：美元（＇# quantity-selector -＇+sectionId)，variantQuantity美元：美元（＇# variantQuantity -＇+sectionId)，variantQuantityMessage美元：美元（＇# variantQuantity -＇+sectionId+＇__message＇)，variantIncoming美元：美元（＇# variantIncoming -＇+sectionId)，variantIncomingMessage美元：美元（＇# variantIncoming -＇+sectionId+＇__message＇)，productImageContainer美元：美元（＇# productPhotoContainer -＇+sectionId)，productImageWrapper美元：美元（＇[id ^ = " productPhotoWrapper -＇+sectionId+＇”)＇)，productImage美元：美元（＇[id ^ = " productPhotoImg -＇+sectionId+＇”)＇)，productFullDetails美元：美元（＇.full-details＇，这。美元的容器)，thumbImages美元：美元（＇# productThumbs -＇+sectionId)。找到（＇a.product-photo-thumb＇)，shopifyPaymentButton美元：＇.shopify-payment-button＇} 添加上面的代码originalSelectorId: 'productSelect-' + sectionId，从步骤2开始:李< / > unitPriceContainer：＇(data-unit-price-container)＇，unitPrice：＇(data-unit-price)＇，unitPriceBaseUnit：＇(data-unit-price-base-unit)＇， 编辑之后，结果应该是这样的: 使用查找键盘快捷键定位线路productVariantCallback:函数(变量){在文件中:李< / > productVariantCallback：函数（变体）｛var自我＝这；如果（变体）｛//如果设置了变量映像，则更新变量映像如果（变体。featured_image）｛varnewImg＝变体。featured_image；varnewImage美元＝这。设置。选择器。productImageWrapper美元。过滤器（＇[data-image-id = "＇+newImg。id+＇”)＇）；varotherImages美元＝这。设置。选择器。productImageWrapper美元。不（＇[data-image-id = "＇+newImg。id+＇”)＇）；newImage美元。removeClass（＇隐藏＇）；otherImages美元。addClass（＇隐藏＇）；} 添加下面的代码If(变量){从步骤2开始:李< / > //更新单价，如果设置了varunitPriceContainer美元＝美元（这。设置。选择器。unitPriceContainer，这。美元的容器）；unitPriceContainer美元。removeClass（＇product-price-unit——可用＇）；如果（变体。unit_price_measurement）｛varunitPrice美元＝美元（这。设置。选择器。unitPrice，这。美元的容器）；varunitPriceBaseUnit美元＝美元（这。设置。选择器。unitPriceBaseUnit，这。美元的容器）；unitPrice美元。文本（Shopify。formatMoney（变体。unit_price，moneyFormat））;unitPriceBaseUnit美元。文本（这。getBaseUnit（变体））;unitPriceContainer美元。addClass（＇product-price-unit——可用＇）；} 编辑之后，结果应该是这样的: 使用查找键盘快捷键定位线路customPriceFormat += '' + comparePrice + '';在文件中:李< / > customPriceFormat＝＇＇+customPrice+＇＇；customPriceFormat+ =＇ <年代>＇+comparePrice+＇< / s > ＇；customPriceFormat+ =＇products.general.regular_price＇+a11yComparePrice+＇＇；customPriceFormat+ =＇products.general.sale_price＇+a11yPrice+＇＇； 更换线路customPriceFormat += '' + comparePrice + '';使用下面的代码片段:李< / > customPriceFormat+ =＇ <小> <年代>＇+comparePrice+＇< / s > < /小> ＇； 编辑之后，结果应该是这样的: 使用查找键盘快捷键定位线路(this.settings.selectors美元。shopifyPaymentButton美元，这．美元的容器)。隐藏()；在文件中:李< / > }其他的｛//变体不存在，禁用提交按钮。//这可能是一个错误或一个特定的变体不可用的通知。这。设置。选择器。addToCart美元。addClass（＇禁用＇)。道具（＇禁用＇，真正的）；这。设置。选择器。addToCartText美元。超文本标记语言（主题。字符串。产品。不可用）；这。设置。选择器。variantQuantity美元。removeClass（＇是可见的＇）；这。设置。选择器。quantityElements美元。隐藏()；美元（这。设置。选择器。shopifyPaymentButton美元，这。美元的容器)。隐藏()；} 在步骤11的代码段下面添加以下代码:李< / > }，getBaseUnit：函数（变体）｛返回变体。unit_price_measurement。reference_value= = =1？变体。unit_price_measurement。reference_unit：变体。unit_price_measurement。reference_value+变体。unit_price_measurement。reference_unit； 编辑之后，结果应该是这样的: 点击保存确认您的更改。李< / > 编辑主题的语言文件定位并扩展地区文件夹，然后选择en.default.json文件。李< / ><李> 使用查找键盘快捷键查找包含。的行“refresh_page”在文件中:李< / > “可访问性”：｛“refresh_page”："选择一个选项会刷新整个页面"}， 添加上面的代码“refresh_page”从步骤2开始:李< / > “unit_price_separator”：“每”， 编辑之后，结果应该是这样的: 使用查找键盘快捷键查找包含。的行“will_be_in_stock_after”在文件中:李< / > “产品”：｛“sold_out”：“卖出去”，“will_not_ship_until”：“将不发货，直到”，“数量”：“数量”，“add_to_cart”：“添加到购物车”，“不可用”：“不可用”，“will_be_in_stock_after”：“之后会有库存。”，“only_left”：｛“一”：“只有离开!”，“其他”：“只有离开!”}，“full_details”：“详情”} 在后面添加以下代码“will_be_in_stock_after”从步骤5开始:李< / > “unit_price_label”：“单价”， 编辑之后，结果应该是这样的: 点击保存确认您的更改。李< / > (可选)添加其他语言的翻译去主题页面在您的Shopify管理。李< / ><李> 单击…按钮>编辑默认主题内容。李< / ><李> 点击更改主题语言，然后选择要编辑的语言。这只适用于你发布的主题。李< / ><李> 搜索单价在输入栏中。李< / ><李> 更新单价下面的分隔区一般/无障碍。李< / ><李> 更新单价标签磁场下产品/产品。李< / ><李> 点击保存。李< / >

在您的订单通知中显示单价默认情况下，当该功能激活时，订单确认通知显示单价。 如果您已经为产品添加了单价，但是您的单价没有出现在订单确认通知中，那么您可能需要手动更新模板。 步骤: 从您的Shopify管理，到设置>通知。李< / ><李> 在订单部分中,点击订单确认。李< / ><李> 点击编辑代码。李< / ><李> 控件中的模板添加以下代码片段“order-list__item-price”类:李< / > {% -如果line_item。unit_price_measurement- - - - - - %}< div class = " order-list__unit-price”>{{line_item。unit_price|钱}｝/{% -如果line_item。unit_price_measurement。reference_value! =1- - - - - - %}{{-line_item。unit_price_measurement。reference_value-}}{% -endif- - - - - - %}{{line_item。unit_price_measurement。reference_unit}｝< / div >{% -endif- - - - - - %} 5.点击保存。 提示下测试订单在商店中确认订单通知是否显示了单价。

在这一页

给你的产品加上单价

在你的网上商店显示单位价格欧宝体育官网入口首页

显示单位价格的复古主题

初次亮相的步骤

编辑您的产品价格片段

编辑购物车页面

编辑收藏页面

编辑您的产品卡网格

编辑您的产品卡片列表

编辑您的订单页面

编辑主题样式

编辑javascript主题代码

编辑你的英文翻译

编辑主题布局

(可选)添加其他语言的翻译

布鲁克林步道

添加产品价格片段

编辑您的特色产品页面

编辑您的产品页面

编辑您的ajax购物车

编辑您的产品网格项

编辑购物车页面

编辑您的订单页面

编辑主题样式-第1部分

编辑主题样式-第2部分

编辑JavaScript主题代码

编辑你的英文翻译

(可选)添加其他语言的翻译

最小化步骤

更新代码片段

更新你的风格

更新模板

更新JavaScript

更新购物车模板

更新您的特色产品

{{< / span >标题< / span >}｝< / span >< / h1 >

更新您的产品模板

{{< / span >产品< / span >。< / span >标题< / span >}｝< / span >< / h1 >

更新区域设置

(可选)添加其他语言的翻译

创业步骤

编辑主题的语言文件

编辑主题的样式表

添加产品单价片段

编辑您的产品卡片段

编辑购物车页面模板

编辑您的特色产品页面模板

编辑您的产品页面模板

编辑客户的订单模板

编辑主题的JavaScript文件

(可选)添加其他语言的翻译

供应步骤

添加产品单价片段

编辑您的特色产品模板

编辑您的产品模板

编辑您的产品网格项目片段

编辑您的产品列表项目片段

编辑您的搜索结果网格片段

编辑购物车模板

编辑订单模板

编辑主题布局

编辑主题样式

编辑JavaScript主题代码

编辑主题的语言文件

(可选)添加其他语言的翻译

在您的订单通知中显示单价

步骤:

准备好开始使用ShOB欧宝娱乐APPopify销售了吗?

`{{< / span >标题< / span >}｝< / span >< / h1 >`

`{{< / span >产品< / span >。< / span >标题< / span >}｝< / span >< / h1 >`