アプリの特徴
- 余計な機能がないので設定が簡単
- 導入しやすい$4.99/月
- もちろん日本語に対応
- シンプルで無駄な機能なし
- デザインを邪魔しないシンプルで洗練されたUI
- 「有料」もしくは「無料」のオプションをつけることが可能。
- 追加情報として「選択(ドロップダウン)」「テキスト」の項目を持たせることが可能。
ギフトオプションを出したい商品と出したくない商品がある場合は、商品テンプレートを分けることで切り替えられます。この記事では、その設定方法をご説明します。
※この設定は、「ギフトオプション設定」の適用単位が「商品ごとに設定」のときだけ使えます。
この記事でわかること
- ギフトオプションを出さないテンプレートの作り方(方法A)
- 商品にテンプレートを割り当てる方法(一括・個別)
- 反対に、出すテンプレートだけを作る方法(方法B)
操作する場所:Shopify管理画面 → オンラインストア → テーマ → カスタマイズ(テーマエディタ)/商品管理
この方法は、「アプリの設定方法」の記事のとおりに商品ページへブロックを置き、保存した状態から始めます。まだの場合は、先にその記事をご覧ください。
アプリのホームにも、「ギフトオプションを出す商品・出さない商品を分けたい場合」というヒントが表示されます。これは、この記事の内容の案内です。
考え方は2通りあります。ここでは方法Aを詳しく説明し、最後に方法Bを紹介します。
- 方法A:ブロックを置いた既定のテンプレートはそのままにして、「ギフトオプションなし」のテンプレートを新しく作る。
- 方法B:既定のテンプレートからブロックを外したうえで、「ギフトオプションあり」のテンプレートを新しく作る(アプリの「商品ページにブロックを追加」ボタンは既定のテンプレートにブロックを置くため、先に外す必要があります。くわしくは4️⃣をご覧ください)。
| 方法A | 方法B | |
|---|---|---|
| 向いているストア | ギフトオプションを付けない商品が少ない | ギフトオプションを付ける商品が少ない |
| ブロックを置く場所 | 既定のテンプレート(そのまま) | 新しく作った「gift」テンプレートだけ |
| 割り当てる商品 | ギフトオプションを出さない商品に「no-gift」 | ギフトオプションを出す商品に「gift」 |
全体の流れ(方法A)
- テーマエディタで、「no-gift」という商品テンプレートを作ります(1️⃣)。
- 作ったテンプレートから、「SAKU Gift(商品ページ)」ブロックを削除して保存します(2️⃣)。
- 商品管理で、ギフトオプションを出さない商品に「no-gift」テンプレートを割り当てます(3️⃣)。
始める前に用意するもの
- SAKUシンプルギフトオプションがインストールされていること
- 「ギフトオプション設定」の適用単位が「商品ごとに設定」になっていること
- 商品ページに「SAKU Gift(商品ページ)」ブロックを置いて、保存済みであること(「アプリの設定方法」の記事のとおり)
1️⃣ テーマエディタで商品テンプレートを作る(方法A)
Shopify管理画面の「オンラインストア」から、使っているテーマの「カスタマイズ」(テーマを編集する)を開きます。

テーマエディタの画面上部の中央に、いま編集しているページ名(初期は「ホームページ」)が出ています。ここを押して「商品」を選び、「テンプレートを作成」を押します。

「テンプレートを作成する」の画面が出ます。「名前」に「no-gift」などを入力し、「テンプレートを作成」を押します。

※名前は必ずアルファベットで入力してください。日本語にすると、名前が空欄になったり「-2」のような名前になったりします。
2️⃣ 作ったテンプレートから、ブロックを削除する
「no-gift」のテンプレートが開きます。左側のリストにある「SAKU Gift(商品ページ)」を選び、ゴミ箱のアイコン(「ブロックを削除」)を押して削除します。

削除したら、右上の「保存」を押します。これでテンプレートの準備は完了です。
3️⃣ 商品に「no-gift」テンプレートを割り当てる
【一括で変更する場合】
Shopify管理画面の「商品管理」の商品一覧で、対象の商品の左のチェックボックスを選び、画面上部に出る「一括編集」を押します。

右側の「列」を押して「テンプレート」にチェックを入れると、各商品のテンプレートの列が表に追加されます。

ギフトオプションが不要な商品のテンプレートを「product.no-gift」に変更し、「保存」を押します。一覧に出る表示名は「product.no-gift」です(1️⃣で付けた名前「no-gift」の前に「product.」が付いた形です)。

【1商品ずつ変更する場合】
商品の編集画面を開き、右側の「テーマテンプレート」から「no-gift」を選んで「保存」します。

4️⃣ 方法B:「ギフトオプションあり」のテンプレートを作る
反対の方法もあります。新しいテンプレート(例:「gift」)を作り、そのテンプレートにだけ「SAKU Gift(商品ページ)」ブロックを置いて保存します。ギフトオプションを出したい商品の「テーマテンプレート」で、そのテンプレートを選びます。ブロックを置いていない既定のテンプレートの商品には、ギフトオプションは表示されません。
※アプリの「商品ページにブロックを追加」ボタンは、既定の商品テンプレートにブロックを追加します。方法Bで進める場合は、先に既定の商品テンプレートを開いて「SAKU Gift(商品ページ)」ブロックを削除し、「保存」してください。そのうえで、新しいテンプレート(例:gift)にだけブロックを置きます。
方法Bの手順
- 既定の商品テンプレートを開き、「SAKU Gift(商品ページ)」ブロックを削除して、右上の「保存」を押します(2️⃣と同じ操作です)。
- 1️⃣と同じ手順で、新しい商品テンプレートを作ります。名前は半角英字で「gift」などにします。
- 開いたテンプレートの左側で「ブロックを追加」(または「アプリブロックを追加」)を押し、「SAKU Gift(商品ページ)」を選びます。

赤枠の「SAKU Gift(商品ページ)」を選びます。
- 右上の「保存」を押します。
- 3️⃣と同じ手順で、ギフトオプションを出したい商品に「gift」テンプレートを割り当てます。
※方法Bでは、アプリの「商品ページにブロックを追加」ボタンは使わないでください。既定のテンプレートにブロックが置かれ、すべての商品に表示されてしまいます。
ギフトオプションを付ける商品が少ないストアは方法B、付けない商品が少ないストアは方法Aが、設定の手間が少なくて済みます。
設定後のストア表示
ストアで商品ページを開いて確認します。「no-gift」を割り当てた商品には「ギフトオプション」ブロックが出ず、そのほかの商品には出ていれば成功です。
ギフトオプションを一時的にすべて非表示にしたい場合は、「ギフトオプションを一時的に非表示にする方法」の記事をご覧ください。
うまくいかないとき
-
「no-gift」の商品にもギフトオプションが出る
商品の「テーマテンプレート」が「no-gift」になっているか、テンプレート側のブロックを削除して「保存」したかを確認してください。 -
テンプレート名が空欄や「-2」になる
名前に日本語を使うとなります。アルファベットで入力し直してください。 -
「注文全体に設定」のときは使えない
この方法は、「商品ごとに設定」のときだけ使えます。「注文全体に設定」のときは、ギフトはカートページに表示されるため、商品ごとに出し分けることはできません。