Magento 2. Home category page

by Peter D.

Category page in Argento Home has traditional elements of Magento 2 category page:

  • Category title
  • Layered navigation (when the category is anchored). Or the list of child categories (non-anchored category).
  • Product list with toolbar and pagination.

Layout

Argento Home uses a 2columns-left layout for the category page. Follow our customization guide to learn how to change Magento 2 layout. You can also use Category page Builder in Theme Editor to update the Argento Home category page layout.

Category image

The top part of the category page has a slightly different look when a category has an image assigned to it. By default category title placed before all content in the main column.

magento 2 custom category page

When the category has an image it is shown right after the header and before breadcrumbs. Сategory title placed over category image in such case.

Product list

We recommend using grid mode for the product list. We consider it the most popular product presentation in eCommerce.

magento 2 custom category page

The product list is powered by the Hover Gallery module. It shows a different image when the user is hovering over a product image. Visit the module page to learn more.

One more feature at product listing is product labels - “NEW”, “10% SALE” etc. It is provided by the ProLabels module.

Add to cart popup

Magento shows add to cart popup when a user adds the product to the cart from the product list. The product usually has some options to select.

magento 2 cart popup

This popup is implemented by the Ajax Pro module.

Recently viewed

One distinct feature of Argento themes is the Recently Viewed block on the category page. This block shows recently viewed products by the current visitors on the current devices/PC. For Argento Home, we put the block to the sidebar.

Recent articles