今回は、Shopifyでコレクションページの商品一覧の行数・列数の設定変更をしてみます。
こちらもCSSをカスタマイズする必要がなく、管理画面上から簡単に設定変更ができます。
まずは、カスタマイズ画面へアクセス
管理画面の、左メニュー「テーマ」をクリックすると、画面の右側に、「カスタマイズ」ボタンが出てくるので、こちらをクリックします。
コレクションページで編集
次に、画面の上部に、「ページを選択」というプルダウンメニューがありますので、こちらの「コレクションページ」を選択すると、コレクションページ(商品一覧)の設定画面になります。
左メニュー「コレクションページ」で設定変更
左メニュー「コレクションページ」をクリック。
スライダーで数値を変更
左メニュー「コレクションページ」をクリックすると、編集画面が出てくるので、こちらの、数値をスライダーで変更しましょう。
3列に変更しました。綺麗に変更されますね。
とっても簡単です。
1列のリスト表示
また、レイアウトのプルダウンを、「リスト表示」することで、一列のレイアウトに変更することも可能です。
まとめ
最初「ページを選択」のメニューの存在自体に気がつかなかったので、どこで設定するんだろうと、少しだけ考えましたが、見つけた時は、「ここなんだ！」とちょっと感動しました。
微妙にわかりづらい場所にあったので、紹介させていただきました。
この調子で他の画面も紹介していきたいと思います。
