The Explore by Category section displays multiple collections as visual category cards, helping customers quickly discover and navigate to different product categories.
Each card can show a collection image, category title, and product count, and links customers to the selected collection.
There are two ways to choose which collections appear:
Method | Best for |
|---|---|
Collection list | Select multiple collections and display them automatically |
Category Item blocks | Build and customize each category card individually |
When using a Category Item block, select a collection first. The card automatically uses the collection's image, title, and URL.
You can override them when needed:
Custom Image replaces the collection image.
Custom Title replaces the collection title.
Custom Link sends customers to a different URL.
Leave these custom fields blank to use the selected collection's default information.
Use Card Layout Settings to control how category cards are arranged.
Setting | Purpose |
Desktop Height Style | Choose Wave for varied card heights or Equal Height for a uniform layout |
Max / Min Card Height | Control the height range of cards when using the Wave layout |
Card Height (Mobile) | Set the category card height on mobile |
Mobile Columns (Grid) | Display one or two category cards per row on mobile |
Item Spacing | Adjust the space between cards |
Enable Align heading with tallest cards (Desktop) when you want the section heading to align with the tallest category cards.
Use Image Options to add hover effects to category images or cards.
Under Text Settings, you can adjust the category title style and enable Show product count to display the number of products in each collection.
You can also customize the product count label, for example: 12 products.
Use Card Color Options to customize the card text area, while the Layout settings control the overall section colors, width, background, and spacing.