Collection image showcase

In this article, we will show you how to add a Collection image showcase section.

#How to add a Collection image showcase section

#How to edit a Collection image showcase section

#Section settings

#Section header

Use the provided text fields to add a suitable Heading.

• Leave it blank if you do not want to display it

You can also change the Heading size to:

• Heading xs
• Heading sm
• Heading md
• Heading lg
• Heading xl
• Heading 2xl
• Display md
• Display lg
• Display xl

#Highlight text

Use the provided text fields to add a suitable Subheading and Description.

• Leave them blank if you do not want to display them

You can also change the Description size to Small/ Base size/ Large to make the content look balanced on your website.

#Image

Enable the Enable swipe on mobile checkbox to make the images swipeable on mobile.

#Block settings

You can add multiple Tab blocks to the Collection image showcase section.

Add a preferable or unique Collection that you want to showcase and give this collection a Title.

• If you want to use the collection name, please leave the Title field for the collection blank.

To add surrounding images with the dynamic effect, pick your images for the 3 image fields.

#Best practice

✅ Do:

• Use the image with the aspect ratio of 49/68 on desktop and 109/134 on mobile for the First image so that the image won't be cropped.
• Use the image with the aspect ratio of 3/4 on desktop and 109/134 on mobile for the Second image so that the image won't be cropped.
• Use the image with the aspect ratio of 4/2.8375 on desktop and 109/134 on mobile for the Third image so that the image won't be cropped.