---
title: "Presenting catalog data on the storefront"
slug: "presenting-catalog-data-on-the-storefront"
abstract: "High-level overview of the steps involved in configuring the presentation of catalog items."
---
# Presenting catalog data on the storefront

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](https://doc.sitecore.com/xp/en/developers/102/sitecore-experience-commerce/configure-template-to-page-design-mapping.html "Configure template-to-page design mapping") 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](https://doc.sitecore.com/xp/en/users/102/sitecore-experience-commerce/personalizing-a-storefront-page-based-on-inventory.html). 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](https://doc.sitecore.com/xp/en/developers/sxa/102/sitecore-experience-accelerator/use-a-rule-to-select-a-page-design-for-a-page.html). 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](https://doc.sitecore.com/xp/en/developers/sxa/102/sitecore-experience-accelerator/page-designs.html), 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.