Consumer direct (B2C)

Department page

The responsive B2C department page uses a layout that contains widgets to help customers navigate top categories. The layout for the page includes widgets for you to display advertisements, featured categories, and recommended products that are relevant to the department. Customers can browse to subcategories in the left navigation.

This page is managed in the Commerce Composer tool.

Screen captures

The following screen captures show the responsive department page on desktop, tablet, and mobile devices.

Note: To reduce scrolling, the following screen captures are cropped. To see full-sized screen captures, see the link after the mobile screen capture.

Desktop screen capture


Desktop screen capture

Tablet screen capture


Tablet screen capture

Mobile screen capture


Mobile screen capture

Full size screen captures

Layout, template, and page information

The following table provides details about this layout in the Commerce Composer tool in Management Center:
Layout, template, and page information
Layout name DepartmentPageLayout
Template name Department page
Template type Responsive Templates
Page assignments This layout is assigned to the following category pages:
  • Apparel
  • Electronics
  • Health
  • Grocery
  • Home Furnishings
  • NewslettersAndMagazines
Page type Catalog page

Wireframe

The following wireframe represents the Department page template that is used for this layout in the Commerce Composer tool
Wireframe for the Department page template

Widget information

The following Commerce Composer widgets are included in the layout:
Widget information
Slot Widget Name Widget Type E-Marketing Spot name
1 BreadcrumbTrailWidget Breadcrumb Trail Widget (not applicable)
2 HeaderLeftBannerContentWidget E-Marketing Spot Widget (Common) HeaderBanner_Content_Left
3 HeaderRightBannerContentWidget E-Marketing Spot Widget (Common) HeaderBanner_Content_Right
4 HeadingWidget Heading Widget (not applicable)
4 HeroImageWidget E-Marketing Spot Widget (Page-specific) [page_name]Row1_Content
5 CategoryNavigationWidget Category Navigation Widget (not applicable)
5 FacetNavigationWidget Facet Navigation Widget (not applicable)
6 PromotionAdWidget E-Marketing Spot Widget (Page-specific) [page_name]Row2_Content_Left
7 SaleAdWidget E-Marketing Spot Widget (Page-specific) [page_name]Row2_Content_Right
8 CategoryRecommendationWidget E-Marketing Spot Widget (Page-specific) [page_name]Row3_Categories
8 CatalogEntryWidget E-Marketing Spot Widget (Page-specific) [page_name]Row4_CatEntries
8 CatalogEntryListWidget Catalog Entry List Widget (not applicable)

JSP files

The SearchBasedCategoryPage.jsp file defines the entire page and includes the CategoryNavigationDisplay.jsp file.

The Commerce Composer widgets that are included in this layout are defined by the following top-level JSP files:

  • BreadrcrumbTrail.jsp file
  • EMarketingSpot.jsp
  • Heading.jsp file
  • CategoryNavigation.jsp file
  • FacetNavigation.jsp file
  • CatalogEntryList.jsp file