Floating bar
How to use the Floating bar section in the Meditative Folks Theme.
Floating bar
At a glance
A floating action bar (for example WhatsApp or promo) that stays visible while browsing.
Where to find it
- Theme editor path: Online Store → Customize → select the relevant page → Floating bar
- Add to a page: Add via Add section → category Sections.
Settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Position | Controls “Position” on the storefront. Open the theme editor to preview live. | left | Always |
| Device visibility | Controls “Device visibility” on the storefront. Open the theme editor to preview live. | desktop | Always |
| Show on homepage only | Turns “Show on homepage only” on or off on the storefront. | Yes | Always |
| Color scheme | Applies a color scheme from Theme settings → Colors. | scheme-1 | Always |
| Show background | Turns “Show background” on or off on the storefront. | No | Always |
| Corner radius | Controls “Corner radius” on the storefront. Open the theme editor to preview live. | 0 | Always |
Blocks
| Block | Purpose | Limit |
|---|---|---|
| Button | Add and configure in theme editor. | 1 |
| Discount | Add and configure in theme editor. | 1 |
Button settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Button label | Controls “Button label” on the storefront. Open the theme editor to preview live. | — | Always |
| Button link | Controls “Button link” on the storefront. Open the theme editor to preview live. | — | Always |
Discount settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Trigger label | Controls “Trigger label” on the storefront. Open the theme editor to preview live. | Special offer | Always |
| Image | Controls the image setting “Image”. Upload clear photos for best results. | — | Always |
| Image overlay opacity | Controls the image setting “Image overlay opacity”. Upload clear photos for best results. | 0 | Always |
| Subheading | Controls “Subheading” on the storefront. Open the theme editor to preview live. | First timer? | Always |
| Subheading max width | Controls “Subheading max width” on the storefront. Open the theme editor to preview live. | 500 | subHeading is filled in |
| Heading | Controls “Heading” on the storefront. Open the theme editor to preview live. | Get 10% off your first order! | Always |
| Heading size | Controls “Heading size” on the storefront. Open the theme editor to preview live. | 30 | Always |
| Description | Controls “Description” on the storefront. Open the theme editor to preview live. | Save 10% on orders over $100 — use the code above. | Always |
| Discount code | Controls “Discount code” on the storefront. Open the theme editor to preview live. | SAVE10 | Always |
| Products heading | Controls “Products heading” on the storefront. Open the theme editor to preview live. | Explore our best sellers | Always |
| Products | Controls “Products” on the storefront. Open the theme editor to preview live. | — | Always |
| Content alignment | Controls “Content alignment” on the storefront. Open the theme editor to preview live. | left | Always |
Setting details
Each control from the tables above, explained simply:
Position
Controls “Position” on the storefront. Open the theme editor to preview live. Default: left.
Device visibility
Controls “Device visibility” on the storefront. Open the theme editor to preview live. Default: desktop.
Show on homepage only
Turns “Show on homepage only” on or off on the storefront. Default: Yes.
Color scheme
Applies a color scheme from Theme settings → Colors. Default: scheme-1.
Show background
Turns “Show background” on or off on the storefront. Default: No.
Corner radius
Controls “Corner radius” on the storefront. Open the theme editor to preview live. Default: 0.
Button label
Controls “Button label” on the storefront. Open the theme editor to preview live. Default: —.
Button link
Controls “Button link” on the storefront. Open the theme editor to preview live. Default: —.
Trigger label
Controls “Trigger label” on the storefront. Open the theme editor to preview live. Default: Special offer.
Image
Controls the image setting “Image”. Upload clear photos for best results. Default: —.
Image overlay opacity
Controls the image setting “Image overlay opacity”. Upload clear photos for best results. Default: 0.
Subheading
Controls “Subheading” on the storefront. Open the theme editor to preview live. Default: First timer?.
Subheading max width
Controls “Subheading max width” on the storefront. Open the theme editor to preview live. Default: 500. This control appears when: subHeading is filled in.
Heading
Controls “Heading” on the storefront. Open the theme editor to preview live. Default: Get 10% off your first order!.
Heading size
Controls “Heading size” on the storefront. Open the theme editor to preview live. Default: 30.
Description
Controls “Description” on the storefront. Open the theme editor to preview live. Default: Save 10% on orders over $100 — use the code above.
Discount code
Controls “Discount code” on the storefront. Open the theme editor to preview live. Default: SAVE10.
Products heading
Controls “Products heading” on the storefront. Open the theme editor to preview live. Default: Explore our best sellers.
Products
Controls “Products” on the storefront. Open the theme editor to preview live. Default: —.
Content alignment
Controls “Content alignment” on the storefront. Open the theme editor to preview live. Default: left.
Tips
- Open the theme editor and select this section to preview changes live.
- Use Theme settings for fonts, colors, and buttons that apply store-wide.