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.

Adding the Featured collection section

Steps

  1. Open the Theme Editor.
    Navigate to your Shopify dashboard and open the Theme Editor for your store.
  2. Add the Featured Collection 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 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 with blocks

Section Header: Add a subheading and heading, select heading tags, input text, and adjust text alignment and size for Desktop and Mobile.