Mobile dock
The mobile dock is a bar of shortcuts at the bottom of phone screens. Search, cart and menu open the same drawers as the header.
Add the mobile dock
- Under Overlays, click Add section and choose Mobile dock (1).
- Choose a Style: a bar or a floating pill, and when it Shows: always, or after scrolling past the header.
- Add and reorder the shortcut blocks: Home, Search, Cart, Account, Menu, and Link blocks with an icon for anything else.
Settings reference
Mobile dock
| Style | Options: Bar, Floating. |
|---|---|
| Show | Options: Always, After scrolling past the header. |
| Show labels | Turns this on or off. |
Link block
| Label | |
|---|---|
| Link | Where the link goes. |
| Icon | Options: None, Check, Star, Heart, Sparkle, Bolt, Leaf, Globe, Clock, Chat, Mail, Location, Phone, Tag, Gift, Eye, Layers, Shipping, Returns, Warranty, Protection, Refresh, Package, Cart, Headphones, Earbuds, Speaker, Waveform, Noise cancelling, Microphone, Volume, Bluetooth, Battery, USB-C, Plug, Power, Chip, Wi-Fi, Signal, Screen, Phone, Camera, Water resistance, Temperature, Gauge, Gear, Wrench, Hammer, Dimensions, Weight, Precision, Cube. |
| Custom icon | Replaces the icon. Use a square SVG or PNG. |
Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.
How it works
- It only shows on phones.
- Empty labels use the usual name in the shopper's language.