単価を表示する·Shopifyヘルプセンタ

単価を表示する< / h1 >

このペ，ジは2023年1月25日に印刷されています。最新のバージョンについては,https://help.shopify.com/ja/manual/intro-to-shopify/initial-setup/sell-in-germany/price-per-unitをご覧ください。< / div >

数量または寸法で商品を販売する場合は，特定の商品の単価表示が必要な場合があります。商品の単価を入力すると、その単価は商品ページ、コレクションページ、カートページ、チェックアウトページ、および注文確認通知に表示されます。

商品に単価を追加する

管理画面から商品に移動します。李< / ><李>
変更する商品の名前をクリックします。李< / ><李>
更新するバリエ，ションをクリックします。李< / ><李>
価格から，[この商品の単価を表示する]を選択します。李< / ><李>
商品の外寸フィ，ルドに，商品の単位数を入力します。李< / ><李>
単位を選択するのドロップダウンメニュ，を使用して，バリエ，ションの寸法単位を選択します。表示する単位の種類は，販売している商品の種類によって異なります。たとえば，商品が2リットルの石けんの場合は，[リットル]を選択します。李< / ><李>
単価フィ，ルドに，商品の単価を入力します。李< / ><李>
オプション:基本単位の数字を入力します。たとえば，1kgの商品の場合，100gの基本単位を選択できます。李< / ><李>
[保存]をクリック李< / >

Shopifyアプリから，[商品]>[すべての商品]に移動します。李< / ><李>
[すべての商品]画面で商品をタップします。李< / ><李>
更新するバリエ，ションをタップします。李< / ><李>
価格から，[この商品の単価を表示する]を選択します。李< / ><李>
商品の外寸フィ，ルドに，商品の単位数を入力します。李< / ><李>
単位を選択するのドロップダウンメニュ，を使用して，バリエ，ションの寸法単位を選択します。表示する単位の種類は，販売している商品の種類によって異なります。たとえば，商品が2リットルの石けんの場合は，[リットル]を選択します。李< / ><李>
単価フィ，ルドに，商品の単価を入力します。李< / ><李>
オプション:基本単位を選択します。たとえば，1kgの商品の場合，100gの基本単位を選択できます。李< / ><李>
[保存]をタップします。李< / >

Shopifyアプリから，[商品]>[すべての商品]に移動します。李< / ><李>
[すべての商品]画面で商品をタップします。李< / ><李>
更新するバリエ，ションをタップします。李< / ><李>
価格から，[この商品の単価を表示する]を選択します。李< / ><李>
商品の外寸フィ，ルドに，商品の単位数を入力します。李< / ><李>
単位を選択するのドロップダウンメニュ，を使用して，バリエ，ションの寸法単位を選択します。表示する単位の種類は，販売している商品の種類によって異なります。たとえば，商品が2リットルの石けんの場合は，[リットル]を選択します。李< / ><李>
単価フィ，ルドに，商品の単価を入力します。李< / ><李>
オプション:基本単位を選択します。たとえば，1kgの商品の場合，100gの基本単位を選択できます。李< / ><李>
[保存]をタップします。李< / >

オンラ@ @ンストアで単価を表示する

テマによってカスタマズの手順は異なります。以下の指示に従う前にテ，マのボタンをクリックしてください。

首次亮相の手順

12.1.0以降のバ，ジョンでは，首发のテ，マで単価を表示できます。テマを最新バージョンに更新することができない場合は、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 aria-hidden = " true " >/< / 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ファ@ @ルをクリックします。李< / ><李>
検索のキ，ボ，ドショ，トカットを使用して，{% if产品。可用%}を検索して次のコ，ドを検索します。李< / >

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

コ，ドを次のスニペットに置き換えます。李< / >

{%包括“产品价格”，变体：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ファ@ @ルは次のようになります。

[保存]をクリックして変更を確定します。李< / >

(オプション)他の言語の翻訳を追加する

管理画面でテマペ，ジに移動します。李< / ><李>
[アクション]>[言語を編集する]をクリックします。李< / ><李>
[テ，マ言語を変更する]をクリックして，編集する言語を選択します。公開済みのテ，マでのみ可能です。李< / ><李>
検索フィ，ルドに单价を入力します。李< / ><李>
一般設定/アクセシビリティの単価区切りフィ，ルドを更新します。李< / ><李>
商品/商品の単価ラベルフィ，ルドを更新します。李< / ><李>
[保存]をクリック李< / >

布鲁克林の手順

13.1.0以降のバ，ジョンでは，布鲁克林のテ，マで単価を表示できます。テマを最新バージョンに更新することができない場合は、Brooklynの旧バージョンに単価のカスタマイズを追加できます。
商品価格スニペットを追加する

スニペットディレクトリ，で，[新しいスニペットを追加する]をクリックします。李< / ><李>
名前フィ，ルドに产品价格を入力します。李< / ><李>
次のコドをコピしてファルに貼り付けます。李< / >

< 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。addRefererenceValue}}{{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ファ@ @ルは次のようになります。

[保存]をクリックして変更を確定します。李< / >

テマスタルを編集する—パト

アセットディレクトリ，で，theme.scss.liquidファ@ @ルをクリックします。李< / ><李>
検索のキ，ボ，ドショ，トカットを使用して，.ajaxcart__price {を検索して次のコ，ドを検索します。李< / >

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

ステップ2からコ，ドの下に，次のスニペットを追加します。李< / >

.cart__unit-price{显示：块；}

編集後、theme.scss.liquidファ@ @ルは次のようになります。

[保存]をクリックして変更を確定します。李< / >

テマスタルを編集する—パト

アセットディレクトリ，で，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”：“单价”，

編集後，結果は次のようになります。

[保存]をクリックして変更を確定します。李< / >

(オプション)他の言語の翻訳を追加する

管理画面でテマペ，ジに移動します。李< / ><李>
[アクション]>[言語を編集する]をクリックします李< / ><李>
[テ，マ言語を変更する]をクリックして，編集する言語を選択します。公開済みのテ，マでのみ使用可能です。李< / ><李>
検索フィ，ルドに单价を入力します。李< / ><李>
一般設定/アクセシビリティの単価区切りフィ，ルドを更新します。李< / ><李>
商品/一般設定の単価ラベルフィ，ルドを更新します。李< / ><李>
[保存]をクリック李< / >

最小の手順

11.2.0以降のバジョンでは，最小のテマで単価を表示できます。テマを最新バージョンに更新することができない場合は、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-}}

[保存]をクリック李< / ><李>
ファereplicationルproduct-grid-item.liquidを検索して編集します。李< / ><李>
この行を置き換えます。李< / >

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

次の行を使用します。

{% -分配价格=特色．价格|钱- - - - - - %}

検索のキ，ボ，ドショ，トカットを使用して，{{price}}を検索し，以下のこのコ，ドを追加します。李< / >

{% -分配变体=特色．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

検索のキ，ボ，ドショ，トカットを使用して，{% if项目。Object_type == 'product' %}を検索し，次のコ，ドを以下の行に追加します。李< / >

{% -分配变体=项．selected_or_first_available_variant- - - - - - %}

次に検索のキ，ボ，ドショ，トカットを使用して，以下の2のコドスニペットを検索します。李< / >

小> < s > <{{项．compare_at_price_max|钱}}< /小> < / s >

および

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

前のステップに記載されている2のコドスニペットのそれぞれの下に，次のコ，ドブロックを追加します。李< / >

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

編集後、search-result.liquidファ@ @ルは次のようになります。

[保存]をクリックして変更を確定します。李< / >

スタ@ @ルを更新する

アセットフォルダ，を検索して展開します。李< / ><李>
ファereplicationル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ファ@ @ルは次のようになります。

[保存]をクリックして変更を確定します。李< / ><李>
ファereplicationルtimber.scss.liquidを見けて編集します。李< / ><李>
検索のキ，ボ，ドショ，トカットを使用して，このコ，ドを検索します。李< / >

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

前のステップにあるコ，ドスニペットの下に，次のコ，ドブロックを挿入します。李< / >

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

このコドをファルの最後に挿入します。李< / >

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

編集後、timber.scss.liquidファ@ @ルは次のようになります。

[保存]をクリックして変更を確定します。李< / >

テンプレ，トを更新する

テンプレ，トフォルダ，を検索して展開します。李< / ><李>
ファereplicationル客户/ 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；

結果は次のようになります。

[保存]をクリックして変更を確定します。李< / >

カ，トテンプレ，トを更新する

セクションフォルダ，を検索して展開します。李< / ><李>
ファereplicationルcart-template.liquidを編集します。李< / ><李>
検索のキ，ボ，ドショ，トカットを使用して，コ，ド{{item。 . Final_price | money}を検索します。李< / ><李>
行をこのコ，ドに置き換えます。李< / >

{{项．final_price|钱}}

コド{%- if项。line_level_discount_allocation != blank -%}が最初に発生している場所を検索します。李< / >

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

ステップ5からコドの上に，このコドのチャンクを追加します。李< / >

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

編集後、cart-template.liquidファ@ @ルは次のようになります。

[保存]をクリックして変更を確定します。李< / >

特集商品を更新する

セクションフォルダ，を検索して展開します。李< / ><李>
ファereplicationル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ファ@ @ルは次のようになります。

[保存]をクリックして変更を確定します。李< / >

商品テンプレ，トを更新する

セクションフォルダ，を検索して展開します。李< / ><李>
ファereplicationル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”：“单价”

結果は次のようになります。

[保存]をクリックして変更を確定します。李< / >

(オプション)他の言語の翻訳を追加する

管理画面でテマペ，ジに移動します。李< / ><李>
[アクション]>[言語を編集する]をクリックします。李< / ><李>
[テ，マ言語を変更する]をクリックして，編集する言語を選択します。公開済みのテ，マでのみ使用可能です。李< / ><李>
検索フィ，ルドに单价を入力します。李< / ><李>
一般設定/アクセシビリティの単価区切りフィ，ルドを更新します。李< / ><李>
商品/商品の単価ラベルフィ，ルドを更新します。李< / ><李>
[保存]をクリック李< / >

创业の手順

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をクリックします。李< / ><李>
検索のキ，ボ，ドショ，トカットを使用して，行を検索します。李< / ><李>
ステップ2で見かった行の上に，次のコドを追加します。李< / >
{% -分配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}}< / s >{{“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 > ステップ5で見かった終了< / div >タグの上に，次のコ，ドを追加します。李< / > {% -除非产品．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- - - - - - %} ステップ2で見かったendifタグの下に，次のコ，ドを追加します。李< / > {% -如果项．unit_price_measurement- - - - - - %}{%包括“product-unit-price”，product_variant：项%}{% -endif- - - - - - %} 編集後，結果は次のようになります。 検索のキ，ボ，ドショ，トカットを使用して，< td类= " cart__cell——总”>の2番目のescンスタンスを検索します。李< / > < td类= " cart__cell——总”>{{#如果discountsApplied}}{%endraw%} {{“products.product.regular_price”|t}} {%生%}> . {%endraw%} {{“products.product.sale_price”|t}} {%生%}> . {{{originalLinePrice}} {{/if}} {{#if discountsApplied}} {%endraw%} {{“customer.order.discount”|t}} {%生%}>．" >{{#each discount}} .{%endraw%} {% -包括“icon-saletag”- - - - - - %} {%生%}{{this.discount_application。Title}} (-{{{this。为mattedAmount }}}) {{/each}} {{/if}} ステップ4で見かった2番目の終了{{/如果}}タグの下に次のコ，ドを追加します。李< / > {{#如果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。addRefererenceValue}}{{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タグの下で，如果section.settings. {%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タグの下で，如果section.settings. {%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（＇隐藏＇）;} 編集後，結果は次のようになります。 [保存]をクリックして変更を確定します。李< / > (オプション)他の言語の翻訳を追加する管理画面でテマペ，ジに移動します。李< / ><李> [アクション]>[言語を編集する]をクリックします。李< / ><李> [テ，マ言語を変更する]をクリックして，編集する言語を選択します。公開済みのテ，マでのみ可能です。李< / ><李> 検索フィ，ルドに单价を入力します。李< / ><李> 一般設定/アクセシビリティの単価区切りフィ，ルドを更新します。李< / ><李> 商品/商品の単価ラベルフィ，ルドを更新します。李< / ><李> [保存]をクリック李< / >
供应の手順 8.3.0以降のバジョンでは，供应のテマに単価表示が追加されました。テマを最新バージョンに更新することができない場合は、以下のステップに従って、Supplyの旧バージョンに、単価のカスタマイズを適用してください。 商品単価スニペットを追加するスニペットフォルダ，を検索して展開します。李< / ><李> [新しいスニペットを追加する]を選択します。李< / ><李> 名前product-unit-priceを入力します。李< / ><李> 次のコ，ドをコピ，してファ，[保存]を選択します。李< / > {% -除非可用- - - - - - %}{% -如果变体．标题- - - - - - %}{% -分配可用=变体．可用- - - - - - %}{% -其他的- - - - - - %}{% -分配可用=真正的- - - - - - %}{% -endif- - - - - - %}{% -endunless- - - - - - %}< div class = " product-price-unit{%如果可用和变体．unit_price_measurement%}产品价格-unit——可用{%endif%}”Data-unit-price-container > .{{“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ファ@ @ルを選択します。李< / ><李> 検索のキ，ボ，ドショ，トカットを使用して，ファ{%包含'price'和price %}行を検索します。李< / > {{部分．id}}h1“类= >{%包括“价格”与价格%}李跨度< / > < / > ステップ2からスニペットの終了の下に，次のコ，ドを追加します。李< / > {%包括“product-unit-price”变体：变体%} 編集後、featured-product.liquidファ@ @ルは次のようになります。 [保存]をクリックして変更を確定します。李< / > 商品テンプレ，トを編集するセクションフォルダ，を検索して展開し，product-template.liquidファ@ @ルを選択します。李< / ><李> 検索のキ，ボ，ドショ，トカットを使用して，ファ{%包含'price'变量。价格%}行を検索します。李< / > {{部分．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%}< div class = " sale-tagmedium-down- right。{%如果部分．设置．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}}}，ステップ2からonly_left: {{products.product。Only_left ' | t: count: '1' | json}}の上に，次のコ，ドを追加します。李< / > 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＇} ステップ2からoriginalSelectorId: 'productSelect-' + sectionIdの上に，次のコ，ドを追加します。李< / > 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（＇隐藏＇）;} ステップ2からIf(变体){の下に，次のコ，ドを追加します。李< / > //如果设置了，则更新单价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”："选择一个选项会导致整页刷新"}， ステップ2から“refresh_page”の上に，次のコ，ドを追加します。李< / > “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”：“详情”} ステップ5から“will_be_in_stock_after”の後に，次のコ，ドを追加します。李< / > “unit_price_label”：“单价”， 編集後，結果は次のようになります。 [保存]をクリックして変更を確定します。李< / > (オプション)他の言語の翻訳を追加する管理画面でテマペ，ジに移動します。李< / ><李> [アクション]>[言語を編集する]を選択します。李< / ><李> [テ，マ言語を変更する]をクリックして，編集する言語を選択します。公開済みのテ，マでのみ可能です。李< / ><李> 入力バ，で单价を検索します。李< / ><李> 一般設定/アクセシビリティの単価区切りフィ，ルドを更新します。李< / ><李> 商品/商品の単価ラベルフィ，ルドを更新します。李< / ><李> [保存]をクリック李< / >

注文通知に単価を表示する商品に単価を追加したものの単価が注文確認通知に表示されていない場合は,注文通知のテンプレートの更新が必要な可能性があります。 手順: 管理画面から，[設定]>[通知]に移動します。李< / ><李> [注文の確認]をクリックします。李< / ><李> テンプレ，トに次のスニペットを追加します。李< / > {% -如果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- - - - - - %} [保存]をクリック李< / >

商品に単価を追加する

オンラ@ @ンストアで単価を表示する

首次亮相の手順

商品価格スニペットを編集する

カ，トペ，ジを編集する

コレクションペ，ジを編集する

商品カ，ドグリッドを編集する

商品カ，ドリストを編集する

注文ペ，ジを編集する

テマスタルを編集する

Javascriptのテ，マコ，ドを編集する

英語翻訳を編集する

テマのレアウトを編集する

(オプション)他の言語の翻訳を追加する

布鲁克林の手順

商品価格スニペットを追加する

特集商品ペ，ジを編集する

商品ペ，ジを編集する

ajaxカ，トを編集する

商品グリッドア@ @テムを編集する

カ，トペ，ジを編集する

注文ペ，ジを編集する

テマスタルを編集する—パト

テマスタルを編集する—パト

JavaScriptテ，マコ，ドを編集する

英語の翻訳を編集する

(オプション)他の言語の翻訳を追加する

最小の手順

スニペットを更新する

スタ@ @ルを更新する

テンプレ，トを更新する

JavaScriptを更新する

カ，トテンプレ，トを更新する

特集商品を更新する

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

商品テンプレ，トを更新する

{{< / span >产品< / span >．< / span >标题< / span >}}< / span >< / h1 >

ロケ，ルを更新する

(オプション)他の言語の翻訳を追加する

创业の手順

テマの言語ファルを編集する

テマのスタルシトを編集する

商品単価スニペットを追加する

商品のカ，ドスニペットを編集する

カ，トペ，ジのテンプレ，トを編集する

特集商品ペ，ジテンプレ，トを編集する

商品ペ，ジのテンプレ，トを編集

お客様の注文テンプレ，トを編集する

テマのJavaScriptファルを編集

(オプション)他の言語の翻訳を追加する

供应の手順

商品単価スニペットを追加する

特集商品のテンプレ，トを編集する

商品テンプレ，トを編集する

商品のグリッドの商品スニペットを編集する

商品リストア@ @テムスニペットを編集する

検索結果グリッドスニペットを編集する

カ，トテンプレ，トを編集する

注文テンプレ，トを編集する

テマのレアウトを編集する

テマスタルを編集する

JavaScriptテ，マコ，ドを編集する

テマの言語ファルを編集する

(オプション)他の言語の翻訳を追加する

注文通知に単価を表示する

手順:

Shopifyで販売を開始する準備はできていますか?

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

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