c# - 更改此代码以在所有行上显示架子

Question

我正在使用 nopcommerce 2.80 源

我在我的网站上添加了一些代码，在每行 4 个产品下显示一个货架，我现在面临的问题是，当谈到最后一行只有 2 或 3 个产品可用时，没有货架显示，

我已将此代码插入 categoryTemplateProductsInGridsOrLines.cshtml

 <div class="product-grid">
            @{                   
                int i = 0;                   
             }
           @foreach (var product in Model.Products)
           {              
               <div class="item-box">
                   @Html.Partial("_ProductBox", product)
               </div>
               i++;  
               double num = (double)i / 4;
               if (System.Math.Ceiling(num) == num && System.Math.Floor(num) == num)
               {
                    <div id="shelf"></div>                                           
               }                                        
            }
        </div>

我将如何更改此设置，以使货架出现在没有最小数量限制但最大数量限制为 4 的所有产品行上？

Answer 1

如果 count % 4 != 0，只需在 foreach 循环之后添加另一个架子：

<div class="product-grid">
        @{                   
            int i = 0;                   
         }
       @foreach (var product in Model.Products)
       {              
           <div class="item-box">
               @Html.Partial("_ProductBox", product)
           </div>
           i++;  
           double num = (double)i / 4;
           if (System.Math.Ceiling(num) == num && System.Math.Floor(num) == num)
           {
                <div id="shelf"></div>                                           
           }                                        
        }

        @{
            if(Model.Products.Count % 4 != 0)
            {
                <div id="shelf"></div>
            }   
        }
    </div>