一度に最大 12 個のアイテムのグリッドにアイテムを表示するループがあります (横に 3 つ、下に 4 行)。グリッドには任意の数 (1 ~ 12) の項目を含めることができますが、1 行に 1 つまたは 2 つの項目しかない場合は、HTML にクラスを追加する必要があります。例えば:
アイテムが 3、6、9、12 個ある場合 - 何も必要ありません アイテムが 4、7、10 個ある場合 (残り 1 個) - アイテム 4、7、および 10 は適用するクラスが必要です アイテムが 5、8、11 個ある場合 (残り 2 個) ) - 項目 4、5、7、8、10、11 には適用するクラスが必要です
PHPでこれを行うにはどうすればよいですか。各アイテムについて、次のものを用意しています。
- ページ上の商品の総数
- 現在のアイテム
お詫び - 編集者が文字化けした疑似コード:
$howmanyleft = totalproducts - currentproduct
if ($howmanyleft <= 2) {
if ($currentproduct % 3 == 0) {
//addclass
}
}
次に、私のCSSで
article.product-single {
width: 33.3333%;
border-bottom: 1px solid rgb(195,195,195);
border-right: 1px solid rgb(195,195,195);
}
article.product-single:nth-child(3n) {
border-right: none;
}
article.lastrow, article.product-single:last-child {
border-bottom:none;
}
すみません、これは間違っています。これは私が必要とするものではありません。謝罪いたします。すべての行ではなく、クラスでフラグが付けられた残りのアイテムが必要です。
アイテムが 4 個の場合、アイテム 4 にフラグが付けられます アイテムが 5 個の場合、アイテム 4 と 5 にフラグが付けられます アイテムが 10 個の場合、アイテム 10 にフラグが付けられます アイテムが 11 個の場合、アイテム 10 と 11 にフラグが付けられます