FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

Shopify Inboxの設定について

Shopify Inboxの設定について

NAOKI-21
新規メンバー
5 0 0

Shopify初心者です。
オンラインストアでShopify Inboxを実装したいのですが
特定の1ページのみに表示できるよう設定したいです。
ご教示いただけますと幸いです。
よろしくお願いいたします。

3件の返信3

Qcoltd
Shopify Partner
1362 533 512

ご質問いただいている、Shopify Inboxを特定の1ページでのみ表示したい件ですが、

Shopify Inboxは全てのページに表示する仕組みのようですので、

CSS等でボタンの表示を制御することで、特定の1ページのみで表示することも可能かと思います。

 

例としてトップページのみShopify Inboxのボタンを表示するサンプルコードを記載させていただきます。

 

theme.liquidの</head>の前行に下記を追加いただけますと、トップページのみShopify Inboxのボタンが表示されます。

 

サンプルコード

{%- if template != 'index' -%}
<style>
  #shopify-chat, #dummy-chat-button-iframe {
    display:none!important;
  }
</style>
{%- endif -%}


ご参考まで。
(キュー小坂)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
Taniguchi1
Shopify Partner
1 0 0

こんにちは。上記のご回答非常に参考になりました。

ありがとうございます。

 

TOPページ&商品ページのみ(特定のページのみ)Shopify Inboxのボタンを表示させたい場合は、どのようなコードを追加すればよろしいでしょうか?

Qcoltd
Shopify Partner
1362 533 512

@Taniguchi1 

 

TOPページ&商品ページのみ(特定のページのみ)に反映したい場合は、

表示したい商品に管理画面より「特定のタグ」をつけていただければ、

下記のようなコードで対応できるかと思われます。

 

<style>
  {%- if template != 'index' and template != 'product' -%}
  #shopify-chat, #dummy-chat-button-iframe {
    display:none !important;
  }
  {%- elsif template == 'product' -%}
  {%- unless product.tags contains '特定のタグ' -%}
  #shopify-chat, #dummy-chat-button-iframe {
    display:none !important;
  }
  {%- endunless -%}
  {%- endif -%}
</style>

 

ご参考まで。

(キュー小坂)

 

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/