Collection header

Section settings

General

Setting	Description
Section layout	Select the layout for the section, there are 3 options: Style 1 Style 2 Style 3
Show breadcrumb	Enable to show the breadcrumb.
Breadcrumb alignment	Align the breadcrumb to either the center, left, or right.
Color - Background - Background gradient	Set the text color and background for the breadcrumb on the desktop.
Mobile color - Background color on mobile - Background gradient on mobile	Set the text color and background for the breadcrumb on the mobile.
Show page title	Enable to show the page title.
Page title alignment	Align the page title to either the center, left, or right.
Section width	Select the layout width of the whole section. The options are: Default (same as the body width) Width (1170px) Width (1770px) Full width (100% of the viewport width)
Padding for 'full width' option on desktop	Determine the left and right spacing of the full width layout.

Section top padding

Settings	Meaning
Desktop	Determines the height of the top inner space of the section on the desktop device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Tablet	Determines the height of the top inner space of the section on the tablet device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Mobile	Determines the height of the top inner space of the section on the mobile device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).

Section bottom padding

Settings	Meaning
Desktop	Determines the height of the bottom inner space of the section on the desktop device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Tablet	Determines the height of the bottom inner space of the section on the tablet device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).
Mobile	Determines the height of the bottom inner space of the section on the mobile device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).

Block settings

[BLOCK] Collection image

To change collection descriptions or collection images, edit your collections.

Settings	Meaning
Show parallax banner	Enable to apply parallax layout for banner.
Show background overlay	Enable to apply background overlay for banner.
Type	Select the style for the banner, there are 2 options: Custom Full width
Upload image	Select the image and apply it to all collections.
Upload image for mobile	Select the image and apply it to all collections on mobile.
Background overlay color	Set background overlay color for banner.

There are 2 ways to setup banner:

1. Upload one image for all collections: You can upload it right in the theme editor. Please choose Collection Image as below:

2. Upload different image for different collections: don't upload an image in the theme editor of Collection Image. Go to Collection Admin -> Upload an image at here:

[BLOCK] Collection description

Settings	Meaning
Description
Show collection description	Enable to show collection description.
Show 'read more'/'read less'	Enable to show 'read more'/'read less' button for collection description.
Position	Select the display position of the collection description. There are 2 options: Relative Absolute
Content alignment	The alignment of the collection description vertically within the banner. Note: Only applies for 'position: absolute'.
Alignment	The alignment of the collection description horizontally within the banner.
Page content max width	Set the maximum width of the collection description. Unit %.
Text color - Background - Background gradient	Set the text color and background color for collection description.
Sub-collection
Show sub-collection	Enable to show sub-collection.
Sub-collection layout	Select the layout for sub-collection.
Sub collection max height	Determine max height for sub-collection. Note: Use for grid layout.
Position	Select the position for sub-collection. There are 2 options: Relative Absolute
Show	Select to limit the display of sub-collection items. There are 2 options: All sub-collections (show all items) Some sub-collections (show only 5 items)
Background - Background gradient	Set the background/gradient for sub-collection.
Top padding	Determine the spacing top of the sub-collection.
Bottom padding	Determine the spacing bottom of the sub-collection.
Title	Enter the title for the sub-collection.
Color	Set the color for the title.
Font size	Set the font size for the title.
Font weight	Set the font weight for the title.
Text style	Set the text transform for the title.
Show sub-collection image	Enable to show sub-collection image.
Item top padding	Determine the spacing top of each item.
Item bottom padding	Determine the spacing bottom of each item.
Grid gap	Determine the spacing between 2 items.
Color - Background - Background gradient - Border color - Hover color - Background hover color - Background hover gradient - Border hover color	Set the text color, background, and border color for both the normal and hover states of the item.
Section top padding	Determine the spacing top of the sub-collection section.