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

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

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

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

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

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

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

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

スライダーで数値を変更

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

3列に変更しました。綺麗に変更されますね。 とっても簡単です。

1列のリスト表示

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

まとめ

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

WEB制作についてのご相談はお気軽にどうぞ。

WEBデザイン制作、ブランディング、Wordpress構築・カスタマイズ、
WEBサイトに関するお見積もり・不明点やご相談等、お気軽にお問い合わせください。

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

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

アーカイブ