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

  1. Open the Theme Editor.
    Navigate to your Shopify dashboard and open the Theme Editor for your store.
  2. Add the Featured Products Section.
    Click on 'Add section' and select 'Featured Collection' to integrate this section into your page.
  3. 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.