Collection showcase 🔥
A guide to set up a collection showcase.
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.
Section settings
General
Adjust the Container type (Default/Full width/ Use container box), Color scheme for this section, and Color scheme tabs for the blocks.
Layout
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.
Product card settings
Choose the Image aspect ratio you prefer:
Original aspect ratio
1:1
3:4
4:3
16:9
Block settings
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
Last updated
