Featured Products
The Featured Products section allows you to highlight specific products on your homepage that you want customers to notice first. This section is one of the most effective tools for driving sales, promoting new arrivals, and showcasing your best inventory.
On this page
Site Builder does not include a preview mode. Any changes saved are applied directly to your live website. Review all content carefully before saving.
Overview
The Featured Products section displays a curated selection of products from your catalog. Unlike the Popular Categories section which shows category groups, this section displays individual products with images, names, prices, and quick-action buttons.
This section helps:
- Increase visibility for high-priority products
- Promote new arrivals and seasonal collections
- Drive sales for best-selling items
- Showcase promotional or discounted products
- Encourage product discovery and browsing
Design Layouts
The Featured Products section provides multiple professionally designed layouts. Each layout changes how products are displayed and arranged.
Available layout options include:
- Design 1 — Standard grid with 4 products per row
- Design 2 — Large featured product with smaller supporting products
- Design 3 — Horizontal carousel with navigation arrows
- Design 4 — Masonry grid with varying card sizes
- Design 5 — Minimal list view with product details
Color & Style Options
The Featured Products section inherits colours from your global Color & Style configuration. You can customize specific elements to enhance product presentation.
Customizable elements include:
- Card Background — Background colour of each product card
- Card Border — Border style and colour
- Product Name Colour — Text colour for product titles
- Price Colour — Regular and sale price colours
- Button Colours — Add to Cart and Buy Now button styles
- Hover Effects — Card elevation, shadow, or colour change on hover
- Sale Badge — Background and text colour for discount badges
Product Selection
Choose which products appear in this section. You can select products from any category in your store and arrange them in your preferred order.
You can feature:
- Best Sellers — Your top-performing products by sales volume
- New Arrivals — Recently added products to generate interest
- Seasonal Collections — Products relevant to current season or trends
- Promotional Products — Items on sale or with special offers
- High-Margin Items — Products with the best profit margins
You can:
- Select products from different categories
- Reorder products by drag and drop
- Set a display limit (e.g., 4, 8, 12 products)
- Remove products that are no longer featured
- Quick-add products from your catalog
Section Title
Configure the heading text displayed above the product grid.
// Example section titles
"Featured Products"
"Best Sellers"
"New Arrivals"
"Trending Now"
"Seasonal Picks"
You can also add a sub-heading or description to provide context for the featured products.
Product Card Display
Control what information appears on each product card in the Featured Products section.
Display options include:
- Product Image — Main product image with optional hover image
- Product Name — Title displayed below the image
- Price — Current price with optional strikethrough for original price
- Sale Badge — Discount percentage or "Sale" label
- Rating Stars — Customer review rating display
- Add to Cart Button — Quick-add button on the card
- Category Tag — Product category label
Best Practices
- Feature 4-8 products — enough to showcase variety without overwhelming
- Update featured products regularly to keep the homepage fresh
- Align featured products with current marketing campaigns
- Include a mix of price points to appeal to different customer segments
- Ensure all featured products have high-quality images
- Feature products with positive reviews and ratings
- Place this section prominently — ideally below the Hero Section
- Use clear, action-oriented section titles
- Test different product combinations to optimize click-through rates