# マーケットによる条件分岐について

**URL:** <https://community.shopify.com/t/topic/280364>\
**Category:** 技術的なQ＆A\
**Tags:** html\
**Created:** [December 28, 2023, 3:26am UTC](https://community.shopify.com/t/topic/280364 "2023-12-28T03:26:38Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

商品詳細ページでマーケット(地域)ごとに表示を切り替える方法についての質問と解決。

**課題:**
- 使用中のアプリにはマーケット別表示機能がない
- テンプレートやセクションでは調整できない

**解決策:**
Liquidテンプレートで条件分岐を使用し、マーケットに応じたクラス名を付与してCSSで制御する方法が提案された。

**実装例:**
```liquid
{% if localization.market.handle == 'jp' %}
  {クラス名}
{% endif %}
```

質問者は提案されたコミュニティリンクを参考に、上記のコードで日本マーケット判定とクラス付与に成功し、CSSによる表示切り替えを実現。問題は解決済み。

<div class="post-metadata">

**Author:** ![ho-jo](https://avatars.discourse-cdn.com/v4/letter/h/90ced4/32.png) [@ho-jo](https://community.shopify.com/u/ho-jo)\
**Post date:** [December 28, 2023, 3:26am UTC](https://community.shopify.com/t/topic/280364/1 "2023-12-28T03:26:38Z")

</div>

マーケットによる条件分岐は実現可能でしょうか？

商品詳細ページにおいて、マーケット毎の表示だし分けをしたいです。

その表示はアプリを使用しているため、アプリ側のサポートに問い合わせましたが、そのような機能は現段階ではないとのことでした。

アプリの表示はテンプレートやセクションで調整できるものではないため、条件分岐でクラス名を配置しCSSでどうにかしようと考えています。

[https://help.shopify.com/ja/manual/orders/status-tracking/customize-order-status/show-content-based-on-location](https://help.shopify.com/ja/manual/orders/status-tracking/customize-order-status/show-content-based-on-location)

上記が近いと思ったのですが、うまくいかないです。日本とその他（日本以外）で分けたい場合、以下のような変数はあるでしょうか？

ご教示お願いいたします。

```css
{% if checkout.shipping_address.country_code != 'JP' %}aaaaa{% endif %}

```

---

<div class="post-metadata">

**Author:** ![Jizo\_Inagaki](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/jizo_inagaki/32/149480_2.png) [@Jizo\_Inagaki](https://community.shopify.com/u/Jizo_Inagaki)\
**Post date:** [December 29, 2023, 3:39am UTC](https://community.shopify.com/t/topic/280364/2 "2023-12-29T03:39:02Z")

</div>

下記が該当すると思いますので参照ください。

[https://community.shopify.com/topic/2006042](https://community.shopify.com/topic/2006042)

---

<div class="post-metadata">

**Author:** ![ho-jo](https://avatars.discourse-cdn.com/v4/letter/h/90ced4/32.png) [@ho-jo](https://community.shopify.com/u/ho-jo)\
**Post date:** [January 5, 2024, 8:22am UTC](https://community.shopify.com/t/topic/280364/3 "2024-01-05T08:22:44Z")

</div>

Jizo\_Inagaki様

リンクのご共有ありがとうございました。

以下のように判定してclassを付与し、cssで表示の切り替えをすることができました。

ご教示ありがとうございました。

```markup
{% if localization.market.handle == 'jp' %} aaaaa{%- endif -%}

```