Example layout for a category page and its subcategory pages

This scenario demonstrates how to design a flexible layout that can render a parent category page and its subcategory pages. In this scenario, the parent category page has certain widget requirements that are different from the subcategory page requirements, but these differences can be managed with a single layout.

The layout in this example can render all four of the category pages that are shown in the shaded area:


Catalog hierarchy for scenario three
Note: This scenario illustrates an advanced approach for creating a layout that can render multiple pages with different widget requirements. A simpler approach is to create one layout for the parent category and another layout for the subcategory pages.

Layout assignment

To set up this layout assignment, the parent category is added to the Pages table on the Manage Layout tab. The Assign Layout To column is set to This page and its subcategory pages:
Example three layout assignment entry

Layout design

In this example, some of the widgets that are required for the Women parent category page layout are different from the widgets that are required for its subcategory page layouts (Dresses, Sweaters, and Handbags). For example:

Differences in widgets that are required for category page layouts

Page Is a Category Navigation widget required? Is a Facet Navigation widget required? Is a Catalog Entry List widget required?
Women category page Yes(because Women has subcategories) No(because Women has no catalog entries) No(because Women has no catalog entries)
Subcategory pages (Dresses, Sweaters, and Handbags) No(because these subcategories do not have subcategories) Yes(because these subcategories have catalog entries) Yes(because these subcategories have catalog entries)

In addition, the Women category page requires extra rows of e-Marketing Spots to fill the page.

The layout that you create can accommodate these differences. You can put all of the required widgets for both Women and its subcategories in the same layout. Then, for each individual page, populate only those e-Marketing Spot widgets that make sense for the page. For widgets that automatically retrieve content, such as the Category Navigation and Facet Navigation widgets, these widgets are rendered on the page only when there is corresponding data for the category. If the widget has no content to show, the widget is not rendered on the page.

In this example, the layout contains 10 widgets in six slots. This single layout can be used to render all four category pages (to conserve space, only three page results are shown in this illustration):


Scenario three layout design

To achieve these results, the slots are populated with the following widgets:

Explanation of how slots and widgets are populated in this scenario

Slot Result that you want to achieve Widget used How to define the widget content to achieve the result
1 Display the breadcrumb trail to the specific category on each page. Breadcrumb Trail widget The widget automatically retrieves the breadcrumb trail to the page.
2 Display the same ad copy on all category pages. Text Editor widget Paste the HTML code that contains the ad copy directly in the widget.
3 Display the same ad copy on all category pages. Text Editor widget Paste the HTML code that contains the ad copy directly in the widget.
4 Display the name of the specific category on each page. Heading widget The widget automatically retrieves the name of each category to use as the page heading.
4 Display a different ad on each category page. E-Marketing Spot widget Choose the Page-specific e-Marketing Spot option. By choosing this option, each category page that uses this layout will contain a unique e-Marketing Spot that you can create and populate with category-specific content. For each e-Marketing Spot, you can do one or both of these things:
  • Specify the ad as default content.
  • Run a web activity to display the ad.

Result: Each category page displays a different ad in slot 4.

4 Display a list of category recommendations only on the Women (parent) category page. E-Marketing Spot widget Choose the Page-specific e-Marketing Spot option. However, create and populate the e-Marketing Spot only for the Women category page.
4 Display a list of catalog entry recommendations only on the Women (parent) category page. E-Marketing Spot widget Choose the Page-specific e-Marketing Spot option. However, create and populate the e-Marketing Spot only for the Women category page.
5 Display the applicable subcategories on the Women (parent) category page only. Category Navigation widget
  • For the Women (parent) category page, the widget automatically retrieves and displays the list of subcategories.
  • For the three subcategory pages, the widget does not display on the page because there are no subcategories.
5 Display the applicable facets on the subcategory pages only. Facet Navigation widget
  • For each subcategory page, the widget automatically retrieves and displays the list of facets.
  • For the Women (parent) category page, the widget does not display on the page. The Women category does not contain any catalog entries, so there are no associated facets.
6 Display the applicable list of catalog entries on the subcategory pages only. Catalog Entry List widget
  • For each subcategory page, the widget automatically retrieves and displays the list of catalog entries.
  • For the Women (parent) category page, the widget does not display on the page because the Women category does not contain any catalog entries.
Note: If your store uses the expanded category navigation store function, the Facet Navigation widget and the Catalog Entry List widget are still rendered on parent category pages that do not contain catalog entries. In this case, the Facet Navigation widget and the Catalog Entry List widget retrieve data for the catalog entries that belong to subcategories in the hierarchy.