Collection showcase
A guide to set up a collection showcase.
Last updated
Was this helpful?
A guide to set up a collection showcase.
Last updated
Was this helpful?
Collection showcase directs visitors' attention toward a unique collection with the provided unique layout and smooth effect, promoting a collection using the collection showcase can effectively convey the type of content, and encourage customers to explore further.
Steps:
In the theme editor (Customize) > click Add section
Select Collection showcase.
Save.
Adjust the Container type (Default/Full width/ Use container box), Color scheme for this section, and Color scheme tabs for the blocks.
Adjust the Desktop image position (Left/Right). On mobile, the image position will be optimized automatically.
You can also change the number of shown products - Product to show (between 3 and 12).
If the number of products is above 3, the layout will automatically switch to a slider.
Choose the Image aspect ratio you prefer:
Original aspect ratio
1:1
3:4
4:3
16:9
Add a preferable or unique Collection that you want to showcase and give this collection an Alias.
If you want to use the collection name, leave the Alias to collection field blank.
You can choose the background image for the container having aliases/ collection names.
Leave the image field blank if you want to use the background color of the Color scheme tabs in Section settings.
Insert the content you want in the Heading and Subheading for the collection list in the showcase to grab customers' attention
Leavee them blank if you do not want to display them.
You can also change the Heading size to Medium/ Large to make the content more visible on your website.
The call-to-action button will direct customers to the collection pages.
Give the button a label (leave the label blank to hide the button), a specific Button style
Primary button
Secondary button
Underline button
White button
and the Button size
Button small
Button medium
Button large
