Category grid
Cards that link to your main collections, with an image, a colour or an icon. Show a few and keep the rest behind "Show more", or show them all.
Where to find it
In the theme editor, Add section › Category grid. The theme starts with it on: Home page.
Settings
| Setting | Choices | Shows when | What it does |
|---|---|---|---|
| Density | Follow theme · Compact · Normal · Spacious | Always | Space, columns and image shape in this section. Follow theme uses Density in Theme settings › Layout. |
| Text size | Default · Smaller · Standard · Larger | Always | Makes this section's text and title smaller or larger than its Density sets. |
| Color scheme | Always | ||
| Heading | Always | ||
| Card style | Large panels · Icon tiles | Always | |
| Card image | Image when there is one · Color and icon · Image, color and icon | Card style is Large panels | Image, color and icon lays the card's color over its image, with the icon on top. |
| Show product count | On · Off | Always | |
| Show all categories | On · Off | Always | Renders every category immediately, with no "Show more" control and no link to the rest. |
| Link label | Show all categories is off | Shown only while some categories wait behind "Show more". When they all fit, the link is hidden. | |
| Link | Show all categories is off | ||
| Categories shown at first | Show all categories is off | Ignored when "Show all categories" is on. |
Which settings reveal which:
flowchart LR card_style["Card style"] card_media["Card image"] show_all_categories["Show all categories"] link_label["Link label"] link_url["Link"] visible_limit["Categories shown at first"] card_style -- "is Large panels" --> card_media show_all_categories -- "off" --> link_label show_all_categories -- "off" --> link_url show_all_categories -- "off" --> visible_limit
Blocks
Category
| Setting | Choices | Shows when | What it does |
|---|---|---|---|
| Collection | Always | ||
| Heading | Always | ||
| Image | Always | ||
| Icon | Automatic (from the collection name) · No icon · Agriculture · Armchair · Audio · Baby · Backpack · Bags · Bakery · Barricade · Bathtub · Battery · Beauty · Bedding · Beverages · Bicycles · Books · Broom · Buildings · Business · Cameras · Car · Catering · Cleaning · Climate · Clothing · Coffee and tea · Computers · Confectionery · Cooling · Cube · Dairy · Decorating · Delivery · Door · Dresses · Electrical · Electronics · Engine · Eyewear · Fan · Fasteners · Fire extinguisher · First aid · Fitness · Fittings · Flowers · Food · Footwear · Fresh produce · Fuel · Furniture · Gaming · Garage · Garden · Gifts · Hair care · Hammer · Hand tools · Health · Heating · House · Jewelry · Key · Kitchenware · Knitwear · Ladder · Lamps · Leaf · Lighting · Lock · Machinery · Measuring · Medical · Music · Office furniture · Office supplies · Outdoor · Packaging · Paint · Percent · Pet supplies · Pharmacy · Phones · Pipe · Plant · Plumbing · Power · Printing · Protection · Retail · Safety · Scissors · Seafood · Seating · Sewing · Shoes · Shower · Socks · Solar panel · Sports · Stack · Stationery · Storefront · Sun · Tag · Textiles · Toilet · Tools · Toys · Traffic cone · Trousers · Ventilation · Wall · Warehouse · Watches · Water · Wellness · Wine and spirits · Work boot | Always | Shown on the panel when the collection has no image. Choose “No icon” for a plain color panel. |
| Panel color | Automatic (from the collection name) · Color 1 · Color 2 · Color 3 · Color 4 · Color 5 · Color 6 | Always | |
| Link | Always |
Before you start
Each card is a collection. See Collections.