Shopifyでコレクションページの商品一覧の行数・列数の設定変更をする。

今回は、Shopifyでコレクションページの商品一覧の行数・列数の設定変更をしてみます。
こちらもCSSをカスタマイズする必要がなく、管理画面上から簡単に設定変更ができます。

まずは、カスタマイズ画面へアクセス

管理画面の、左メニュー「テーマ」をクリックすると、画面の右側に、「カスタマイズ」ボタンが出てくるので、こちらをクリックします。

コレクションページで編集

次に、画面の上部に、「ページを選択」というプルダウンメニューがありますので、こちらの「コレクションページ」を選択すると、コレクションページ(商品一覧)の設定画面になります。

左メニュー「コレクションページ」で設定変更

左メニュー「コレクションページ」をクリック。

スライダーで数値を変更

左メニュー「コレクションページ」をクリックすると、編集画面が出てくるので、こちらの、数値をスライダーで変更しましょう。

3列に変更しました。綺麗に変更されますね。

とっても簡単です。

1列のリスト表示

また、レイアウトのプルダウンを、「リスト表示」することで、一列のレイアウトに変更することも可能です。

まとめ

最初「ページを選択」のメニューの存在自体に気がつかなかったので、どこで設定するんだろうと、少しだけ考えましたが、見つけた時は、「ここなんだ!」とちょっと感動しました。
微妙にわかりづらい場所にあったので、紹介させていただきました。
この調子で他の画面も紹介していきたいと思います。

この記事を書いた人
KEiSoN★
スカイゴールド株式会社 代表取締役 / クリエイティブディレクター/webデザイナー

2009年1月よりフリーランスのディレクター/Webデザイナーとして活動しながら、ノマドな働き方を試み始める。
過去16カ国ほど訪れ、一眼レフにその景色を収めながら時々ドローンも飛ばす。2015年11月にスカイゴールド株式会社として法人化。
現在は主に東京を中心にしながら、 タイ・バンコクを年間4,5回ほど往復しながら活動中。
中小企業向けのWebブランディング・デザイン、Wordpressのオリジナルテーマ開発・オウンドメディア構築が得意。
最近は、Shopify構築にも携わっている。
国内外の様々な価値観・デザインに接触することで、幅広いクリエイティブや臨機応変にアイデアを提供する。

アーカイブ