Visitors counter
How to use the Visitors counter block in the Meditative Folks Theme.
Visitors counter
At a glance
Social-proof visitor counter on the product page.
Used in
- Configure where this block is available in the parent section.
Settings
Text
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Use global body styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | Always |
| Text font size (mobile) | Sets text font size (mobile) in pixels for the matching screen size. | 16 | Use global body styles is off |
| Text font size (tablet) | Sets text font size (tablet) in pixels for the matching screen size. | 16 | Use global body styles is off |
| Text font size (desktop) | Sets text font size (desktop) in pixels for the matching screen size. | 20 | Use global body styles is off |
| Visitor count text | Controls “Visitor count text” on the storefront. Open the theme editor to preview live. | {number} people are viewing this right now | Always |
| Visitor count range | Format: min-max (example: 20-30) | 20-30 | Always |
| Change count number every | Seconds | 10 | Always |
Setting details
Each control from the tables above, explained simply:
Use global body styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes.
Text font size (mobile)
Sets text font size (mobile) in pixels for the matching screen size. Default: 16. This control appears when: Use global body styles is off.
Text font size (tablet)
Sets text font size (tablet) in pixels for the matching screen size. Default: 16. This control appears when: Use global body styles is off.
Text font size (desktop)
Sets text font size (desktop) in pixels for the matching screen size. Default: 20. This control appears when: Use global body styles is off.
Visitor count text
Controls “Visitor count text” on the storefront. Open the theme editor to preview live. Default: {number} people are viewing this right now.
Visitor count range
Format: min-max (example: 20-30) Default: 20-30.
Change count number every
Seconds Default: 10.
Tips
- Place this block inside a wrapper if it should only show on certain screen sizes.
- Preview in the theme editor on mobile and desktop.