Featured collection

Overview:

The "Featured Collection" section is designed to showcase a specific collection within your Shopify store, making it ideal for highlighting new arrivals, seasonal collections, or bestsellers. It provides flexibility in presentation and functionality to enhance user engagement with featured products.


Section Configuration:


Collection Selection

Setting Description
Collection Allows you to select the specific collection you want to feature in this section.

Display Settings

Setting Description
Products to Show Set the number of products to display from the selected collection, ranging from 2 to 16.
Heading and Description Customize the section's heading and description with inline rich text capabilities to emphasize key words or phrases.
Section Heading Size Choose from four different sizes for the heading to ensure it captures the visitor's attention appropriately.
Section Text Size Adjust the size of the text within the section to improve readability across devices.

Navigation and Interaction

Setting Description
Enable View all  Button Option to add a "View all" button, encouraging visitors to explore the entire collection.
View all Label Customize the text of the button.
View all Type Choose between primary and secondary styles for the button to match your store's design.

Design Customization

Setting Description
Card Text Size Adjust the size of the text displayed on product cards within the section.
Card Show Price Toggle to display or hide product prices on the cards.
Section Text Order Choose the layout order of text and images within the section, either in a row or reversed.
Text Alignment Control the alignment of text for both desktop and mobile views to ensure optimal layout.

Slideshow Settings

Setting Description
Auto Play Toggle to automatically cycle through products.
Show Navigation Arrows Enable navigation arrows for the slideshow.
Show Pagination Enable pagination indicators for the slideshow.
Change Slides Every Set the interval for changing slides, enhancing dynamic interaction.

Color Scheme Settings

Setting Description
Color Scheme Select from predefined color schemes to match the section with your store’s theme.

Spacing Settings

Setting Description
Top Padding Adjust the space above the section content.
Bottom Padding Adjust the space below the section content.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us