Collection List
To add this section, please follow below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Collection List".
Section settings
General
Settings | Meaning |
---|---|
Layout | 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. |
Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile | Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately. |
Background Color - Background Gradient | Set color (or gradient) for the section background. |
Background Image | Upload/Select 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 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 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 Desktop. |
Font Size Mobile | Determine the font size of the block title on Mobile. |
Font Weight | Select the font weight of the block title |
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. |
Block settings
[BLOCK] Collection
Settings | Meaning |
---|---|
Collection | Select collection to show |
Last updated