Featured collection
You can add a section that displays products in one collection.
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Featured collection".
Section settings
Heading
The title for this section.
Heading style
Style of the heading.
Heading size
The size of the heading text:
Small
Medium
Large
Extra large
Heading alignment
The alignment of the heading text and description within the section container:
Left - Aligns the heading and description to the left.
Center (default) - Aligns the heading and description in the center.
Right - Aligns the heading and description to the right.
Description
The description for this section.
Show collection description from the admin if available.
Show the description that you've entered for this collection in admin.
Collection
Which collection you want to display products from.
Maximum products to show
The number of products from the collection to display. Minimum: 2. Maximum: 25.
Number of columns on desktop
Determines the number of product columns on the desktop. Can be from 2 to 4, increasing arithmetically of 1.
Show navigation arrows below content on desktop
Displays the navigation arrows below content on desktop.
Pagination style
Choose layout for the pagination.
Color scheme
Set the color for this section. (Not apply for product card. Color of the product card is changed in the theme settings.)
Product card
Image ratio
The image ratio for the product images:
Adapt to image (default) - Uses the aspect ratio of the images. This prevents the images from being cropped.
Square - Crops the images to use a 1:1 ratio.
Portrait - Crops the images to use a 2:3 ratio.
Show second image on hover
When the customer hovers their cursor over the product image, displays the second product image if the product has one.
Show vendor
Displays the vendors of the products.
Enable quick add button
Displays the quick add button that opens a popup displaying all the essential product details.
View all collection
Enable "View all" if collection has more products than shown
Displays the "View all" button if collection has more products than the "Maximum products to show" setting.
Button style
Style of the "View all" button:
Filled
Text link
Outlined
Mobile layout
Number of columns on mobile
Determines the number of product columns on the mobile:
1 column
1.5 columns
2 columns
Show pagination
Displays the pagination for this section.
Section padding
Top padding
Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).
Bottom padding
Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).
Last updated