更改此代码以在所有行上显示一个架子

时间:2013-10-24 09:46:36

标签: c# asp.net asp.net-mvc asp.net-mvc-4 nopcommerce

我正在使用nopcommerce 2.80来源

我已经在我的网站上添加了一些代码,在4行产品的每一行下显示一个货架,我现在面临的问题是,当涉及最后一行时,只有2或3个产品可用,没有货架显示,< / p>

我已将此代码插入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的所有产品行上?

1 个答案:

答案 0 :(得分:2)

如果计数%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>