【Shopify】ページテンプレートを新規作成・変更・削除する方法

Shopifyでは、商品ページや固定ページなどに複数のテンプレートを作成し、ページごとに異なるレイアウトを設定できます。

通常、商品ページは同じテンプレートを使用するため、すべての商品が共通のレイアウトで表示されます。

たとえば商品A〜商品Zがある場合、初期状態では基本的にすべて同じレイアウトです。

しかし、商品ページ用のテンプレートを追加すると、次のように商品によって異なる見せ方ができるようになります。

• 商品A〜商品M：パターンAのレイアウト
• 商品N〜商品Z：パターンBのレイアウト

「一部の商品だけ説明コンテンツを増やしたい」「商品カテゴリーによってページ構成を変えたい」といった場合に便利な機能です。

今回は、Shopifyのページテンプレートを新規作成・適用・削除する方法を、商品ページを例に解説します。

まだShopifyストアを開設していない方は、登録から商品登録、テーマ設定、決済・配送設定、テスト注文、ストア公開までの流れをShopifyサイトを自分で構築する手順で詳しく解説しています。Shopifyは無料体験から実際の管理画面を操作できますので、記事を見ながら試してみることもできます。

新規でページテンプレートを作成する方法

それでは、新しいページテンプレートを作成していきます。

今回は商品ページ用のテンプレートを例に解説しますが、固定ページなどでも基本的な作成手順は同じです。

Shopify管理画面から、以下の順に進みます。

1. 「オンラインストア」をクリック
2. 「テーマ」をクリック
3. 使用しているテーマの「カスタマイズ」をクリック

テーマエディターが開きます。

続いて、画面上部からテンプレートを作成します。

1. 画面上部の「ホームページ」をクリック
2. 「商品」を選択
3. 「テンプレートを作成する」をクリック

テンプレート作成画面が表示されたら、次の手順で進めます。

1. テンプレート名を入力
2. ベースにする既存テンプレートを選択
3. 「テンプレートを作成する」をクリック

これで新しい商品テンプレートの作成は完了です。

今回は「second-product」という名前でテンプレートを作成しました。

テンプレートを作成しただけでは、まだ実際の商品には反映されません。次に、作成したテンプレートを商品に割り当てます。

作成したページテンプレートを商品に適用する方法

先ほど作成した「second-product」を、実際の商品ページに適用します。

Shopify管理画面から、テンプレートを変更したい商品を開きます。

商品編集画面から、次の手順で適用します。

1. 「テーマテンプレート」をクリック
2. 作成した「second-product」を選択
3. 「保存」をクリック

これで商品のテンプレートが変更されます。

同じテンプレートを使用したい商品が複数ある場合は、それぞれの商品にテンプレートを割り当てることで、共通のレイアウトを使用できます。

逆に、商品によって異なるページ構成にしたい場合は、用途ごとにテンプレートを作成して使い分けます。

ページテンプレートを削除する方法

作成したページテンプレートが不要になった場合は、テーマのコード編集画面から削除できます。

ただし、削除する前にそのテンプレートが商品やページで使用されていないか必ず確認してください。

Shopify管理画面から、次の手順で進みます。

1. 「オンラインストア」→「テーマ」を開く
2. 対象テーマのメニューから「コードを編集」をクリック

ファイル検索から、削除したいテンプレート名を検索します。

対象のテンプレートファイルを開き、削除します。

テンプレートを削除すると元に戻せない場合があるため、削除前には十分注意してください。

また、削除したテンプレートを使用している商品やページが残っていると、意図しないテンプレートが適用されたり、表示に影響が出たりする可能性があります。

事前にテンプレートの使用状況を確認してから削除しましょう。

まとめ

Shopifyのページテンプレートを活用すると、同じ商品ページや固定ページでも、用途に応じて異なるレイアウトを作成できます。

たとえば、次のような使い方が可能です。

• 商品カテゴリーごとにページ構成を変える
• 一部の商品だけ説明コンテンツを追加する
• 特定の固定ページだけ独自のレイアウトにする

一方で、同じテンプレートを複数のページで使用している場合、そのテンプレートのセクションやブロックを変更すると、同じテンプレートを使用している他のページにも変更が反映されます。

たとえば「会社概要」と「商品規約」の両方で「テンプレートA」を使用している場合、テンプレートAのレイアウトを変更すると、両方のページに反映されます。

ページごとに異なる構成にしたい場合は、それぞれ別のテンプレートを作成しましょう。

また、ページテンプレート以外も含めてShopifyストアを一から作成したい方は、Shopifyサイトを自分で構築する手順｜作り方・初期設定・公開までで、ストア登録から公開までの流れをまとめて解説しています。