Catalog page
The Catalog page is generated automatically using public products and product categories. The appearance of the main content of the page is defined by the Catalog UI template (see Managing information and auto-generated pages UI templates). The currency of displayed prices depends on the Customer Store settings (see Managing Customer Store currency).
By default, the Catalog page includes the following elements:
- The header — displayed on every page of Storefront (see Standard elements defined by Layout UI template).
- The banner.
- The main content:
- The Products title.
- The Catalog navigation menu — located on the left side of the page. It contains the list of public product categories (see Viewing category pages list). In the mobile version, the navigation menu is collapsed and displayed in the header as an icon.
The list of products as cards. On the main catalog page, when a product category is not selected, specially selected product cards are displayed according to the priority (see Managing the product cards order on the catalog page).
- Product cards are links to the corresponding product pages. The number of cards in the section depends on the user's screen resolution and the size of the browser window. Product cards have the following elements:
- The product logo.
- The product category. A click on a category name redirects the user to the corresponding category page.
- The product marketing name.
- The product marketing description.
- From — the minimal product price per month in the '00.00 alphabetic currency code/month' format (for example, 10.00 USD/month) calculated as the minimal price of the available product plans (see Product page). The price is not displayed if a product has a public plan with a trial period.
- The Buy or Try for free button. The Try for free button is available when a product has a plan with a trial period.
- The footer — displayed on every page of Storefront (see Standard elements defined by Layout UI template).
