Featured collection
Select items from your inventory, either from a specific collection or a manually curated list. Displayed in a slider or grid layout, Featured Collection section is customizable to fit your brand's style, perfect for highlighting products and encouraging sales.
✅ Steps
-
Open the Theme Editor.
Navigate to your Shopify dashboard and open the Theme Editor for your store. -
Add the Featured Products Section.
Click on 'Add section' and select 'Featured Collection' to integrate this section into your page. -
Save your changes.
Once you've customized the Featured Products Collection, click 'Save' to apply your adjustments.
Configure the Section Settings
Color Scheme: Choose a color scheme that complements your site's design.
Product Settings:
Choose a Collection: Choose a collection to show.
Manual List: Select specific products (only if no collection is chosen).
Maximum Products: Set the limit for products displayed.
Show 'View all' Link: Toggle to display a link to view the entire collection (available with collection selection).
Desktop Layout Settings:
Full Width: Toggle for a full-width display.Thumbnail Layout for Slider: Different look for slider cards.
Display Type: Choose Grid or Slideshow.
Products Per Row: Select the number of products (2-5).
Grid Gap: Adjust the space between items.
Margins: Customize top and bottom margins.
Tablet Layout:
Products Per Row: Select the number of products (2-5).
Uses Desktop's display type and margin settings.
Mobile Layout Settings:
Thumbnail Setting: Apply Slider thumbnail look for mobile.
Display Type: Choose between Slideshow, Slideshow Peeking Items, and Grid.
Products Per Row: Select the number of products (2-5).
Grid Gap: Adjust the space between items.
Margins: Customize top and bottom margins.
Slideshow Settings:
(For "Display Type" set to "Slideshow")
Enable Autoplay: Toggle for the slideshow.
Autoplay Interval: Set the rotation interval (2-8 seconds).
Sliding Behaviour: Choose slide movement - one by one or all visible at once.
Customize Blocks:
Section Header: Add a subheading and heading, select heading tags, input text, and adjust text alignment and size for Desktop and Mobile.