User Guide

Collection banner

by Admin on Apr 10, 2024

Configure the collection banner.

*Note: To add a description or image of the collection banner, you need to edit your collection. Learn more.

Collection banner Show collection image Tick the checkbox to show the collection image on the banner.
Image height Adjust the height of the collection image on desktop devices (450 px, 550 px, 650 px, 750 px, Adapt to first image, Fullscreen).
Image overlay opacity Adjust the overlay opacity of the image (range from 0% to 100%). The higher the value, the darker the image is.
Collection title position Adjust the position of the collection title (Left, Center, Right).
Collection title size Adjust the size of the collection title (range from 50% to 200%).
Mobile layout Image height Adjust the height of the collection image on mobile devices (250 px, 300 px, 400 px, 500 px, Adapt to first image, Fullscreen).
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).
Breadcrumbs Desktop content alignment Adjust the alignment of the content on desktop devices (Left, Center, Right).
Mobile content alignment Adjust the alignment of (Left, Center, Right).
Style Background color (light/dark) Choose the color of the background.
Text color (light/dark) Choose the color of the text.
Text link color (light/dark) Choose the color of the hypertext.

Description

Description Desktop content alignment Adjust the alignment of the content on desktop devices (Left, Center, Right).
Mobile content alignment Adjust the alignment of (Left, Center, Right).
Style Background color (light/dark) Choose the color of the background.
Text color (light/dark) Choose the color of the text.
Padding Top padding Adjust the padding on top of the block (range from 0 to 100 px).
Bottom padding Adjust the padding at the bottom of the block (range from 0 to 100 px).