更改此代碼對所有行顯示一個架子

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>