Category page

The Category page is generated automatically using a public product category (see Viewing category pages list) and public products (see Viewing products list) included in it. The main content appearance is defined by the Category Page UI template (see Managing UI Templates). The currency of displayed prices depends on the Customer Store settings (see Managing Customer Store currency).

By default, the Category page includes the following elements:

  • The header — displayed on every page of Storefront (see Standard elements defined by Layout UI template).
  • The main content:
    • The catalog navigation menu — located on the left side of the page. It contains the list of all public product categories and public products included in them. The current category page is highlighted in blue background color and in white font color.

    • The category section displays product cards.

      The following order of product cards is used for the Category page:

      • The cards of products with the smaller monthly cost of the plans are displayed on the top of the list. Trial periods are not taken into account.
      • The cards of products with the same monthly cost of the plans are displayed in reverse alphabetical order.
      • The heading is located at the top of the section. It displays the name of the selected category.
      • Product cards are links to the corresponding product pages. The number of cards in the section depends on the user screen resolution and the size of the browser window. Product cards have the following elements:
        • The product logo.
        • The product marketing name.
        • The product marketing description.
        • Starting 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), or the Try It button. A click on the Starting from link redirects a user to the service plans information section. The Try It button is available when a product has a plan with a trial period.
      • The Show more button to display more product cards.
  • The footer — displayed on every page of Storefront (see Standard elements defined by Layout UI template).