Collection list
Last updated
Last updated
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.
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
Link url - Link for button in Header section
Link text - Text for button
Button type - there are 7 Options button
Show arrow icon
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
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
Columns on mobile : 1 column / 2 columns ( When stacked products are enabled.)
Column gap (mobile)
Enable swipe on mobile
Background
Text color
Top padding
Bottom padding
Steps:
Locate Slideshow.
Add Collection
Make necessary changes. > Save.
Collection - Select Collection
Image - Default to collection image.
Heading - Default to collection title.
Link - Default to collection URL.