StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
20208150
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2013-11-26T03:51:48.400
FavoriteCount
0
LastActivityDate
2013-11-26T15:49:37.210
LastEditDate
2013-11-26T15:49:37.210
LastEditorUserId
808532
OwnerUserId
808532
ParentId
20190710
PostTypeId
2
Score
1
ViewCount
0
LastEditorDisplayName
text
Body
<p>So you want to show the first 22, then your custom block title, then the rest of the products?</p> <p>Take this line:</p> <pre><code>@foreach (var item in Model) </code></pre> <p>and replace with these two:</p> <pre><code>@int i = 0; @for (i = 0; i < Model.Count() && i < 22; i++) </code></pre> <p>and also:</p> <pre><code>@Html.Partial("_ProductBox", item) </code></pre> <p>with</p> <pre><code>@Html.Partial("_ProductBox", Model[i]) </code></pre> <p>This will cause the view to output only up until the first 22 products, after which you can insert your block header with the following:</p> <pre><code><div class="item-box"> My block title sentence! </div> </code></pre> <p>and then output the remainder of the products:</p> <pre><code>@for (i = i; i < Model.Count(); i++) { <div class="item-box"> @Html.Partial("_ProductBox", Model[i]) </div> } </code></pre> <p>This works because we kept track of how many products were already rendered in the variable <code>i</code>, and then we continue from there in the collection of products found in the model (if there's more than 22 of them).</p> <p>Note that the code will still output your block title even if there are less than 22 products, at the very end of the list.</p> <p>So the final changes altogether are:</p> <pre><code>@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> @int i = 0; @for (i = 0; i < Model.Count() && i < 22; i++) { <div class="item-box"> @Html.Partial("_ProductBox", Model[i]) </div> } <div class="item-box"> My block title sentence! </div> @for (i = i; i < Model.Count(); i++) { <div class="item-box"> @Html.Partial("_ProductBox", Model[i]) </div> } </div> } </code></pre> <p>EDIT: Sorry I forgot to change the reference to the individual products to be array-based, using Model[i] instead of item. See my changes above.</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POAdding block titles to separate products on homepage Nopcommerce
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USRyan Weir
UserOwnerUserId
1. USRyan Weir
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. COthanks, i am now getting the errors i and item do not exist in the current context?
  singulars
  PostPostId
  PO
  UserUserId
  USCorbo152
2. CO@Corbo152 - see my edits
  singulars
  PostPostId
  PO
  UserUserId
  USRyan Weir

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.