Collections List Section

Add this section to display collection list on homepage or inner pages. This is most useful section for your store.

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. Choose Collections list from the dropdown window.

Block setting

Setting	Description
Type	select the type of the collection to display in the list: All Collection (Dynamically fetch data from the admin) Custom Collections (Set up with Custom Collection Block)
Sort by	Change the order of the All Collection Type with criteria.
Item Per Row	Select the number of collections to show per row.
Item Per Row Mobile	Select the number of collections to show per row on Mobile.
Show 'Show More' Button?	Enable to show the 'Show More' button.
Button	Fill in the text for the show more button.
Button Font Size	Determine the font size of the button.
Button Width	Specify the width the load more button from 100px to 600px.
Button Font Weight	Select the font weight of the load more button.

The Number Of Products

Setting	Description
Font Size	Determine the font size of the product count on all collection items.
Font Size Mobile	Determine the font size of the product count on all collection items on Mobile.
Font Weight	Select the font weight of the number count.
Text Transform	Select the text transform for the number count.
Spacing Bottom	Determine the spacing bottom of the product count.
Text Color	Set the color for the product count.

Collection Image

Setting	Description
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.
Spacing Bottom	Determine the spacing of the image from the bottom.

Collection Content

Setting	Description
Show Collection Title	Enable to show the collection title on all collection items.
Show Collection Product Count?	Enable to show the collection product amount on all collection items.

Title

Setting	Description
Font Size	Determine the font size of the title on all collection items.
Font Size Mobile	Determine the font size of the title on all collection items on Mobile.
Font Weight	Select the font weight of the title on the collection items.
Text Transform	Select the text transform of the title on the collection items.
Spacing Bottom	Determine the spacing bottom of the collection title.
Text Color	Set the color for the collection title.
Background Color	Set the background color for the collection title.
Background Gradient	Set the background gradient for the collection title.