My patterns Style setup

All styles / Float

Set up the Float homepage

Audio, smart home and everyday gear, designed to just work.

11 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 Float homepage

1 Slideshow

Screenshot coming soon

Section settings
SettingValue
Carousel description (a11y)Featured collections
Color schemeScheme 4
HeightFull screen
TransitionFade

Blocks

  1. _slide
    alignment
    right
    box_position
    center
    button_label
    Shop the lineup
    caption
    Shop by category
    font_size
    64
    heading
    Tech that gets out of the way
    heading_size_mobile
    38
    heading_weight
    500
    overlay_opacity
    35
    subheading
    Audio, smart home and everyday gear, designed to just work.
    text_color
    #ffffff
  2. _slide
    alignment
    right
    box_position
    center
    button_label
    Shop the lineup
    caption
    New releases
    font_size
    64
    heading
    Tech that gets out of the way
    heading_size_mobile
    38
    heading_weight
    500
    overlay_opacity
    40
    subheading
    Audio, smart home and everyday gear, designed to just work.
    text_color
    #ffffff

2 Comparison table

Screenshot coming soon

Section settings
SettingValue
Color schemeScheme 4
HeadingCompare our audio
HighlightSecond product

Blocks

  1. Product
    Values
    30 h yes yes IPX4
  2. Product
    Badge
    Best seller
    Values
    40 h yes no None
  3. Product
    Values
    18 h no no IP67

3 Trust badges

Screenshot coming soon

Section settings
SettingValue
Badge layoutIcon beside text
Color schemeScheme 2
Icon size28

Blocks

  1. _badge
    builtin_icon
    truck
    text
    Two-year warranty, 30-day returns and free firmware updates for life.
    title
    Audio
  2. _badge
    builtin_icon
    refund
    text
    Two-year warranty, 30-day returns and free firmware updates for life.
    title
    Smart home
  3. _badge
    builtin_icon
    headset
    text
    Two-year warranty, 30-day returns and free firmware updates for life.
    title
    Accessories
  4. _badge
    builtin_icon
    lock
    text
    Two-year warranty, 30-day returns and free firmware updates for life.
    title
    Tech notes

4 Collection grid

Screenshot coming soon

Section settings
SettingValue
Columns (desktop)3
HeadingShop by category
Heading size40
Image ratioPortrait
Show 'View all' buttonOn
StyleCarousel with arrows
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. Collection tile — add it and leave the defaults
  6. Collection tile — add it and leave the defaults

5 Collection tabs

Screenshot coming soon

Section settings
SettingValue
HeadingNew releases
Heading alignmentLeft
Heading size40
Quick add styleSolid

Blocks

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

6 Image with text

Screenshot coming soon

Section settings
SettingValue
Color schemeScheme 2
Image ratio (w/h)1.3

Blocks

  1. _split-caption
    caption
    Audio
    text_style
    caption-with-letter-spacing
  2. _split-heading
    font_size
    52
    heading
    Smart home
    heading_size_mobile
    36
  3. _split-text
    text
    Two-year warranty, 30-day returns and free firmware updates for life.
  4. _split-button
    button_label
    Shop now
    button_style
    primary

7 Product hotspots

Screenshot coming soon

Section settings
SettingValue
Corner radius10
HeadingAccessories
Heading alignmentLeft
Heading size40
Image height640

Blocks

  1. _hotspot
    desktop_x
    28
    desktop_y
    55
    mobile_x
    30
    mobile_y
    55
    product_card_width
    220
  2. _hotspot
    desktop_x
    55
    desktop_y
    70
    mobile_x
    60
    mobile_y
    68
    product_card_width
    220
  3. _hotspot
    desktop_x
    72
    desktop_y
    45
    mobile_x
    75
    mobile_y
    40
    product_card_width
    220

8 Featured collection

Screenshot coming soon

Section settings
SettingValue
Color schemeScheme 2
HeadingTech notes
Heading alignmentLeft
Heading size48
Heading size (mobile)33
Products to show8
Uppercase headingOn

9 Before/after slider

Screenshot coming soon

Section settings
SettingValue
After labelStyled
Before labelEmpty
Divider thickness1
Drag directionVertical (up / down)
Handle styleLine only
HeadingShop by category
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
    New releases
    text_style
    caption-with-letter-spacing
  2. _ba-text
    text
    Two-year warranty, 30-day returns and free firmware updates for life.
  3. _ba-button
    button_label
    Shop now
    button_style
    primary

10 Testimonials

Screenshot coming soon

Section settings
SettingValue
Color schemeScheme 4
HeadingAudio
Heading alignmentLeft
Heading size40
Swipe on mobileOn

Blocks

  1. _testimonial
    caption
    Smart home
    name
    Priya S.
    review
    Noise cancelling rivals brands twice the price.
    stars
    5
  2. _testimonial
    caption
    Accessories
    name
    Marcus T.
    review
    Setup took under a minute.
    stars
    5
  3. _testimonial
    caption
    Tech notes
    name
    Elena R.
    review
    The charger powers my laptop and phone at once.
    stars
    5

11 Newsletter

Screenshot coming soon

Section settings
SettingValue
Color schemeScheme 5
Content width620

Blocks

  1. _signup-heading
    font_size
    40
    heading
    Shop by category
    heading_size_mobile
    28
  2. _signup-paragraph
    text
    Two-year warranty, 30-day returns and free firmware updates for life.
  3. _signup-email-form — add it and leave the defaults

Prefer not to type it in?

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