显示单价·Shopify帮助中心

显示单价< / h1 >

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

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

给你的产品加上单价

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

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

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

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

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

初次亮相的步骤

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 >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}}unitPriceSeparator：{{“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．Reference_unit}} {{/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．李< / ><李>
使用查找键盘快捷键要定位代码{{item。．李< / ><李>
用下面的代码替换该行:李< / >

{{项．final_price|钱}}

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

{% -如果项．line_level_discount_allocations! =空白- - - - - - %}
{{“customer.order.discount”|t}}”>{% -为discount_allocation在item.line_level_discount_allocations- - - - - - %}

将这段代码添加到步骤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．Reference_unit}} {{/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%}产品价格-unit——可用{%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%}分配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}}unitPriceSeparator：{{“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管理，到设置>通知．李< / ><李> 点击订单确认．李< / ><李> 将以下代码段添加到模板中:李< / > {% -如果line_item．unit_price_measurement- - - - - - %}{{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}}{% -endif- - - - - - %} 点击保存．李< / >