加法块标题来分隔在主页上Nopcommerce产品 [英] Adding block titles to separate products on homepage Nopcommerce

问题描述

我想加块标题的一些产品在主页上分开，

我使用nopcommerce 3.0源代码，

当期我有24个产品在主页上，

我要显示22，然后插入一个标题栏，

则标题旗帜下显示的最后两个产品

在code我能找到的是：

HomepageProducts.cshtml视图

  @model的IList＆LT; ProductOverviewModel＆GT;@using Nop.Web.Models.Catalog;@if（Model.Count大于0）
{
    ＆LT; D​​IV CLASS =产品网主页进行产品网＆GT;
        ＆LT; D​​IV CLASS =标题＆GT;
            ＆LT;强＆GT; @T（HomePage.Products）＆LT; / STRONG＆GT;
        ＆LT; / DIV＆GT;
        @foreach（以型号VAR项）
        {
            ＆LT; D​​IV CLASS =项盒＆GT;
                @ Html.Partial（_ ProductBox项）
            ＆LT; / DIV＆GT;
        }
    ＆LT; / DIV＆GT;
}
 

更新

我现在已经修改了code与@Razor给出了一个答案，

现在显示的第一个22个产品，然后我的标题，但之后并没有显示剩余产品，

  @if（Model.Count大于0）
    {
        ＆LT; D​​IV CLASS =产品网主页进行产品网＆GT;
            ＆LT; D​​IV CLASS =标题＆GT;
                ＆LT;强＆GT; @T（HomePage.Products）＆LT; / STRONG＆GT;
            ＆LT; / DIV＆GT;           @ {
            INT I = 0;
            的foreach（在型号VAR项）
            {
                如果（我！= 22）
                {
                    ＆LT; D​​IV CLASS =项盒＆GT;
                    @ Html.Partial（_ ProductBox项）
                    ＆LT; / DIV＆GT;
                    i ++;
                }
             }            ＆LT; D​​IV CLASS =项盒＆GT;
                我的块标题句！
            ＆LT; / DIV＆GT;            的foreach（在型号VAR项）
            {
                如果（I GT; 22）
                {
                    ＆LT; D​​IV CLASS =项盒＆GT;
                    @ Html.Partial（_ ProductBox项）
                    ＆LT; / DIV＆GT;
                }
            }
           }        ＆LT; / DIV＆GT;
    }
 

解决方案

这样的事情应该工作。

 ＆LT; D​​IV CLASS =产品网主页进行产品网＆GT;
    ＆LT; D​​IV CLASS =标题＆GT;
        ＆LT;强＆GT; @T（HomePage.Products）＆LT; / STRONG＆GT;
    ＆LT; / DIV＆GT;
    @for（VAR I = 0; I＆LT; Model.Count（）;我++）
    {
        VAR项目=模型[I]        ＆LT; D​​IV CLASS =项盒＆GT;
            @ Html.Partial（_ ProductBox项）
        ＆LT; / DIV＆GT;        如果（我== 22）
        {
            ＆LT; D​​IV CLASS =大旗＆GT;广告与LT; / DIV＆GT;
        }
    }
＆LT; / DIV＆GT;
 

i want to add block titles to separate some products on the homepage,

i am using nopcommerce 3.0 source,

as current i have 24 products on the homepage,

i wish to show 22 and then insert a title banner,

then under the title banner show the final two products

the code i can find is:

HomepageProducts.cshtml view

@model IList<ProductOverviewModel>

@using Nop.Web.Models.Catalog;

@if (Model.Count > 0)
{
    <div class="product-grid home-page-product-grid">
        <div class="title">
            <strong>@T("HomePage.Products")</strong>
        </div>
        @foreach (var item in Model)
        {
            <div class="item-box">
                @Html.Partial("_ProductBox", item)
            </div>
        }
    </div>
}

UPDATE

I have now amended the code with an answer provided by @Razor,

it now displays the first 22 products and then my title but does not display the remaining products after,

@if (Model.Count > 0) 
    {
        <div class="product-grid home-page-product-grid">
            <div class="title">
                <strong>@T("HomePage.Products")</strong>
            </div>

           @{
            int I = 0;
            foreach (var item in Model)
            {
                if(I != 22)
                {
                    <div class="item-box">
                    @Html.Partial("_ProductBox", item)
                    </div>
                    I++;
                }
             }

            <div class="item-box">
                My block title sentence!
            </div>

            foreach(var item in Model)
            {
                if(I > 22)
                {
                    <div class="item-box">
                    @Html.Partial("_ProductBox", item)
                    </div>
                }
            }
           }

        </div>
    }

解决方案

Something like this should work.

<div class="product-grid home-page-product-grid">
    <div class="title">
        <strong>@T("HomePage.Products")</strong>
    </div>
    @for (var i = 0; i < Model.Count(); i++)
    {
        var item = Model[i];

        <div class="item-box">
            @Html.Partial("_ProductBox", item)
        </div>

        if (i == 22)
        {
            <div class="banner">banner</div>
        }
    }
</div>

这篇关于加法块标题来分隔在主页上Nopcommerce产品的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！