カタログギフト・デジタルチケットのAll in gift内の数量セレクタを非表示にする方法

本ページでは、カタログギフト・デジタルチケット商品を対象に、All in giftウィジェット内の数量セレクタを非表示にする方法をご案内します。

• 通常ギフト・eギフト商品は影響しません。

• 同じ商品テンプレートを利用している場合、カタログギフト・デジタルチケット商品のうち、一方のみ数量セレクタを非表示にすることはできません。

• 商品テンプレートを分けて設定する場合は、「商品テンプレートを分けたい場合」をご確認ください。

以下のような場合にご利用いただけます。

• カタログギフトの販売可能個数を「1個」に設定したい

• デジタルチケットの販売可能個数を「1個」に設定したい

◾️通常ギフト・eギフト商品ページ

→All in giftウィジェット内の数量セレクタが表示されます。

◾️カタログギフト・デジタルチケット商品

→All in giftウィジェット内の数量セレクタが非表示になります。

テーマのLiquidコード編集が必要です。

作業前にテーマを複製し、バックアップの作成を推奨します。

設定手順はDawnテーマをベースに説明します。

1. Shopify管理画面 > オンラインストア > テーマ に進む

2. 「・・・」 > コードを編集 を選択

3. sections フォルダ内の main-product.liquid を開く

   • 上部の検索窓に main-product.liquid と入力すると見つけやすいです。

4. All in giftを表示する箇所に、以下のコードを追加する

<div
  class="sns-gift-product-container"
  data-hide-catalog-gift-quantity="true"
></div>

5. プレビューで確認する

   • カタログギフト・デジタルチケットの商品ページを開き、All in giftウィジェット内の数量セレクタが表示されていないことを確認します。

テーマテンプレートを分けて設定する場合は、以下の流れでご設定ください。

以下のような場合にご利用いただけます。

• 通常ギフトやeギフト商品をテーマエディタにて実装しており、商品テンプレートを分けたい

• カタログギフト・デジタルチケット商品のうち、どちらか一方のみ数量セレクタを表示／非表示にしたい

STEP1. テーマエディタで新規商品テンプレートを作成

1. Shopify管理画面 > オンラインストア > テーマ に進む

2. テーマを編集するをクリック

3. 上部にある商品 > テンプレートを作成 > 任意の名前を設定 >テンプレートを作成 をクリック

STEP2. テーマLiquidでタグを設置

1. Shopify管理画面 > オンラインストア > 「・・・」> コードを編集 をクリック

2. sections フォルダ内の main-product.liquid を開く

   • 上部の検索窓に main-product.liquid と入力すると見つけやすいです。

3. All in giftを表示する箇所に、以下のコードを追加する

{% if template.suffix == 'テーマテンプレート名' %}
  <div
    class="sns-gift-product-container"
    data-hide-catalog-gift-quantity="true"
  ></div>
{% else %}
  <div class="sns-gift-product-container"></div>
{% endif %}

※テーマテンプレート名はSTEP1の手順3で設定したテンプレート名を入れてください。

意味：STEP1の手順3で設定した商品テンプレートのみ data-hide-catalog-gift-quantity="true" が付与され、All in giftウィジェット内の数量セレクタが非表示になります。

STEP3. カタログギフト・デジタルチケット商品に、STEP1で作成したテンプレートを設定する

1. Shopify管理画面 > 商品管理 > 該当商品をクリック

2. テーマテンプレート

   • STEP1の手順3で作成したテンプレートを選択

3. 保存をクリック

STEP4. プレビューで確認する

• カタログギフト・デジタルチケットの商品ページを開き、All in giftウィジェット内の数量セレクタが表示されていないことを確認します。

店舗で使えるデジタルチケット設定

概要 --- デジタルチケットは、実店舗でのギフト受け渡しに利用できる電子チケットを提供する機能です。ギフト受取者は、発行されたチケットを店舗で提示し、商品を受け取ることができます。 ご利用の流れ --- ◾️購入体験 1. eギフトと同様の流れで購入できます。 ※配送不要商品のため、ギフトオプションは利用できません。 ※デジタルチケット設定をした場合、eギフトの購入導線のみとなります。 2. チェックアウトページでは配送先住所の入力は不要です。 3. 購入完了後、サンクスページに「ギフト受取URL」が表示されます。 ※サンキューページ・注文状況ページをアップグレードしている場合は、以下の手順にてサンキューページ・注文状況ページにアプリウィジェットを追加してください。 4. 購入者が受取URLをギフト受取者へ共有します。 ◾️受け取り体験 1. 受取者はURLから受取ページにアクセスし「受け取り画面に進む」を押します。 2. 姓名・メールアドレスを入力します。 ※自由記述欄や会員登録欄は、設定している場合のみ表示されます。 3. 入力内容を確認し、受け取りを完了します。 4. 受け取り完了

カタログギフト設定

カタログギフト