Category List

Theme: Multipurpose Fashion Theme

Help Center > Sections & Blocks > Collection Sections > Category List

Overview

The Category list (Collection list) section displays a grid of collection cards with images and titles. Use it on your homepage to help customers browse main categories (e.g. Men, Women, Accessories). Each card links to its collection. Add up to 12 collections via Collection blocks. Ideal for navigation and discovery.

Where to Add This Section

Go to Online Store > Themes > Customize.
Select Homepage (or desired template).
Click Add section.
Choose Category list or Collection list.
Save.

📷 Image placeholder: Add a screenshot of Category list on storefront.

Quick Setup (3 Steps)

Add Collection blocks — Add one block per collection (up to 12).
Select collections — Choose the collection for each block.
Optional custom titles — Override collection title per block if needed.

Section Settings

Setting	Description
Heading	Section title (e.g. "Shop by Category")
Heading size	Small, Medium, Large
Heading position	Left, Center
Show divider	Divider below heading
Custom CSS	Scoped styles

Theme Settings → Collection Tiles

The Category list section uses global theme settings for tile appearance. These apply to all collection tiles across the theme (including this section and collection listing pages).

Path: Customize → Theme settings → Collection Tiles

Collection tile ratio — Circle, Square, Portrait, Landscape
Zoom image to fill space — Crop images to fill tile
Collection tile background — Grey or White
Image source — Collection image or first product image
Text direction — LTR/RTL for collection grids

See Collection Tiles for full documentation.

Blocks: Collection

Each collection card is a Collection block. Add multiple blocks for multiple categories (up to 12).

Setting	Description
Collection	Collection to display
Custom title	Override collection title (optional)

Image source

Uses collection image if set.
Falls back to first product image if no collection image.

Step-by-Step Setup

Step 1: Add the section

Add Category list (or Collection list) to your homepage or template.

Step 2: Add Collection blocks

Click Add block > Collection.
For each block, select Collection (e.g. Men, Women, Accessories).
Optionally set Custom title to change the card label.
Add up to 12 blocks; drag to reorder.

Step 3: Configure section

Heading — "Shop by Category", "Browse Collections", or similar.
Heading size — Medium or Large.
Heading position — Left or Center.
Show divider — Enable if desired.
Save.

Use cases

Main categories — Men, Women, Kids, Accessories
Product types — Clothing, Shoes, Bags
Seasonal — Summer, Winter, Fall
Shop navigation — Primary category browse on homepage
Featured collections — Highlight specific collections

For merchants

Use collections with a strong cover image.
4–8 categories is typical.
Order blocks to match your store hierarchy.
Set collection image in collection settings for best display.

Feature	Featured Collection	Category List
Content	Products from one collection	Collection cards (image + title)
Blocks	None	Collection (up to 12)
Best for	Product grid	Category navigation
Link	"View all" to collection	Each card links to collection

Common mistakes

Mistake	Fix
No Collection blocks	Add Collection blocks and select collections
No collection image	Set collection image in collection settings
Too many blocks	4–8 is typical; up to 12 supported
Wrong order	Drag blocks to reorder
Custom title typo	Check Custom title in each block

FAQs

1. Why are my collections not showing?

The section only displays collections that are added as Collection blocks. Go to Customize > Category list > Add block > Collection and select a collection for each block.

2. Why is no image showing for a collection?

The section uses the collection image by default. If a collection image is not set, the section automatically uses the first product image in the collection.

To set a collection image:

Go to Products > Collections.
Select a collection.
Upload a Collection image.
Save.

3. How many collections can I display?

You can add up to 12 collections using Collection blocks.

4. Can I change the order of collections?

Yes. Open the theme editor and drag Collection blocks to reorder them.

5. Can I change the collection title shown on the tile?

Yes. Each Collection block has a Title setting (or Custom title). If left empty, the collection title is used automatically.

6. Why are collection tiles circular or square?

The tile shape is controlled by global theme settings. Go to Customize > Theme settings > Collection Tiles. There you can choose: Circle, Square, Landscape, or Portrait.

7. How do I make collection images fill the tile?

Enable Zoom image to fill space in Customize > Theme settings > Collection Tiles. This crops images to fill the tile area.

8. Can I change the tile background color?

Yes. Go to Customize > Theme settings > Collection Tiles. Select either Grey or White background.

9. Why do my images look cropped?

If Zoom image to fill space is enabled, images are cropped to fill the tile. Disable this setting to show the full image.

10. Can I use this section on pages other than the homepage?

Yes. The Category list section can be added to any template that supports sections.

11. What happens if I do not select a collection?

The tile will display a placeholder image and will not link to a collection until one is selected.

12. Is this section mobile-friendly?

Yes. The section automatically adjusts layout for different screen sizes: Desktop: up to 6 columns, Tablet: 3 columns, Mobile: 2 columns.

13. Can I customize the design?

Yes. The Custom CSS setting allows you to apply additional styles to this section only.

14. Does this section support RTL languages?

Yes. Text direction can be configured in Customize > Theme settings > Collection Tiles.

15. Does this section affect product inventory?

No. This section only displays links to collections and does not affect products or inventory.

Multipurpose theme documentation