ページにあるコレクションのサブセットを特集する

テーマコードを編集することで、カスタムページにあるコレクションのサブセットを特集できます。このチュートリアルでは、新しいページテンプレートを作成し、メニューを使用して表示するコレクションを割り当てる方法について説明します。

コレクションのサブセットの例

すべてのShopifyストアには、ストア内のすべてのコレクションを表示するコレクションリストページがURLwww.mystore.com/collectionsにあります。このチュートリアルの代わりに、コレクションリストページを編集して、選択したコレクションのみを表示することができます。

新しいページテンプレートを作成する

  1. 管理画面で [オンラインストア] > [テーマ] に移動します。
  2. 編集するテーマを見つけて、[アクション] > [コードを編集] をクリックします。
  3. [テンプレート] ディレクトリで、[新しいテンプレートを追加する] をクリックします。

  4. list-collectionsと呼ばれるページの新しいテンプレートを作成します。

ヒント: Supplyテーマには、すぐに利用できるようあらかじめ作成されたpage.list-collectionsファイルが付属しています。

  1. 新しいpage.list-collectionsファイルの既存のコードを削除します。下記でテーマコードを探して、コードをコピーしてpage.list-collectionsファイルに貼り付けます。
  2. [保存] をクリックします。

テーマの選択

このカスタマイズのコードは、テーマによって異なります。次の手順で、テーマのボタンをクリックしてから、コードをコピーしてpage.list-collectionsファイルに貼り付けてください。

コレクションを掲載するページを作成する

  1. 管理画面から、[オンラインストア] > [ページ] に移動します。
  2. ページの追加をクリック
  3. ページエディターで、指定されたテキストボックスにタイトルを入力します。今後の手順で作成するメニューには、同じタイトルを使用する必要があります。
  4. オンラインストアセクションのテーマテンプレートドロップダウンメニューからリストコレクションを選択し、新しいテンプレートをページに割り当てします。

  5. [保存] をクリックします。

表示されるコレクションを管理するためのメニューを作成する

  1. 管理画面から [オンラインストア] > [メニュー] に移動します。
  2. [メニューを追加] ボタンをクリックします。
  3. メニューには、コレクションを掲載するページに付けたタイトルと同じをタイトルを付けてください。例えば、作成したページのタイトルがLiving Roomであれば、メニューのタイトルもLiving Roomにしてください。
  4. [メニュー項目を追加] をクリックして、掲載する各コレクションのメニューへのリンクを追加します。[リンク] テキストボックスのドロップダウンメニューで [コレクション] をクリックして、ストアのコレクションを選択します。テキストボックスにURLを追加する代わりに、この方法でコレクションにリンクさせます。
  5. メニューの保存をクリック

Shopifyで販売を開始する準備はできていますか?

無料体験を試す