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

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

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

すべての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ファイルに貼り付けてください。

Create a page on which to feature your collections

  1. From your Shopify admin, go to Online Store > Pages.
  2. Click Add page.
  3. In the page editor, enter a Title in the text box provided. You must use the same title for the menu that you'll create in the upcoming steps.
  4. Assign your new template to the page by selecting page.list-collections from the Template suffix drop-down menu in the Template section.

  5. Click Save.

Create the menu that controls which collections are shown

  1. From your Shopify admin, go to Online Store > Navigation.
  2. Click the Add menu button.
  3. Give your menu the same Title as the title that you gave the page that will feature your collections. For example, if the page you created has the title Living Room, then give your menu the title Living Room.
  4. Add links to your menu for each collection that you want to feature by clicking Add menu item. Choose collections from your store by clicking on Collections in the drop-down menu for the Link text box. Link to your collections in this way, instead of adding a URL to the text box.
  5. Click Save menu. ```

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

無料体験を試す