Featured Collection

This section allows you to showcase a specific collection from your store, highlighting featured products.

Steps:

1. Access the Featured Collection Section

   • In your Shopify admin, go to Online Store > Customize to open the theme editor.

   • In the left sidebar, under Template, locate and select Featured Collection to begin configuring this section.

   • If this section is not already added, click Add section and add Featured Collection.

2. Set the Section Title and Description

   • Under Heading, enter a title to label your collection display (e.g., "New Arrivals").

   • Select a Heading size based on your design preference.

   • In the Description field, add additional text to describe the collection.

   • If you want to use the collection’s description from the admin, enable Show collection description from the admin.

   • Choose a Description style (Body, Subtitle, or Uppercase) to modify the text’s appearance.

3. Choose the Collection to Display

   • Under Collection, click Select collection and choose the collection you wish to display.

   • Adjust Maximum products to show to limit the number of items visible in this section.

4. Set Product Display Options

   • Select the Number of columns on desktop to determine how many products are displayed per row on larger screens.

   • Enable Make products full width to expand the product images to fill each column space.

   • Choose whether to enable the "View all" button if the collection has more items than shown.

   • Select a style (Link, Outline button, or Solid button) for this button.

5. Configure Display Styles

   • Choose a Color scheme that aligns with your theme's branding.

   • Under Product card, set the Image ratio (Adapt to image, Portrait, or Square).

   • To customize the shape of your images, adjust the Image shape setting here.

   • Additional settings include options to Show second image on hover, Show vendor, or Show product rating (requires a product rating app).

   • Enable Quick add button if you want customers to add products to their cart directly from this section.

   • For a button style, check Use outline button style.

6. Adjust Mobile Layout and Padding

   • Set the Number of columns on mobile (1 or 2).

   • Enable Enable swipe on mobile for easy navigation on smaller screens.

   • Adjust Section padding to control the spacing around the section.

7. Save Changes

   • After configuring your Featured Collection section, click Save in the top-right corner to apply your changes.