Popular categories

The Popular categories section is designed to showcase key collections or product groups in a visually organized layout.

It allows merchants to display category images, headings, and menus with optional icons, links, and interactive hover effects. You can customize the layout, number of columns, image ratios, background, and colors to align with your store’s branding. This section is particularly useful for guiding customers toward top collections or seasonal categories in a clean and structured way.

Location: Sections -> Templates -> Collections: Collection list: Popular categories

---

Popular categories – Options Overview

Option	Brief Explanation
Heading:
Subheading	Adds a smaller descriptive line to introduce the section.
Heading	Sets the main title of the section displayed above the categories.
Description	Provides a short paragraph describing or explaining the displayed categories.
Heading alignment: Left / Center	Aligns the section heading to the left or center.
Layout:
Top spacing: None / Small / Medium / Normal	Controls the vertical space above the section.
Width: Default / Boxed / Wide	Sets the overall width of the section; Wide is optimized for large screens.
Number of columns: 2–6	Defines how many category items are displayed in a row on desktop screens.
Number of columns on tablet: 1–3	Controls how many category items appear per row on tablet devices.
Image ratio: Auto / Portrait (3:4) / Landscape (4:3) / Square (1:1) / Round (1:1) / Social story (9:16) / Widescreen (16:9)	Sets the aspect ratio of category images for consistent visuals.
Block design: Menu small / Menu big	Determines the visual style of the category block. Changes heading size accordingly.
Swap content	Reverses the order of text and images for alternating layout designs.
Image width	Adjusts the size of the category images relative to the block.
Links with icons	Displays icons alongside links for better visual cues and interactivity.
Dividing line:
Show	Toggles the visibility of a horizontal dividing line in the section.
Background:
Background: Hide / Color / Gradient / Image	Sets the section background to transparent, solid color, gradient, or a custom image.
Colors:
Base	Defines the base text color for the section.
Accent	Sets highlight colors for headings, icons, or other emphasized elements.
Lines	Controls the color of borders and dividing lines.
Content:
Heading	Defines the color of section and block headings.
Menu	Sets the color of category menu text.
Menu icon	Controls the color of icons in the menu.
Menu hover	Sets the hover color for menu text.
Menu icon hover	Sets the hover color for menu icons.
Link	Defines the color of links in the category blocks.
Link icon	Controls the color of icons accompanying links.
Link hover	Sets the hover color for links.
Link icon hover	Sets the hover color for link icons.
Text box	Adjusts the background or styling of the text container for each category.

---

Content – Options Overview

Option	Brief Explanation
Show image: Hide / Image	Toggles whether a category image is displayed.
Heading	Sets the title for the popular category section.
Menu	Selects a menu or list of categories to display in this block.
Link name	Sets the visible text for each category link.
Link	Defines the URL or target page the category link directs to.