Presenting catalog data on the storefront

Abstract

High-level overview of the steps involved in configuring the presentation of catalog items.

How the storefront displays catalog items depends on the settings you define. The following list is a high-level overview of the steps involved in defining your storefront settings.

Note

You can assign a different page and partial design for each category, product, or group of products that requires a specific presentation using a static configuration. Alternatively, you can make the presentation rule based.

To configure catalog presentation:

  • Use the template-to-page design mappings and configure presentation on the page and partial designs only.

  • For pages where there are only small variations on multiple categories or products, consider using rendering variants with rules. For example, when you want to display or hide text, display or hide a rendering, or when you want a different configuration or output from a specific rendering.

  • For pages where there are greater variations on multiple categories or products, use the rule-based page design mapping. For example, when a page has a different page structure or layout, when a page has a different appearance or styling, or when different partial designs are used on various pages.

  • When variations only apply to a single product or category (and do not fall within point 2), assign the presentation directly on the catalog item. To do this, complete point 1, configure rule-based page design mapping, and select the most basic page design. For example, select the Default Commerce Page (sitecore/Content/<tenant>/<site>/Presentation/Page Designs) that includes only the default header and footer partial designs along with the Commerce Metadata and Main Content partial designs.

    Note

    Configure renderings that only use reusable data sources (stored under data). If you do not use rule-based mapping, the end result is a combination of both the default mapping to page design and the presentation set directly on the catalog item.