アプリの特徴
- 余計な機能がないので設定が簡単
- 導入しやすい$4.99/月
- もちろん日本語に対応
- シンプルで無駄な機能なし
- デザインを邪魔しないシンプルで洗練されたUI
- 「有料」もしくは「無料」のオプションをつけることが可能。
- 追加情報として「選択(ドロップダウン)」「テキスト」の項目を持たせることが可能。
ギフトオプションを出したい商品と、出したくない商品がある場合は、Shopifyの「商品テンプレート」を分けることで切り替えられます。この記事では、ギフトオプションを出したい商品にだけ専用のテンプレートを割り当てて、その商品だけに表示する方法をご説明します。
この方法はテーマの設定だけで行うので、BasicプランでもProプランでも同じように使えます。
この記事でわかること
- ギフトオプションを出す商品だけが使う、専用の商品テンプレートの作り方
- 商品にテンプレートを割り当てる方法(一括・1商品ずつ)
- ストアで正しく表示されているかの確認方法
操作する場所:Shopify管理画面 → オンラインストア → テーマ → カスタマイズ(テーマエディタ)/商品管理
反対に、ギフトオプションを出さない商品だけを決めたいときは、オプションを表示させたくない商品がある場合の設定方法(方法A)をご覧ください。
全体の流れ
設定すると、お客様の商品ページは次のようになります。
- お客様が商品ページを開きます。
- 商品が専用の「gift」テンプレートを使っていれば、「ギフトオプション」のブロックが表示されます。
- そのほかのテンプレートを使う商品には、ブロックは表示されません。
この流れを作るために、次の手順で設定します。
- 既定の商品テンプレートから、ギフトオプションのブロックを外す
- 「gift」という商品テンプレートを作る
- 「gift」テンプレートにブロックを置く
- ギフトオプションを出したい商品に「gift」テンプレートを割り当てる
- ストアで確認する
始める前に用意するもの
- SAKUギフトオプションがインストールされていること
- 「ギフトオプション設定」の適用単位が「商品ごとに設定」になっていること(「注文全体に設定」のときは、ギフトがカートページに表示されるため、この方法は使えません)
- ギフトオプションの基本の設定が終わっていること。まだの場合はアプリの設定方法から始めてください。
1️⃣ 既定の商品テンプレートから、ブロックを外す
アプリの「商品ページにブロックを追加」ボタンは、既定の商品テンプレートにブロックを置きます。すでにボタンを押している場合は、先にそのブロックを外します。外さないと、すべての商品にギフトオプションが表示されてしまいます。
- Shopify管理画面の「オンラインストア」から、使っているテーマの「カスタマイズ」(テーマを編集する)を開きます。
- 画面上部の中央にあるページ名を押して「商品」を選び、「デフォルトの商品」を開きます。
- 左側のリストにある「SAKU Gift(商品ページ)」を選び、ゴミ箱のアイコン(「ブロックを削除」)を押して削除します。
- 右上の「保存」を押します。

「オンラインストア」から、テーマの「カスタマイズ」を開きます。

左側のリストで「SAKU Gift(商品ページ)」を選び、ゴミ箱のアイコンで削除します。この画像は別のテンプレートでの例で、既定のテンプレートでも同じ操作です。
2️⃣ 「gift」という商品テンプレートを作る
- テーマエディタの画面上部の中央にあるページ名を押して「商品」を選び、「テンプレートを作成」を押します。
- 「テンプレートを作成する」の画面で、「名前」に「gift」と入力し、「テンプレートを作成」を押します。

「商品」の中の「テンプレートを作成」を押します。

「名前」にテンプレートの名前を入力します。
※名前は必ずアルファベットで入力してください。日本語にすると、名前が空欄になったり「-2」のような名前になったりします。
3️⃣ 「gift」テンプレートにブロックを置く
- 作成した「gift」テンプレートが開きます。左側の「ブロックを追加」(または「アプリブロックを追加」)を押します。
- 「アプリ」の中から「SAKU Gift(商品ページ)」を選びます。
- 右上の「保存」を押します。

「アプリ」の中の「SAKU Gift(商品ページ)」を選びます。
※このとき、アプリの「商品ページにブロックを追加」ボタンは使わないでください。既定のテンプレートにブロックが置かれ、すべての商品に表示されてしまいます。
4️⃣ ギフトオプションを出したい商品に「gift」テンプレートを割り当てる
【一括で変更する場合】
- Shopify管理画面の「商品管理」の商品一覧で、対象の商品の左のチェックボックスを選び、画面上部に出る「一括編集」を押します。
- 右側の「列」を押して「テンプレート」にチェックを入れると、各商品のテンプレートの列が表に追加されます。
- ギフトオプションを出したい商品のテンプレートを「product.gift」に変更し、「保存」を押します。一覧に出る表示名は「product.gift」です(2️⃣で付けた名前「gift」の前に「product.」が付いた形です)。
【1商品ずつ変更する場合】
商品の編集画面を開き、右側の「テーマテンプレート」から「gift」を選んで「保存」します。

商品の編集画面の「テーマテンプレート」で、「gift」を選びます。
5️⃣ ストアで確認する
- ストアで、「gift」テンプレートを割り当てた商品のページを開き、「ギフトオプション」のブロックが表示されることを確かめます。
- 割り当てていない商品のページを開き、ブロックが表示されないことを確かめます。
お客様の画面での見え方は、お客様の画面での見え方と購入の流れをご覧ください。
ギフトオプションを一時的にすべて非表示にしたい場合は、ギフトオプションを一時的に非表示にする方法をご覧ください。
うまくいかないとき
-
すべての商品にギフトオプションが出る
既定の商品テンプレートに「SAKU Gift(商品ページ)」ブロックが残っています。1️⃣の手順で外して、「保存」してください。 -
「gift」を割り当てた商品に出ない
商品の「テーマテンプレート」が「gift」になっているか、「gift」テンプレートにブロックを置いて「保存」したかを確認してください。ギフトオプションの設定のステータスが「公開(Active)」かも確かめてください。 -
テンプレート名が空欄や「-2」になる
名前に日本語を使うとなります。アルファベットで入力し直してください。 -
「注文全体に設定」のときは使えない
この方法は、「商品ごとに設定」のときだけ使えます。
ほかにも原因を調べたいときは、うまく表示されない・追加できないときの確認ポイントもご覧ください。
関連記事
ご不明な点は info@saku-apps.com までお気軽にお問い合わせください。