Product Grid Setup
Product grids are where you showcase your products on the home page. Kenso includes primary and secondary grid options.
Primary Product Grid
This is your main hero product showcase.
Accessing Settings
- Go to Home page in theme editor
- Click on the "Product Grid" section
- Configure settings below
Key Settings
Headline
- Main text for the section
- Can include a highlighted word
Word to Highlight
- Which word gets accent color
- Creates visual interest
Products Per Row
- Choose 2, 3, or 4 columns
- Affects how products display
Product Selection
- Click each product block
- Search and select products
- Reorder by dragging
Product Block Settings
For each product in the grid:
- Sale Badge: Text like "HOT" or "BEST SELLER"
- Badge Position: Top left, top right, etc.
- Button Text: "Shop Now", "View Details", etc.
- Button Action: Product page, direct checkout, custom URL
Secondary Product Grid
A second grid section for additional products.
When to Use
- Feature different product categories
- Highlight sale items
- Show recommended products
Settings
Same options as primary grid, allowing different configuration.
Grid Layout Options
Products Per Row
| Setting | Best For |
|---|---|
| 2 | Large product images, few products |
| 3 | Balanced look, medium catalog |
| 4 | Lots of products, compact display |
Mobile Display
Products automatically adjust for mobile:
- Usually 1-2 columns on phones
- Touch-friendly sizing
Product Selection Tips
What to Feature
- Best sellers - Proven performers
- New arrivals - Fresh content
- High margin items - Better profits
- Gateway products - Entry-level items
Product Order
- Put strongest products first
- Lead with best-selling item
- End with a compelling option
Sale Badges
Add badges to create urgency:
- "SALE"
- "HOT"
- "NEW"
- "BEST SELLER"
- "LIMITED"
- Custom text
Keep badges short (1-2 words).
Button Actions
Choose what happens when customers click:
View Product
Takes them to full product page. Best for:
- Complex products
- Items needing explanation
- Higher-priced items
Quick Add
Adds directly to cart. Best for:
- Simple products
- Impulse purchases
- Repeat customers
Custom URL
Links to any URL. Best for:
- External products
- Special landing pages
- Bundle deals
Styling Options
Background
- Solid color
- Gradient
- Match theme or stand out
Spacing
- Padding around section
- Gap between products
Troubleshooting
Products Not Showing
- Check products are published in Shopify
- Verify products are selected in blocks
- Ensure products have images
- Check section isn't hidden
Wrong Products Appearing
- Clear and re-select products
- Save and refresh
- Check correct blocks are configured
Layout Issues
- Check products per row setting
- Verify image sizes are consistent
- Test on mobile and desktop