πŸ”₯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:

  1. In the theme editor (Customize) > click Add section

  2. Select Collection showcase.

  3. 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