Brooklynテーマでコレクションページ(スマホ表示)を2列に変更したい

AI-generated summary

ShopifyのBrooklynテーマで、コレクションページのスマホ表示を「1行1商品」から「1行2商品」に変更したいという技術相談です。

  • 対象はコレクション一覧ページで、提示された実ページURLとスクリーンショットが状況把握の材料になっています。
  • 依頼者はトップページの特集コレクションでは独力で2列表示にできたものの、コレクションページ側の修正箇所が分からないとしています。
  • Liquid(Shopifyのテンプレート言語)に詳しくないため、どのファイルやコード部分を具体的に編集すべきかの案内を求めています。

現時点では回答や修正方法はまだ提示されておらず、テーマのテンプレートやCSSのどこを変更すべきかが未解決の状態です。

こんにちは、お世話になります。

ShopifyでBrooklynテーマを使用しており、コレクションページがスマホで1行に1商品となるのを、1行に2商品横並びに表示させたいのですが、

どこを修正すればよいかが分からず困っております。

(トップページの特集コレクションはなんとか自力で2列の表示にさせました)

ページはこちらになります。

https://sheepcloset.com/collections/kids-wear-1

Liquidにあまり詳しくないため、どの箇所を具体的に操作すればよいか教えて頂けますと助かります。

どうぞよろしくお願いいたします。