Featured collection
Overview:
The Featured Collection section allows you to highlight a specific product collection with customizable layout options, including grid or slideshow formats. This section is perfect for showcasing a curated selection of products, such as new arrivals, bestsellers, or a specific product line.
Section Configuration:
General Settings
| Setting |
Description |
| Collection |
Choose a collection to display products from. |
| Heading |
Add a heading for the section. |
| Heading Size |
Select the heading size. Options: H1, H2, H3, H4. Default: H3. |
| Heading Weight |
Choose the font weight for the heading. Options: Bold, Semi-Bold, Medium, Normal. Default: Bold. |
| Caption |
Add a caption for the section. |
| Caption Size |
Choose the caption text size. Options: Small, Medium, Large. Default: Small. |
| Caption Weight |
Choose the caption font weight. Options: Bold, Semi-Bold, Medium, Normal. Default: Medium. |
Grid and Slider Display
| Setting |
Description |
| Number of Columns on Desktop |
Set the number of columns for desktop view. Options: 2-4. Default: 4. |
| Number of Columns on Mobile |
Set the number of columns for mobile view. Options: 1, 2. Default: 2. |
| Thumbnail Layout |
Choose between a grid or slider layout for product display. Default: Slider. |
| Products to Show |
Define the number of products to display. Default: 12. |
| Media Size |
Choose the size of product media. Options: Adapt, Square, Portrait, Landscape. Default: Adapt. |
Slideshow Settings
| Setting |
Description |
| Autoplay |
Enable automatic sliding of the product slider. Default: Disabled. |
| Show Navigation Arrows |
Toggle to display arrows for manual navigation. Default: Disabled. |
| Show Pagination Dots |
Toggle to display pagination dots below the slider. Default: Enabled. |
| Slide Interval (Seconds) |
Set the interval time for slides to transition automatically. Default: 5 seconds. |
Product Display Options
| Setting |
Description |
| Enable Add-to-Cart Button |
Show or hide the Add-to-Cart button for products. Default: Enabled. |
| Enable Quick View |
Enable quick view functionality for products. Default: Enabled. |
| Show Product Swatches |
Display color swatches for product variants. Default: Enabled. |
| Show Product Price |
Display product prices. Default: Enabled. |
| Show Vendor |
Show the vendor name for each product. Default: Enabled. |
| Show Stock Status |
Display stock availability for products. Default: Enabled. |
| Show Sale Tags |
Display sale tags for discounted products. Default: Enabled. |
| Setting |
Description |
| Marquee Speed |
Set the speed of the scrolling banner. Default: 15 seconds. |
| Marquee Direction |
Choose the scroll direction. Options: Forward, Backward. Default: Backward. |
| Pause on Hover |
Pause the scrolling banner when hovered over. Default: Disabled. |
| Color Scheme |
Set a specific color scheme for the scrolling banner. Default: Scheme2. |
| Setting |
Description |
| Enable View More Button |
Show a button to link to the full collection. Default: Disabled. |
| Button Label |
Customize the label for the "View More" button. |
Spacing and Layout
| Setting |
Description |
| Top Padding |
Add spacing above the section. Default: 50px. |
| Bottom Padding |
Add spacing below the section. Default: 50px. |
| Desktop Text Alignment |
Align text on desktop devices. Options: Left, Center, Right. Default: Left. |
| Mobile Text Alignment |
Align text on mobile devices. Options: Left, Center, Right. Default: Left. |
| Color Scheme |
Choose a color scheme for the section. Default: Scheme1. |
Block Configration
Add custom scrolling text and/or images to the section.
| Setting |
Description |
| Image |
Upload an image to display in the banner. |
| Text |
Add text to the banner. |
| Link URL |
Add a URL to make the banner clickable. |
| Open in New Window |
Toggle to open the link in a new window. Default: Disabled. |
| Stencil Text |
Enable a stencil-style font for the banner text. Default: Disabled. |