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

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

補足説明ありがとうございます。

コレクションリストやマルチカラムの「モバイルでスワイプを有効にする」にチェックを入れた際に表示されるコンポーネントを非表示にするには、

それぞれのカスタムCSSに下記を設定されれば良いはずです。

.slider-buttons {
  display: none;
}

お試しください。

(キュー田辺)