All styles / Dot
Set up the Dot homepage
The Dotwell smart bottle keeps water cold for 24 hours and reminds you to drink.
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.
1 Image with text
Screenshot coming soon
| Setting | Value |
|---|---|
| Color scheme | Scheme 4 |
| Image position | Right |
| Section width | Full width |
Blocks
- _split-heading
- font_size
- 60
- heading
- One bottle. Every day.
- heading_size_mobile
- 38
- _split-text
- font_size
- 18
- text
- The Dotwell smart bottle keeps water cold for 24 hours and reminds you to drink.
- _split-button
- button_label
- Buy Dotwell
- button_style
- primary
2 Product story
Screenshot coming soon
| Setting | Value |
|---|---|
| Color scheme | Scheme 4 |
| Heading | Why Dotwell |
| Heading size | 40 |
Blocks
- Chapter
- Text
- Double-walled steel keeps water cold all day and coffee hot all morning.
- Title
- Cold for 24 hours
- Chapter
- Caption
- 02
- Text
- The cap glows softly when it is time to drink. Charge it once a month.
- Title
- A dot that reminds you
- Chapter
- Caption
- 03
- Text
- A one-hand lid seals tight, so it can ride in any bag, upside down.
- Title
- Leak-proof, bag-proof
3 Rich text
Screenshot coming soon
| Setting | Value |
|---|---|
| Alignment | Left |
| Background | #8c8a8a |
| Content width | 980 |
| Full width | On |
| Text color | #ffffff |
Blocks
- _statement-heading
- font_size
- 36
- heading
- Why Dotwell
- heading_size_mobile
- 26
4 Featured collection
Screenshot coming soon
| Setting | Value |
|---|---|
| Heading | Pick your colour |
| Heading alignment | Left |
| Heading size | 28 |
| Heading size (mobile) | 22 |
| Quick add button style | Outline |
5 Mosaic grid
Screenshot coming soon
| Setting | Value |
|---|---|
| Color scheme | Scheme 2 |
| Heading | How it works |
| Heading alignment | Left |
| Heading size | 48 |
| Heading size (mobile) | 33 |
| Uppercase heading | On |
Blocks
- _mosaic-collection — add it and leave the defaults
- _mosaic-product — add it and leave the defaults
- _mosaic-image — add it and leave the defaults
- _mosaic-video
- description
- Double-walled steel, a leak-proof lid and a glowing dot that reminds you to drink. Charge once a month.
- video_url
- https://www.youtube.com/watch?v=UELVSZC06BE
6 Product hotspots
Screenshot coming soon
| Setting | Value |
|---|---|
| Corner radius | 0 |
| Full width | On |
| Heading | Loved by thousands |
| Heading alignment | Left |
| Heading size | 28 |
| Heading size (mobile) | 22 |
| Image height | 760 |
Blocks
- _hotspot
- desktop_x
- 28
- desktop_y
- 55
- mobile_x
- 30
- mobile_y
- 55
- product_card_width
- 220
- _hotspot
- desktop_x
- 55
- desktop_y
- 70
- mobile_x
- 60
- mobile_y
- 68
- product_card_width
- 220
- _hotspot
- desktop_x
- 72
- desktop_y
- 45
- mobile_x
- 75
- mobile_y
- 40
- product_card_width
- 220
7 Discount ribbon
Screenshot coming soon
| Setting | Value |
|---|---|
| Color scheme | Scheme 4 |
Blocks
- _ribbon
- button_style
- primary
- overlay_alignment
- center
- overlay_opacity
- 30
- overlay_position
- center
- text_color
- #ffffff
- _ribbon
- button_style
- primary
- overlay_alignment
- center
- overlay_opacity
- 30
- overlay_position
- center
- text_color
- #ffffff
8 Featured collection
Screenshot coming soon
| Setting | Value |
|---|---|
| Color scheme | Scheme 5 |
| Heading | Questions |
| Heading alignment | Left |
| Heading size | 28 |
| Heading size (mobile) | 22 |
| Products to show | 8 |
| Quick add button style | Outline |
9 Shop by brand
Screenshot coming soon
| Setting | Value |
|---|---|
| Card style | Filled |
| Heading | Accessories |
| Heading size (mobile) | 25 |
| Layout | Carousel (auto-scroll strip) |
10 Collapsible content
Screenshot coming soon
| Setting | Value |
|---|---|
| Color scheme | Scheme 2 |
| Heading | Why Dotwell |
| Heading size | 28 |
| Heading size (mobile) | 22 |
Blocks
- _faq
- content
- Double-walled steel, a leak-proof lid and a glowing dot that reminds you to drink. Charge once a month.
- heading
- Pick your colour
- _faq
- content
- Double-walled steel, a leak-proof lid and a glowing dot that reminds you to drink. Charge once a month.
- heading
- How it works
- _faq
- content
- Double-walled steel, a leak-proof lid and a glowing dot that reminds you to drink. Charge once a month.
- heading
- Loved by thousands
- _faq
- content
- Double-walled steel, a leak-proof lid and a glowing dot that reminds you to drink. Charge once a month.
- heading
- Questions
11 Newsletter
Screenshot coming soon
| Setting | Value |
|---|---|
| Color scheme | Scheme 3 |
| Content width | 620 |
Blocks
- _signup-heading
- font_size
- 48
- heading
- Accessories
- heading_size_mobile
- 33
- _signup-paragraph
- text
- Double-walled steel, a leak-proof lid and a glowing dot that reminds you to drink. Charge once a month.
- _signup-email-form — add it and leave the defaults
Prefer not to type it in?
The Dot layout pack has the same homepage as files you paste into Edit code, plus a sample product CSV. Duplicate your theme before pasting anything.