更改此代码对所有行显示一个架子

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> 

如何将我改变这种做法，出现在货架在所有产品行上都没有minin这个数字限制，但最大数量限制为4？

Answer 1

只需添加另一架foreach循环后，如果计数％4 = 0：

<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>