1

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 の製品のすべての行に棚が表示されるようにするには、どうすればこれを変更できますか?

4

1 に答える 1

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>
于 2013-10-24T09:50:01.743 に答える