Featured Collection

The Featured Collection section in Shopify allows you to highlight a specific collection of products on your store's homepage or other pages. This is a great way to showcase popular, new, or seasonal items.

1. Navigate to Shopify Admin > Online Store > Themes.

2. Click Customize on your active theme.

3. In the Theme Editor, click Add Section > Featured collection.

Section Header

1. Heading: Set a custom title (e.g., "Hot & Top Trends").

2. Heading Size: Choose from Small, Medium, or Large (Default: Medium).

3. Subheading: Add a description (e.g., "Best arrivals this week").

4. Heading Alignment : Choose from Left, Center, Right.

5. Container type : Choose from Default, Full Width, Container box.

General

1. Color scheme : You can customize the section’s appearance by changing the text color, background color, and more using preset color options.

2. Collection : Choose a collection assigned in the backend (Product Creations) (creating collection).

Product card

1. Product style : Choose from standard or card on product style view.

2. Show outline : Enable or disable show outline on product card.

3. Image ratio : There are 3 option image ratios as ( Adapt to image, square, and portrait) .Can choose the required style as theme requirement.

4. Show second image on hover : Enable or disable show second image on hover for product card.

5. Show title : Enable or disable show title product on product card.

6. Show vendor : Enable or disable show vendor product on product card.

7. Show product rating : Enable or disable show product rating on product card.

8. Show badges : Enable or disable show badges on product card.

9. Color scheme : You can customize the section’s appearance by changing the text color, background color, and more using preset color options.

10. Badge position on desktop : Settings the badge position on the desktop on product cards.

11. Enable quick shop button : Enable or disable quick shop button on product card.

12. Quick shop position on desktop : Settings the quick shop position on desktop on product card.

13. Show countdown : Enable or disable show countdown on product card.

14. Color scheme for countdown : You can customize the section’s appearance by changing the text color, background color, and more using preset color options.

15. Position the countdown on the image for desktop : Enable or disable position the countdown on the image for desktop on product card.

Grid settings

1. Maximum products to show : Define how many products to display totally.

2. Number of columns on desktop : Choose how many items appear in a row on desktop.

3. Number of columns on mobile : Adjust based on mobile screen size can adjust to 1 column or 2 column.(works only the mobile swiper works).

Slider settings

1. Enable : Enable or disable slider.

2. Show pagination : Enable or disable show pagination slider.

3. Show navigation : Enable or disable show navigation slider.

4. Auto-rotate slide : Enable or disable auto rotate slide.

5. Change slides every : Set the duration of the slide change time.

View all button

1. View all : Enable or disable view all button if collection has more products than shown.

2. Button label : Add text (e.g., "View all").

3. Button style : There are several types of buttons to choose from, namely primary, secondary, outline lite, and outline dark.

4. Button size : Choose from large, medium, and small on button size.

5. Button position : Choose from top or bottom on button position.

Section banner

1. Show Banner : Enable or disable show banner on section banner.

2. Image : Adding image for section banner.

3. Corner radius : Set the corner radius of the image on section banner.

4. Enable sticky : Enable or disable sticky on section banner.

5. Content position : Choose from content position top center, top left, top right, bottom center, bottom left, bottom right.

6. Heading : Add text (e.g., "Shop now").

7. Heading Size : Choose from heading size large, medium, small.

8. Subheading : Add text (e.g., "The best quality products are waiting for you & choose it now.").

Banner button

1. Button Text : Add text (e.g., "View all").

2. Button link : Set the URL destination.

3. Button type : Choose from button type top center, top left, top right, bottom center, bottom left, bottom right.

4. Button size : Choose from button size large, medium, small.

5. Enable arrow icon : Enable or disable arrow icon on banner button.

Section padding

1. Dekstop : Set the top and bottom padding size on the desktop.

2. Mobile : Set the top and bottom padding size on the mobile.

Theme Settings

1. Card corner radius : Set the corner radius of the card.

2. Alignment : Choose from alignment left, center, right of the card.

3. Badge style : Choose from link or solid button on badge style.

4. Show sale percentage : Enable or disable show sale percentage.

5. Sale badge color scheme : You can customize the section’s appearance by changing the text color, background color, and more using preset color options.

6. Show sale text : Enable or disable show sale text.

7. Page width : Set the page width.

8. Card button style : Choose show on hover or always show on content on card button style.

9. Show compare button : Enable or disable show compare button.

10. Show wishlist button : Enable or disable show wishlist button.

11. Title size : Choose title size extra small, small, medium, large, extra large.

12. Show currency codes : Enable or disable show currency codes.

13. Enable color swatches : Enable or disable show color swatches.