Collection list media

Display collection links alongside a media showcase that changes when links are hovered over.

Section settings

---

Vertical alignment	Top Center Bottom Justified
Alignment	Left Center Right
Mobile alignment	Left Center Right
Overlay color scheme	Default Inverse Soft Accent Accent inverse Overlay

Header

---

Overline
Overline size	1 - 4
Heading
Heading size	1 - 6
Bottom padding	0 - 27

Collection list

---

Font	Body Heading
Font size	20 - 120 px
Mobile font size	20 - 60 px
Vertical gap	1 - 10
Mobile vertical gap	1 - 10
Hover dot size	8 - 40 px
Product count
Dividers

Media showcase

---

Placement	Left Right
Heading size	1 - 6
Text size	1 - 4
Content width	360 - 1440px
Media width	30 - 70%
Media ratio	Portrait (2:3) Portrait (4:5) Square (1:1) Landscape (5:4) Landscape (4:5) Custom
Overlay opacity	0 - 100%

Default media showcase

---

Media type	Video Image
Image
Video
Video focal point

Mobile media showcase

---

Show on mobile
Mobile placement	Top Bottom
Mobile media ratio	Left Right
Mobile media type	Video Image
Image
Video
Video focal point

Mobile collection thumbnails

---

Show thumbnails
Image ratio	Portrait (2:3) Portrait (4:5) Square (1:1) Landscape (5:4) Landscape (4:5) Custom
Mobile image ratio	Portrait (2:3) Portrait (4:5) Square (1:1) Landscape (5:4) Landscape (4:5) Custom
Corner radius
Crop to circle
Width	60 - 120 px
Placement	Left Right

Collection link blocks

Collection

Content

Top text
Heading
Bottom text

Media

Media type	Video Image
Image
Video
Video focal point

Mobile thumbnail

Mobile image