Collection List

To add this section, please follow below steps:

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Click Add section and choose "Collection List".

Section settings

General

Settings	Meaning
Section Width	Select the layout width of the whole section. The options are: Default (same as the body width), 1170px, 1770px, Full Width (the 100% of the viewport width).
Padding Container Full Width	Determine the left and right spacing of the Full Width layout.
Background Color	The background color of the section.
Background Gradient	The background gradient of the section.
Background Image	Upload an image as the section background.
Enable Sticky Heading	Toggle sticky heading section
Title	Enter in the title for the section.
Color	Apply a color to the title of the section.
Font Size	Determine the font size of the title on tablet and desktop.
Font Size Mobile	Determine the font size of the title on mobile.
Font Weight	Select the font weight of the title
Title Spacing Bottom	Determine the spacing of the title from bottom on tablet and desktop.
Title Spacing Bottom Mobile	Determine the spacing of the title from bottom on mobile.
View all	Enter the text for the "View all" link.
View All Link	Set URL for the "View all" to redirect to if the "Redirect To URL" is selected.
Color	Apply a color to the "View all".
Hover / Active Color	Apply a color when hover on the "View all".
Image Ratio	Select the desired ratio of the image: Adapt to Image (the original image width and height are adopted) Portrait (the image is cropped to be portrait) Square (the image is cropped to be square)
Portrait Aspect Ratio	Determine the ratio between width and height of the image if the Image Ratio: Portrait is selected.
Content: Alignment	Select the alignment of the header text to be either to the Left, Center or to the Right of the section.
Font Size	Determine the font size of the block title on tablet and desktop.
Font Size Mobile	Determine the font size of the block title on mobile.
Font Weight	Select the font weight of blog title. The options are: Normal Medium Semi bold Bold Bolder Black
Text Transform	Transform the block title to be Normal, Capitalize, Uppercase or Lowercase.
Spacing Bottom	Determine the spacing of the block title from bottom.
Title Color	Apply a color to the title.
Button	Enter the text for the button.
Button Font Size	Determine the font size of the button.
Color	Apply a color to the button of the block.
Hover / Active Color	Apply a color when hover on the button of the block.

Spacing Top

Settings	Meaning
Desktop	Determines the spacing of the section from its top sections on desktop.
Tablet	Determines the spacing of the section from its top sections on tablet.
Mobile	Determines the spacing of the section from its top sections on mobile.

Spacing Bottom

Settings	Meaning
Desktop	Determines the spacing of the section from its bottom sections on desktop.
Tablet	Determines the spacing of the section from its bottom sections on tablet.
Mobile	Determines the spacing of the section from its bottom sections on mobile.

Block settings

[BLOCK] Collection

Settings	Meaning
Collection	Select collection to show.