Hyvä Jewellery ThemeHyvä Jewellery Theme
Live Demo
Buy Now
Support
Live Demo
Buy Now
Support
  • Getting Started

    • Introduction
    • Requirements
    • Installation
    • Activate the Theme
  • Build storefront

    • Homepage Configurator

      • Overview
      • Section Types
      • Hero Banner
      • Category Grid
      • Product Carousel
      • Collection Banners
      • Split Content
      • Promo Banner
      • Luxury Grid
      • CTA Banner
      • Instagram Feed
      • Trust Badges
    • Header, Footer & Mega Menu

      • Overview
      • Building the Menu
      • Submenu Templates
      • Header & Footer Settings
      • Agent Readiness
    • Storefront Pages

      • Category Page
      • Search Results
      • Product Page
      • Cart & Checkout
  • Help

    • Troubleshooting
    • FAQ

Product Carousel

The Product Carousel section shows products on the homepage. Use it for Trending Products, New Arrivals, Bestsellers, Sale items, or products from one category.

It can show as a slider or as a grid.

Add a Product Carousel

  1. Go to Content -> Homepage Configurator -> Sections.
  2. Click Add New Section.
  3. Enter a Title, for example New Arrivals.
  4. Set Section Type to Product Carousel.
  5. Set Enabled to Yes.
  6. Use a Sort Order such as 30 or 40.
  7. Fill the Product Carousel Configuration fields.
  8. Click Save.

Magento Admin Edit Section page for Product Carousel

Product source

Choose how products should be selected.

Product SourceWhen to use it
New ProductsShow latest products from your catalog.
CategoryShow products from one selected category.
Manual SKUsChoose exact products yourself.
BestsellersShow products that sell well.
On SaleShow discounted products.

Magento Admin Product Carousel source settings

If you choose Category, also choose the category. If you choose Manual SKUs, select the products you want to show.

Display settings

SettingWhat it does
SubtitleSmall text under the section title.
Display ModeChoose Slider View or Grid View.
Number of Products to ShowChoose how many products should show.
Products per View DesktopNumber of products visible at one time on desktop.
Products per View MobileNumber of products visible at one time on mobile.

Magento Admin Product Carousel display and card settings

Product card options

Use these switches to control what shoppers see on each product card.

OptionWhat it shows
Show RatingProduct rating stars.
Show PriceProduct price.
Show Add to CartAdd to Cart button.
Show WishlistWishlist button.
Show Quick ViewQuick View button.

Storefront result

Trending products carousel on the storefront

Good practice

  • Use 8 to 12 products for a clean slider.
  • Use short section titles, like New Arrivals or Trending Products.
  • Keep price and Add to Cart visible when the goal is quick shopping.
  • Use one carousel for each purpose instead of one very long section.
Prev
Category Grid
Next
Collection Banners