Collection list
The "Collection List" section directs customers to individual collection pages, showcasing popular or featured collections. This setup highlights attractive product groups, encouraging deeper exploration and engagement with key offerings.
Steps:
In the theme editor (Customize), click Add section.
Locate Collection list.
Make necessary changes. > Save.
General Settings
Width - With of this section 3 options : Container / Stretched / Full width
Subheading
Heading - Heading of this section
Heading size - From Heading 1 to Heading 6
Description - Description of this section
Layout - Horizontal / Vertical
View all button
Link url - Link for button in Header section
Link text - Text for button
Button type - there are 7 Options button
Show arrow icon
Collection card
Card style - Standard / Content inside with overlay / Content inside with button
Image ratio - Adapt to image / Square (1:1) / Portrait (3:4) / Landscape (4:3) / Landscape (5:3.5) / Wide (16:9)
Show product count
Show button arrow - Display icon arrow in button
Title size
Content alignment - Left / Center / Right
Title color
Overlay color
Enable gradient overlay
Overlay opacity
Grid settings
Stack collections - Display products in a grid layout. ( If disable Layout products is carousel )
Show carousel progress bar
Enable overflow visible - When this feature is enabled, the Carousel will be allowed to overflow from the container
Collection per row
Column gap - Distance between columns
Mobile Layout
Columns on mobile : 1 column / 2 columns ( When stacked products are enabled.)
Column gap (mobile)
Enable swipe on mobile
Colors
Background
Text color
Section padding
Top padding
Bottom padding
Block settings
Collection - Select Collection
Image - Default to collection image.
Heading - Default to collection title.
Link - Default to collection URL.
Last updated