TCDテーマICONIC：商品一覧ページのカラム数を変更する方法

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カラム）