Autoscroll
How to use the Autoscroll block in the Meditative Folks Theme.
Autoscroll
At a glance
Renders a carousel that auto-rotates nested theme blocks, one slide at a time.
Used in
- Configure where this block is available in the parent section.
Settings
Animation
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Enable autoplay | Turns “Enable autoplay” on or off on the storefront. | Yes | Always |
| Animation time | Controls “Animation time” on the storefront. Open the theme editor to preview live. | 4000 | Autoplay is on |
| Pause animation on hover | Controls “Pause animation on hover” on the storefront. Open the theme editor to preview live. | Yes | Autoplay is on |
| Pause animation on focus | Controls “Pause animation on focus” on the storefront. Open the theme editor to preview live. | Yes | Autoplay is on |
Navigation
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Show navigation controls | Turns “Show navigation controls” on or off on the storefront. | No | Always |
| Navigation button variant | Controls “Navigation button variant” on the storefront. Open the theme editor to preview live. | primary | navigation controls is on |
| Navigation button size | Controls “Navigation button size” on the storefront. Open the theme editor to preview live. | icon-md | navigation controls is on |
Layout
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Minimum height (mobile) | Controls “Minimum height (mobile)” on the storefront. Open the theme editor to preview live. | 0 | Always |
| Minimum height (tablet) | Controls “Minimum height (tablet)” on the storefront. Open the theme editor to preview live. | 0 | Always |
| Minimum height (desktop) | Controls “Minimum height (desktop)” on the storefront. Open the theme editor to preview live. | 0 | Always |
| Accessible label | Describes the carousel for screen readers. Leave blank to use the default. | — | Always |
Padding
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Padding top | Adds empty space (padding top) around the section content. | 0 | Always |
| Padding bottom | Adds empty space (padding bottom) around the section content. | 0 | Always |
| Padding left | Adds empty space (padding left) around the section content. | 0 | Always |
| Padding right | Adds empty space (padding right) around the section content. | 0 | Always |
Setting details
Each control from the tables above, explained simply:
Enable autoplay
Turns “Enable autoplay” on or off on the storefront. Default: Yes.
Animation time
Controls “Animation time” on the storefront. Open the theme editor to preview live. Default: 4000. This control appears when: Autoplay is on.
Pause animation on hover
Controls “Pause animation on hover” on the storefront. Open the theme editor to preview live. Default: Yes. This control appears when: Autoplay is on.
Pause animation on focus
Controls “Pause animation on focus” on the storefront. Open the theme editor to preview live. Default: Yes. This control appears when: Autoplay is on.
Show navigation controls
Turns “Show navigation controls” on or off on the storefront. Default: No.
Navigation button variant
Controls “Navigation button variant” on the storefront. Open the theme editor to preview live. Default: primary. This control appears when: navigation controls is on.
Navigation button size
Controls “Navigation button size” on the storefront. Open the theme editor to preview live. Default: icon-md. This control appears when: navigation controls is on.
Minimum height (mobile)
Controls “Minimum height (mobile)” on the storefront. Open the theme editor to preview live. Default: 0.
Minimum height (tablet)
Controls “Minimum height (tablet)” on the storefront. Open the theme editor to preview live. Default: 0.
Minimum height (desktop)
Controls “Minimum height (desktop)” on the storefront. Open the theme editor to preview live. Default: 0.
Accessible label
Describes the carousel for screen readers. Leave blank to use the default. Default: —.
Padding top
Adds empty space (padding top) around the section content. Default: 0.
Padding bottom
Adds empty space (padding bottom) around the section content. Default: 0.
Padding left
Adds empty space (padding left) around the section content. Default: 0.
Padding right
Adds empty space (padding right) around the section content. Default: 0.
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.