Featured collection
Use the Featured collection section to display products from a selected collection as a single-row slider.
Editing templates will change all pages that use the same template. Create new templates for different page layouts, or show dynamic page content in the same template.
Set up section
In the editor side panel, click (+) Add section and select Featured collection. Click and hold the drag handles ⋮⋮ to re-order sections.
Click the section to add a section header and change section styles for colors and spacing.
Select feature collection
Select a Collection from your Shopify admin to display its products.
Click Featured collection section to find settings
Collection
Select a collection to display its products. Collections are created and edited in your Shopify admin.
Change layout
Adjust the layout by changing the number of columns for desktop and mobile.
Click Featured collection section to find settings
Maximum number of products
Set the maximum number of products that should be displayed from the collection.
1-12 Default: 8
Number of columns on desktop
Select the number of products per row on desktop screens.
2 3 Default 4
Number of columns on mobile
Select the number of products per row on mobile screens.
1 2 Default
Show slider scrollbar
When checked, the scrollbar appears below the products and allows visitors to move through the slider.
Add promotion tile
Add a promotion tile with an image or autoplay video, promotional text, and link to other pages.
Add image or autoplay video
Add an image or autoplay video (without sound) as the promotion tile's background.
For autoplay videos, make sure your video files meet the following requirements:
Video file type
.mp4 or .mov
Embedded YouTube or Vimeo videos are not supported.
Video length
< 20 seconds (Recommended)
Video size
< 10MB (Recommended)
Click Promotion tile block to find settings
Image
Select or upload an image for the promotion tile.
Mobile image
Select or upload an alternate image for mobile devices.
Video
Add a short autoplay video (without sound) to replace the image.
Add image overlay
The image overlay adds a layer of color to your image. Overlays help balance image and text for clarity and readability.
Choose a Color scheme for the overlay and overlay text
Change the Opacity to make the overlay more or less transparent
Click Promotion tile block to find settings
Overlay opacity
Adjust the transparency of the color overlay on the promotion tile.
0 - 100 % Default: 20
Add text
Click Promotion tile block to find settings
Heading
Add a title for the promotion tile.
Default: Promotion
Text
Add descriptive text for the promotion.
Text alignment
Set the position of the text content within the promotion tile.
Top / Middle / Bottom Left / Center / Right
Add link and button
You can make the promotion tile a clickable link or add a button to redirect visitors to another page.
Link URL
Enter the URL that you want the promotion tile to link to.
Button label
Enter the text to display on the button.
Default: Shop now
Button style
Choose the visual style of the button.
Solid Default Outline Text
Button placement
Select where to position the button within the promotion tile.
Standard Bottom-anchored Default
Last updated
Was this helpful?