Skip to main content
All CollectionsMobile storefront
Catalog pages in the mobile version
Catalog pages in the mobile version

Setting up navigation by nested categories, filters on the catalog page, setting up product mini-cards in the catalog

Updated today

Cartum provides flexible customization of the catalog pages in the mobile version. You can set up additional navigation elements and filters display, and define what information is displayed in product mini-cards on category pages.

Navigation by subcategories

On the catalog page, you can customize the Subcategories menu block. If a category has no subcategories, the block will display navigation by categories of the same level.

The block can be in one of two formats — Compact (buttons) and Vertical (rows). For the block, you can set up the number of categories displayed, the rest will be hidden under the All categories button.

You can also enable/disable the display of category images.

To configure, go to the Website Design Design editor section of the admin panel, expand the Mobile version item and go to the Category page tab.

Navigation by subcategories — Compact and Vertical — Cartum

Attention: to display this navigation block, the Display subcategory navigation option must be enabled in the page settings.

Filters on the catalog page

For filters in the mobile version, you can:

  • Set the number of filters expanded by default;

  • Enable/disable the display of selected filters on the category page.

Filters on the catalog page — Cartum

Product mini-card in the catalog

You can customize the information that will be displayed in the product mini-card in the mobile version regardless of the display on the desktop.

Product mini-card elements — Cartum

You can enable/disable the display of the following elements in the mini-card:

  • SKU;

  • Rating and reviews;

  • Add to favorites and Compare buttons;

  • Brand;

  • Availability status;

  • Quantity counter;

  • Add to cart button;

  • Product variants;

  • Brief characteristics of the product.

The last item displays the attributes enabled in the page settings in the Attributes in catalog card field.

To configure the elements, go to the Website Design Design editor section of the admin panel, expand the Mobile version item, and go to the Product card tab.

Did this answer your question?