Add a "Shop by category" grid below the hero. 4 cards with lifestyle images.
Want more control? See the expanded prompt ›
Add a 'Shop by category' grid below the hero. 4 large cards (Skincare, Body, Hair, Wellness), each with a lifestyle image, label, product count, and a hover lift.
- Pulls collection imagery and current product counts.
- Hover lift + subtle image zoom on each card.
- Mobile collapses gracefully to a 2x2 grid.
- Customizable card sizes per collection (hero categories get bigger).
What you're trying to do
Mega menus are great for users who know what they want. A category grid serves the rest: visual cues guide undecided shoppers into the right collection. For brands with strong visual identity per category (skincare vs body vs supplements), this is essential homepage real estate.
Things to watch out for
- Image quality: Fudge warns if collection images are below 800px.
- Empty categories: collections with zero products are hidden automatically.
- Naming: Fudge can override Shopify's collection title with display copy.
- Hover only: touch devices get a tap-to-navigate fallback.
How Fudge does it
Fudge duplicates your live theme into a draft, builds the section as an editable Shopify section with the placement and behavior your prompt requires, and wires it to your real product data and brand styling. Everything starts in draft — preview on your store, tweak via the Theme Editor, and publish only when you're ready. Your live store stays untouched.
Why “Shop by Category” grids help undecided shoppers
Most homepage visitors don’t know what they want — they want to be guided. A category grid below the hero gives them four to six clear paths into the catalog.
When this is worth building
Build the category grid if you have meaningful category distinctions in your catalog. Skip for single-category brands where everything is the same category.
What makes one great
- Lifestyle imagery per category — not product cutouts.
- 4 cards visible above the fold on desktop — paralysis-free choice.
- Product count per card — helps shoppers calibrate browsing time.
- Hover lift animation — signals that each card is clickable.
- Categories pulled from your actual collections — not made up for the homepage.
Pair this with shop by occasion tiles and hover reveal collection. Fudge builds this as part of its merchandising work.