User Guide

Collage

by Admin on Apr 11, 2024

This section shows products/collections/images/videos in a collage.

General

Collage Heading Enter the heading of the collage section, which will be shown on the banner.
Heading size Adjust the size of the heading (range from 50-200%).
Make section full width Tick the checkbox to set the section’s width to be the same as full width of users’ devices.
Disable it to set the section’s width to be the same as the page width set in the theme setting.
Show section divider Tick the checkbox to show a divider divides this section with the section above.
Spacing Scroll the scrollbar (range from 0 to 40px) to adjust the spacing between blocks in the section.
Desktop layout Choose the layout to display on desktop devices (Left large block, Right large block).
Mobile layout Choose the layout to display on mobile devices (Collage, Column).
Background color (light/dark) Choose the background color in light/dark mode.
Section padding Top padding Adjust the padding on top of the banner (range from 0 to 100 px).
Bottom padding Adjust the padding at the bottom of the banner (range from 0 to 100 px).

Image

Configure the image.

Image Click the Select image button to select an image from your library or free image resources.
Link Enter the link the users will be redirected to when they click the image.
Use original image ratio Tick the checkbox to display the image in its original ratio.

Video

Configure the video.

Shopify-hosted video Click the Select video button to choose a video from your store’s data.
Embed Video From URL Enter the URL of the video. Only support YouTube and Vimeo videos.
Video alt text Enter the alt text for the video.

 

Product

Configure the product.

Product Click the Select product button to choose a product in your store to display in the section.

Collection

Configure the collection.

Collection Click the Select collection button to choose a product in your store to display in the section.