Q.商品一覧ページのカラム数を変更することはできますか?
テーマ「ICONIC」の商品一覧ページではテーマ仕様として、3カラム表示になっています。
▼該当箇所イメージ
A.カスタムCSSで対応できます。
▼参考CSS(3カラム→4カラム)
.p-item-archive__item { width: calc(100% / 4); } .p-item-archive__item:nth-child(-n+3) { border-top: none; } .p-item-archive__item:nth-child(-n+4) { border-top: 1px solid #ddd; }
▼修正後イメージ(3カラム→4カラム)
同様に、3カラムに変更されたい場合は、以下のCSSで対応可能です。
▼参考CSS(3カラム→2カラム)
.p-item-archive__item { width: calc(100% / 2); } .p-item-archive__item:nth-child(-n+3) { border-top: none; } .p-item-archive__item:nth-child(-n+2) { border-top: 1px solid #ddd; }
▼修正後イメージ(3カラム→2カラム)
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!