Masterpiece
解決済み

HOMEの商品掲載数

loce

HOME(TOP)の出品掲載数ですが、横4列、縦6列の計24点。それ以上の商品の閲覧は「もっと見る」となっていると思います。
ただ、「商品の特集機能」をONにし、最初の3点を特集エリアに表示すると、商品欄が残り21点となり、横4列、縦5列、プラス1点となり非常にバランスが悪く、訪問者からするとパッと見でそれで全ての商品なのかと勘違いされると思います。
なので、「商品の特集機能」をONにしてもバランスが崩れないように横4列、縦6列。または横4列、縦5列で余りが出ないようにすることはできないでしょうか?
よろしくお願いいたします。
 

回答が 2件あります

baseadmin

PCでの表示、さらにブラウザを広げて商品が4列になる状態での場合ですね。
(一般的にわかりやすいよう、縦が「列」、横が「行」という呼び方をします)

まずBASEの商品表示数は24づつで決められています。
3つを特集として抽出すると残り21隣、ブラウザ幅が980px以下の3列表示では割り切れるものの、ブラウザ幅が980px以上の4列表示の状態では1つ余るという見え方となります。

レスポンシブであるため割り切れない場面があるのは仕様としていますが、「ブラウザ幅が980px以上でも3列にする」というカスタマイズは可能です。
もしその案で大丈夫でしたら、以下をお試しください。

テーマ設定の一番下、「独自CSS」の欄に以下のコードをそのままコピーペーストしてください。

@media only screen and (min-width: 979px) {
.item-box { width: 31.4%; margin:0 2.9% 23px 0}
.item-box:nth-child(4n) { margin-right:2.9% }
.item-box:nth-child(4n + 1) { clear:none }
.item-box:nth-child(3n) { margin-right:0 }
#itemthumbs .item-box:nth-child(3n + 1) { clear:both }
}

取り急ぎで書いたコードのため、もし何か問題あればまたご報告ください。

テーマの改善点として、設定項目でスイッチで切り替えるような改善アップデートも検討させていただきます。

loce

とても丁寧でわかりやすいご回答に感謝します。
早速試してみます。
ありがとうございました、

サポートについて

このサイトでサポートしているテーマは、常にご質問を受け付けており、
どんなご質問やカスタマイズのご相談も、デザイナー自身が積極的にお返事しています。
BASEでショップを運営するための相談所としてご利用ください!

テーマは安心の無料アップデート

BASEに新機能が追加された際や、テーマにさらなる機能追加を行った際など、
ご購入いただいた方にはテーマの無料アップデートを提供しています。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。

※ HTML編集Appを利用して作成したテーマは、その編集内容を保護する為に自動更新はされません。
その場合でも「購入済みテーマ」からいつでもそのテーマの最新バージョンを取得可能です。

サポート対応中の人気テーマ