商品の単価を表示する
数量や寸法で商品を販売している場合、特定の商品について単価を表示できます。これは一部の業界や地域で一般的な方法で、お客様が、さまざまなサイズのパッケージや異なるブランドの類似商品の価格を比較するのに役立ちます。
たとえば、さまざまなサプライヤーから仕入れたコーヒー豆を袋詰めで販売しており、ブランドの最小袋サイズ (500 g~1 kg) に応じて価格が 15 米ドルから 30 米ドルの範囲であるとします。各コーヒー豆の袋にグラムあたりの単価を表示することができ、パッケージのサイズや価格設定が異なっていても、注文時にお客様がどの商品がより安価で、どの商品がより高価であるかについて多くの情報に基づいて決定を下すのに役立ちます。
商品の単価を入力すると、Online Store 2.0 のテーマを使用している場合、単価は商品ページ、コレクションページ、カートページ、チェックアウトページに自動で表示されます。以前のテーマを使用している場合は、テーマコードを自分でカスタマイズして単価を表示できます。デフォルトの注文の確認通知でも単価は自動的に表示されますが、カスタマイズした通知テンプレートを使用している場合は、テンプレートを自分で更新して単価を含めることができます。
このページの内容
商品の単価を表示する際の考慮事項
商品に単価を追加する前に、以下の考慮事項を確認してください。
- 一部の地域では、単価の表示が法的に義務付けられています。自身のビジネスがこの要件の対象となるかどうかを判断する必要があります。
- 単価にはメートル法またはヤード・ポンド法の単位を使用できますが、商品に単価を追加する際にオプションとして表示される単位は、管理画面の [一般] 設定で選択する現在の [単位系] の設定によって決まります。同じストア内のさまざまな商品にメートル法とヤード・ポンド法の両方の単位を使用するには、他の単位系の商品に単価を追加する前に、ストアのデフォルトの単位系を変更する必要があります。ストアのデフォルトの重量単位の設定または変更について、詳しくはこちら。
- 単価は、すべての マーケットで同じ単位タイプで表示されます。たとえば、商品をアメリカでは「$1.50/12ft」と表示し、欧州連合では「€1.30/4yd」と表示することはできません。
- 単価の記載は、すべての商品で任意です。通常は単価が含まれる可能性のある特定の商品カテゴリーで商品を作成する場合でも、管理画面に単価を記載するための要件やプロンプトはありません。
- トン (t)、センチグラム (cg)、ストーン (st) などの一部の単位タイプは、単価のオプションには含まれていません。
単価の計算方法
商品の単価は、設定した商品価格、総量、および基本単位の値によって決まります。単価は、商品価格を総量で割った後、基本単位を掛けて算出されます。
たとえば、30 米ドルで重量 600g の商品があり、その商品タイプでの標準に合わせて 1kg あたりの単価を表示したい場合、単価は以下の値に基づいて計算されます。
- 商品価格: 30.00 米ドル
- 総重量: 600g
- 基本重量: 1kg
これらの値により、単価は自動的に 50.00 米ドル/kg と計算されます。これは、30 米ドルで重量 600g の商品は、1g あたり 0.05 米ドル (30 米ドル/600g = 0.05) となるためです。希望する基本単位が 1kg (1000g) の場合、単価の計算式は 0.05g x 1000g となり、50.00 米ドル/kg と表示されます。
代わりに 500g あたりの単価を表示したい場合、単価は以下の値に基づいて計算されます。
- 商品価格: 30.00 米ドル
- 総重量: 600g
- 基本重量: 500g
1g あたりの価格は以前と同じ 0.05 米ドル/g ですが、基本単位が 500g になったため、単価の計算式は 0.05g x 500g となり、25.00 米ドル/500g と表示されます。
単価は [価格] フィールドの変更に基づいて動的に更新されます。商品の価格を変更すると、既存の総量と基本単位に基づいて単価が更新されます。
商品に単価を追加する
管理画面で、商品またはバリエーションに単価を追加できます。各商品またはバリエーションには、単価を 1 つのみ関連付けることができます。
手順:
デスクトップ
管理画面から、[商品管理] に移動します。
編集する商品をクリックします。
任意:商品にバリエーションがある場合は、[バリエーション] セクションで、編集するバリエーションをクリックします。
[価格設定] セクションで、[単価] をクリックして単価の値を設定します。
- [総量] フィールドに商品の総量を入力し、測定単位を選択します。
- 任意:デフォルトの基本単位を変更する場合は、[基本単位] フィールドに新しい基本単位を追加し、測定単位を選択します。たとえば、重量 200g の商品の場合、基本単位として 1kg を選択できます。
- [完了] をクリックします。
[保存] をクリックします。
モバイル
- Shopify アプリで、
アイコンをタップします。
- 編集する商品をタップします。
- 商品の価格エリアをタップします。
- 「 単価を表示する」をタップし、単価の値を設定します。
- [商品の総量] フィールドに商品の総量を入力し、測定単位を選択します。
- 任意:デフォルトの基本単位を変更する場合は、[基本単位] フィールドに新しい基本単位を追加し、測定単位を選択します。たとえば、重量が 200g の商品の場合、基本単位として 1kg を選択できます。
- [完了] をタップします。
- [保存] または [✓] をタップします。
商品の単価を編集する
総量、基本単位、および測定単位を更新することで、いつでも商品の単価を更新できます。
単価は [価格] フィールドの変更に基づいて動的に更新されます。商品の価格を変更すると、既存の総量と基本単位に基づいて単価が更新されます。
手順:
管理画面から、[商品管理] に移動します。
編集する単価が設定されている商品をクリックします。
任意:商品にバリエーションがある場合は、[バリエーション] セクションで、編集するバリエーションをクリックします。
[価格設定] セクションで [単価] をクリックして、既存の単価の値を開きます。
単価の値を更新し、[完了] をクリックします。
[保存] をクリックします。
商品の単価を削除する
商品の単価はいつでも削除できます。後で新しい単価を手動で追加できます。
手順:
管理画面から、[商品管理] に移動します。
削除する単価が設定されている商品をクリックします。
任意:商品にバリエーションがある場合は、[バリエーション] セクションで、編集するバリエーションをクリックします。
[価格設定] セクションで [単価] をクリックし、[クリア] をクリックします。
[保存] をクリックします。
商品の単価を一括で更新する
一括編集を使用するか、更新された単価の値を含む商品 CSV ファイルをインポートすることにより、商品の単価を一括で更新できます。これらのオプションは、デスクトップデバイスを使用している場合にのみ利用できます。
一括編集を使用して単価を更新する場合は、エディタで単価をセルとして表示するために、[単価] 列を追加する必要があります。その後、エディタのセルをクリックして、[総量] や [基本単位] の値と単位を含む、商品の単価の値を更新できます。一括編集の使用について、詳しくはこちら。
商品の CSV を使用して単価を更新する場合、CSV ファイルの以下の列に値を含める必要があります。
- 単価の合計数量
- 単価の合計数量の単位
- 単価の基準数量
- 単価の基準数量の単位
CSV のこれらすべての列の値は、商品の単価を計算するために使用されます。CSV ファイルを使用した商品のインポートと商品 CSV ファイルの列の説明について、詳しくはこちらをご覧ください。
オンラインストアで単価を表示する
すべての Online Store 2.0 のテーマには、単価機能がすでに備わっています。オンラインストアに単価を表示するために必要な操作はありません。商品に単価が含まれている場合、すべてのマーケットに単価が表示されます。
旧式のテーマを使用していて、単価機能をサポートするバージョンに更新できない場合は、テーマのコードを手動でカスタマイズして単価を表示できます。旧式のテーマのカスタマイズについてサポートが必要な場合は、Shopify パートナーを雇うことができます。Shopify パートナーを雇うことについて、詳しくはこちらをご覧ください。
注文通知に単価を表示する
デフォルトでは、機能が有効な場合、注文の確認通知に単価が表示されます。
商品に単価を追加しても注文の確認通知に単価が表示されない場合は、テンプレートを手動で更新する必要がある場合があります。通知テンプレートがカスタマイズされていると、デフォルトテンプレートへの更新がそのカスタマイズによって上書きされることがあるため、こうした状況が発生します。
以前に注文通知メールに単価コードを手動で追加したことがある場合は、以前のコードをこのセクションで説明されている更新版のコードに置き換える必要があります。影響を受ける "order-list__item-price" クラスは、同じ通知テンプレート内に複数回表示される場合があるため、関連するすべての場所でコードを必ず更新してください。
手順:
管理画面から、[設定] > [通知] に移動します。
[注文] セクションで、[注文の確認] をクリックします。
[コードを編集] をクリックします。
テンプレートに
"order-list__item-price"クラスが表示されるたびに、そのクラス内に以下のスニペットを追加します。
{% if line.unit_price_measurement %}
<div class="order-list__unit-price">
{{- line.unit_price | unit_price_with_measurement: line.unit_price_measurement -}}
</div>
{% endif %}5. [保存] をクリックします。