Department page - RWD (B2C, Commerce Composer)
The responsive consumer direct (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
Tablet screen capture
Mobile screen capture
Layout, template, and page information
The following table provides details about this layout in the Commerce Composer tool in Management Center:Layout name | DepartmentPageLayout |
Template name | Department page |
Template type | Responsive Templates |
Page assignments | This layout is assigned to the following category
pages:
|
Page type | Catalog page |
Wireframe
The following wireframe represents
the Department page template that is used for this layout in the Commerce
Composer tool
Widget information
The following Commerce Composer widgets are included in the layout: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