トップの商品表示数を増やしたい

Topic summary

Dawnテーマを使用しているユーザーが、モバイル版のトップ画面で商品表示を3列(または4列)にする方法を質問。

解決した問題:

  • 初期設定では1列か2列のみ選択可能だったが、カスタムCSSを追加することで3列表示を実現
  • 具体的なCSSコード(grid--2-col-tablet-downのメディアクエリ設定)が提供され、成功
  • sold out商品の枠線問題も自己解決

新たな課題:

  • モバイルでスワイプ機能をOnにした際の「1/2」などのページ表示を非表示にしたい → .slider-buttons { display: none; } のCSS追加で対応可能
  • 商品ページの「カートに入れる」ボタンが表示されない問題が発生
  • テーマ設定で文字色やボーダーを変更したが改善せず
  • 配色スキーム1のアウトラインボタン設定が影響している可能性を指摘

現状:
回答者が直接ストアを確認するため、コラボレーターアクセスの提供を検討中。設定変更が複雑なため、実際のストア確認が必要な段階。

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.

@piko

Dawn 11.0.0を確認しますと、

https://themes.shopify.com/themes/dawn/styles/default/preview

商品カードは元々4列表示になっています。

ということは、

質問者様は、上図の部分ではない箇所について言及されていると思うのですが、どの部分のことかをお教えいただいても良いでしょうか?

例えば、スクリーンキャプチャをつけていただいたり、「テーマ > カスタマイズ」の中のセクションやブロックの名称でも大丈夫です。

また、

お使いのDawnのバージョンや、

参考にされた、という記事のURLなども

分かると、より良いです。

(キュー田辺)