Feature collection

Announcement Bar
Benefits product
Brands
Collage
Collection feature
Collection list
Feature collection
Featured navigation
Features banner
Grid view
Header
Image banner
Image with text
Image with video
Logo banner
Lookbook
Multicolumn
Newsletter with image
Parallax section
Rich text with image
Shoppable image
Shoppable video
Shoppable video reels
Slideshow

What is the Featured Collection section?

The "Featured Collection" section is a curated showcase spotlighting a selection of products from a specific collection. This section is ideal for highlighting new arrivals, bestsellers, or seasonal favorites, inviting customers to explore what your store has to offer.

Main settings

  • Heading:Set the title for the featured collection to draw attention to the selected products.‍
  • Disable on Mobile:Enable this option to hide the featured collection on mobile devices.
  • Collection: Select the collection to be featured from your store.
  • Maximum Products to Show: Adjust the number of products to display in the featured collection (default is 4).
  • Enable "View All": If the collection contains more products than shown, enable this option to display a "View All" button for customers to see the full collection.
  • "View All" Style: Choose the style for the "View All" link (e.g., Underline Link Button).

Large Screen Version

  • Products per slide on desktop: Set the number of products to display per slide on desktop devices (default is 4).
  • Spacing between products on desktop: Adjust the space between products in desktop view (options: 8px, 16px, 24px).
  • Make products full width: Enable this option to display the products at the full width of the container.

Mobile Version

  • Products per slide on mobile: Adjust the number of products displayed per slide on mobile devices (default is 2.1).

Product Card

  • Text alignment: Choose the text alignment on product cards (options: Center, Left).
  • Image ratio: Select the ratio for the product images (options: Adapt to image, Portrait, Square).
  • Show product media video: Enable this setting to display product media videos for items with Shopify-hosted videos.
  • Show second image on hover: Enable this option to show the second product image when hovering over the product card.
  • Show vendor: Display the vendor's name on the product card.
  • Show product rating: Enable this option to display product ratings. Requires a product rating app.
  • Enable quick add button: This option adds a "quick add" button to product cards, ideal for fast purchasing.

Colors

  • Text color: The ‘Transparent’ value is default and inherits from global settings.
  • Background color: The ‘Transparent’ value is default and inherits from global settings.

Section Spacing

  • Top distance: Adjust the spacing from the top of the section (default is 20px).
  • Bottom distance: Adjust the spacing from the bottom of the section (default is 20px).

‍

Mobile view example

Back