# Dawn 商品ページ

**URL:** <https://community.shopify.com/t/dawn/226448>\
**Category:** サンプルコード集（アプリ・テーマ）\
**Tags:** troubleshooting\
**Created:** [June 21, 2023, 9:08am UTC](https://community.shopify.com/t/dawn/226448 "2023-06-21T09:08:39Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

**課題:** Dawnテーマの商品ページで税込価格と税抜価格を併記表示したい。

**技術的制約:**
- Shopifyの商品オブジェクトには税金関連のプロパティやフィルタが存在しない
- 数値計算による対応が必要

**提案された解決方法:**

編集対象ファイル: `スニペット > price.liquid`

税込価格登録の場合:
```
税抜き: {{ product.price | divided_by: 1.1 }}
税込み: {{ product.price }}
```

税抜価格登録の場合:
```
税抜き: {{ product.price }}
税込み: {{ product.price | times: 1.1 }}
```

**実装の詳細:**
- 13-29行目の変数定義エリアに税抜価格用の変数を追加
- `{% if template == 'product' %}`で商品ページのみ表示を制限可能
- 小数点以下の処理や通貨フィルタの適用が別途必要
- Money filtersで通貨表示の調整が可能

**注意点:** 今後税率が変更された場合は計算式の再調整が必要。このスニペットの設定は商品ページ以外（コレクション、カートページなど）にも反映される。

<div class="post-metadata">

**Author:** ![takkaer](https://avatars.discourse-cdn.com/v4/letter/t/eb9ed0/32.png) [@takkaer](https://community.shopify.com/u/takkaer)\
**Post date:** [June 21, 2023, 9:08am UTC](https://community.shopify.com/t/dawn/226448/1 "2023-06-21T09:08:39Z")

</div>

初投稿の為、不備がありましたらご容赦ください。

テーマはDawnを使用しております。

商品ページの金額欄に、税込価格と税抜価格を表示させたいです。

ex）10,000 (11,000税込)

お手数なのですが、ご教示いただけますと幸いです。  
何卒よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![st\_mh](https://avatars.discourse-cdn.com/v4/letter/s/f9ae1b/32.png) [@st\_mh](https://community.shopify.com/u/st_mh)\
**Post date:** [June 22, 2023, 3:02am UTC](https://community.shopify.com/t/dawn/226448/2 "2023-06-22T03:02:43Z")

</div>

念のため調べましたが、商品詳細ページでは税金に関するプロパティもフィルタも存在しないようでした。

●商品のオブジェクト

[https://shopify.dev/docs/api/liquid/objects#product](https://shopify.dev/docs/api/liquid/objects#product)

●価格のフィルター

[https://shopify.dev/docs/api/liquid/filters/money-filters](https://shopify.dev/docs/api/liquid/filters/money-filters)

となると、単に数値の計算をする他方法が無いでしょう。

商品管理にて、税込価格か税抜き価格、どちらかで設定されていると思います。  
税込み価格を登録しているなら

```markup
税抜き：{{ product.price | divided_by: 1.1 }} ※小数点以下の処理が別途必要かもしれません
税込み：{{ product.price }}

```

税抜き価格を登録しているなら

```markup
税抜き：{{ product.price }}
税込み：{{ product.price | times: 1.1 }}

```

上記のように、税率10％を加えたり、引くしかないのでしょう。

今後税率が変わった時、再度計算しないといけないですが。

ちなみに、少数点以下のフィルターは以下を参考にしてください。

[https://shopify.dev/docs/api/liquid/filters/math-filters](https://shopify.dev/docs/api/liquid/filters/math-filters)

価格にしても、通貨あり、小数点以下表示させないなどのフィルターもあります。  
[https://shopify.dev/docs/api/liquid/filters/money-filters](https://shopify.dev/docs/api/liquid/filters/money-filters)

---

<div class="post-metadata">

**Author:** ![takkaer](https://avatars.discourse-cdn.com/v4/letter/t/eb9ed0/32.png) [@takkaer](https://community.shopify.com/u/takkaer)\
**Post date:** [July 1, 2023, 2:37pm UTC](https://community.shopify.com/t/dawn/226448/3 "2023-07-01T14:37:24Z")

</div>

st\_mh様

ご回答頂きありがとうございます。

一度試してみます。

また、2週間ほど前に始めたばかりでして、今はテンプレートに当てはめていくだけの作業を主にしています。

そのためコードを入れる場所が分かりません。

youtubeなどで調べていますが分からないです。

もしよろしければコードを貼り付ける場所を、教えて頂いてもよろしいでしょうか？

---

<div class="post-metadata">

**Author:** ![st\_mh](https://avatars.discourse-cdn.com/v4/letter/s/f9ae1b/32.png) [@st\_mh](https://community.shopify.com/u/st_mh)\
**Post date:** [July 3, 2023, 1:48am UTC](https://community.shopify.com/t/dawn/226448/4 "2023-07-03T01:48:12Z")

</div>

デフォルト設定のままであれば、「スニペット \> price.liquid」です。

（コード編集の際、左上の検索窓から「price」を入力すると出てきます。）

このスニペットファイルは、商品詳細ページ内などから呼び出します。

その際、商品情報オブジェクトを引数に渡し、その商品情報をもとに価格などを出力させます。

●金額等の設定エリアは以下です。

 ![st_mh_2-1688344761593.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/c/9/c922c6ffcde70459442fdb2563d45064c6ac88dc.png)

- 13行目
  - liquidコード宣言

- 14～18行目
  - 商品オブジェクト用変数「target」を定義
  - 引数use\_variantが有効なら、一番目の有効な商品を
  - 引数use\_variantが無効なら、引数の商品を

- 21行目
  - 変数「price」に、「target」の価格を定義（デフォルト1999などと設定している）

- 23行目、25行目、29行目
  - 最終的に出力させる価格の変数「money\_price」を定義
  - 条件次第で、「price」に対しMoney filterを分岐
    - （23行目）「テーマのカスタマイズ \> テーマ設定 \> 通貨コード」より、「通貨コードを表示する」のチェックが無い時  
- 「1100 → 1,100」
    - （25行目）上記のチェックがある時  
- 「1100 → ￥1,100」

  - オマケで29行目
    - 全商品バリエーションで価格幅がある時は、設定済みの価格に文言を追加  
- 「￥1,100→ ￥1,100から」

■ Money filter

[https://shopify.dev/docs/api/liquid/filters/money-filters](https://shopify.dev/docs/api/liquid/filters/money-filters)

ーー

最終的な出力先は、52行目と70行目です。

（70行目のほうは、セール時に表示されるエリアです）

 ![st_mh_3-1688345303956.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/7/7/4/7748cb6177547578df5d435ed9eb30c29ae16c03.png)

価格を二つ並べるなら、こちらに追記すると良いでしょう。

ただし、このスニペットファイルの設定は、商品ページ以外にもコレクションページ、サーチページにも設定が反映されるはずです。

そこで、商品ページ限定で出力させることも可能です。

{% if template == ‘product’ %}商品ページの時のみ出力{% endif %}

例えば、商品ページの時のみ、税抜き価格を併記するならこのようにします。

```markup
（13行目の変数定義エリアの最後に追記）
{%- liquid
  ．．．

  # 独自追記 税抜き価格を定義
  assign price_without_tax = price | devided_by: 1.1
  assign money_price_without_tax = price_without_tax | money
  if settings.currency_code_enabled
    assign money_price_without_tax = price_without_tax | money_with_currency
  endif

  if target == product and product.price_varies
    assign money_price_without_tax = 'products.product.price.from_price_html' | t: price: money_price_without_tax
  endif
-%}

....

（52行目）
{{ money_price }}（{% if template == 'product' %}税抜き{{ money_price_without_tax }}{% endif %}）

```

出力結果は以下のいずれかになります。  
1,100（税抜き1,000）  
￥1,100（税抜き￥1,000）  
￥1,100から（税抜き￥1,000から）

税込み価格にする場合は、数値計算を「 | devided\_by: 1.1」から、「 | times: 1.1」に変更すれば可能です。