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
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