My patterns Style setup

All styles / Cliff

Set up the Cliff homepage

Tested gear for trails, peaks and everything in between.

12 sections, top to bottom. Add each one in Customize → Add section and enter the settings shown. Settings left at their default are not listed.

The Cliff homepage

1 Image banner

Screenshot coming soon

Section settings
SettingValue
Color schemeScheme 3
Content width760
Desktop height800
First button labelGear up
First button styleOutline
HeadingGo further, pack lighter
Heading size72
Heading size (mobile)40
Image overlay opacity40
Mobile height600
SubheadingTested gear for trails, peaks and everything in between.

2 Activity finder

Screenshot coming soon

Section settings
SettingValue
Color schemeScheme 3
Heading size40

Blocks

  1. Answer — add it and leave the defaults
  2. Answer
    Answer
    Overnight camp
  3. Answer
    Answer
    Cold weather
  4. Answer
    Answer
    Everyday carry

3 Feature columns

Screenshot coming soon

Section settings
SettingValue
Color schemeScheme 2
Columns (desktop)4
Columns on mobile2 columns
Heading size30
Icon size36

Blocks

  1. _feature-column
    heading
    Shop by activity
    heading_size
    0
    heading_size_mobile
    0
    icon_svg
    empty
    text
    Designed with guides, tested in the mountains, and repaired for free for life.
    text_size
    0
    text_size_mobile
    0
  2. _feature-column
    heading
    Trail tested
    heading_size
    0
    heading_size_mobile
    0
    icon_svg
    empty
    text
    Designed with guides, tested in the mountains, and repaired for free for life.
    text_size
    0
    text_size_mobile
    0
  3. _feature-column
    heading
    Camp setup
    heading_size
    0
    heading_size_mobile
    0
    icon_svg
    empty
    text
    Designed with guides, tested in the mountains, and repaired for free for life.
    text_size
    0
    text_size_mobile
    0
  4. _feature-column
    heading
    Layer up
    heading_size
    0
    heading_size_mobile
    0
    icon_svg
    empty
    text
    Designed with guides, tested in the mountains, and repaired for free for life.
    text_size
    0
    text_size_mobile
    0

4 Collection spotlight

Screenshot coming soon

Section settings
SettingValue
Banner height520
HeadingSmall gear, big difference
Heading alignmentCenter
Heading size48
Heading size (mobile)33
Overlay darkness25
StyleOverlay banners
Zoom image on hoverOn

Blocks

  1. Collection tile — add it and leave the defaults
  2. Collection tile — add it and leave the defaults
  3. Collection tile — add it and leave the defaults
  4. Collection tile — add it and leave the defaults

5 Image with text

Screenshot coming soon

Section settings
SettingValue
Color schemeScheme 5
Image positionRight
Image ratio (w/h)0.8

Blocks

  1. _split-caption
    caption
    Field notes
    text_style
    caption-with-letter-spacing
  2. _split-heading
    font_size
    48
    heading
    Shop by activity
    heading_size_mobile
    33
  3. _split-text
    text
    Designed with guides, tested in the mountains, and repaired for free for life.
  4. _split-button
    button_label
    Shop now
    button_style
    secondary

6 Featured collection

Screenshot coming soon

Section settings
SettingValue
HeadingTrail tested
Heading alignmentLeft
Heading size48
Heading size (mobile)33
Products to show8
Uppercase headingOn

7 Alternating rows

Screenshot coming soon

Section settings
SettingValue
Color schemeScheme 2
HeadingCamp setup
Heading size40
Image column width65
Image ratio (w/h)1.1

Blocks

  1. _row
    button_label
    Shop now
    caption
    Layer up
    heading
    Small gear, big difference
    heading_size
    0
    heading_size_mobile
    0
    link_style
    outline
    text
    Designed with guides, tested in the mountains, and repaired for free for life.
    text_size
    0
    text_size_mobile
    0
  2. _row
    button_label
    Shop now
    caption
    Field notes
    heading
    Shop by activity
    heading_size
    0
    heading_size_mobile
    0
    link_style
    outline
    text
    Designed with guides, tested in the mountains, and repaired for free for life.
    text_size
    0
    text_size_mobile
    0
  3. _row
    button_label
    Shop now
    caption
    Trail tested
    heading
    Camp setup
    heading_size
    0
    heading_size_mobile
    0
    link_style
    outline
    text
    Designed with guides, tested in the mountains, and repaired for free for life.
    text_size
    0
    text_size_mobile
    0

8 Before/after slider

Screenshot coming soon

Section settings
SettingValue
After labelStyled
Before labelEmpty
Divider thickness1
Drag directionVertical (up / down)
Handle styleLine only
HeadingLayer up
Heading alignmentLeft
Heading size28
Heading size (mobile)22
Image ratio21:9 (wide)
Image ratio (mobile)16:9 (landscape)
Label styleMinimal (text only)

Blocks

  1. _ba-caption
    caption
    Small gear, big difference
    text_style
    caption-with-letter-spacing
  2. _ba-text
    text
    Designed with guides, tested in the mountains, and repaired for free for life.
  3. _ba-button
    button_label
    Shop now
    button_style
    primary

9 Scrolling announcement

Screenshot coming soon

Section settings
SettingValue
Bar height96
Color schemeScheme 4
Font size26
Separator between itemsDot (•)
Speed20

Blocks

  1. Item
    Text
    Designed with guides, tested in the mountains, and repaired for free for life.
  2. Item
    Text
    Designed with guides, tested in the mountains, and repaired for free for life.
  3. Item
    Text
    Designed with guides, tested in the mountains, and repaired for free for life.
  4. Item
    Text
    Designed with guides, tested in the mountains, and repaired for free for life.

10 Testimonials

Screenshot coming soon

Section settings
SettingValue
HeadingField notes
Heading size40
Swipe on mobileOn
Text alignmentCenter

Blocks

  1. _testimonial
    caption
    Shop by activity
    name
    Priya S.
    review
    The pack carried 20 kg without a single hot spot.
    stars
    5
  2. _testimonial
    caption
    Trail tested
    name
    Marcus T.
    review
    Tent went up in five minutes in the wind.
    stars
    5
  3. _testimonial
    caption
    Camp setup
    name
    Elena R.
    review
    Lifetime repair sealed the deal for me.
    stars
    5

11 Blog posts

Screenshot coming soon

Section settings
SettingValue
Color schemeScheme 2
HeadingLayer up
Heading alignmentLeft
Heading size40
Show excerptOn

12 Newsletter

Screenshot coming soon

Section settings
SettingValue
Color schemeScheme 3
Content width620

Blocks

  1. _signup-heading
    font_size
    48
    heading
    Small gear, big difference
    heading_size_mobile
    33
  2. _signup-paragraph
    text
    Designed with guides, tested in the mountains, and repaired for free for life.
  3. _signup-email-form — add it and leave the defaults

Prefer not to type it in?

The Cliff layout pack has the same homepage as files you paste into Edit code, plus a sample product CSV. Duplicate your theme before pasting anything.