Featured products

Overview

The Featured products section provides an engaging way to highlight selected items on your storefront. This section is ideal for featuring best-sellers, promotions, or curated collections. Flexible grid and slider layouts let you tailor the appearance across devices while keeping your store's look professional and cohesive.

⚠️ Important: Customization in the Featured products section is extensive — you decide which products take center stage and control every aspect of their display to align with your brand and business goals.

Product selection

Carefully select the products you want to promote to your audience. This allows you to direct attention where it matters most and supports focused merchandising strategies. When this list is empty, Featured products will not display, ensuring your pages stay streamlined and intentional.

Layout settings

Layout controls make your product display adaptable and device-responsive. You determine the number of columns and the appearance type, so browsing always feels smooth and organized, regardless of screen size.

1. Set the number of columns for desktops, with values ranging from 1 to 12. The default is 4 columns per row.

2. Choose tablet column count from 0 to 8. The default is 0, which means the tablet will use your desktop column setting.

3. Configure mobile columns, with options between 1 and 4. The default is 2 columns per row.

Select a layout for each device type:

1. Grid — all selected products appear at once, ideal for quick browsing and direct comparison.

2. Slider — products are displayed in a carousel for interactive, swipe-friendly browsing.

This ensures your section remains both visually appealing and functional for every customer.

Slideshow settings

Slideshow settings allow you to add dynamic movement and interactive elements to your product showcase. These adjustments enhance user engagement and help shape a refined browsing journey.

1. Choose your animation style for slide transitions: default (slide) or fade.

2. Control animation speed from 0.1 to 5 seconds, with a default of 0.8 seconds for balanced pacing.

3. Set the autoplay delay from 0 to 10 seconds. The default is 4 seconds; a value of 0 disables autoplay unless you enable autoplay manually.

4. Enable or disable slideshow autoplay. Autoplay is disabled by default for better visitor control.

5. Toggle looping to let slides repeat. Looping is disabled by default.

6. Select a pagination style: dynamic, fraction, progress bar, or scrollbar.

7. Show or hide navigation arrows as needed. Arrows are shown by default to guide users.

8. Show or hide pagination indicators for slides.

💡 Tip: Use distinctive slideshow or navigation options for higher engagement, especially on devices where swipe actions feel natural. Adjust settings to fit your brand’s visual pace and audience attention span.

Supported block types

All configuration happens directly through section settings — no additional blocks are required. This keeps management simple and makes customization fast and direct.

Usage notes

Always preview the section’s layout and navigation to ensure the best customer experience on all device types. Moderate your choices for autoplay and slide looping: subtle motion draws attention, but overuse can distract. Consistent use of navigation arrows and clear pagination helps all visitors, including those using assistive technologies, to engage and explore easily.

Keep product images consistent in size and quality for a polished appearance. Routinely check the product list and update featured selections to maintain relevance and encourage ongoing interest.

📝 Note: Always test Featured products before going live — strong navigation and thoughtful design improve not just usability and accessibility, but also conversion and satisfaction.