Recently viewed
How to use the Recently viewed block in the Meditative Folks Theme.
Recently viewed
At a glance
Recently viewed products block.
Used in
- Configure where this block is available in the parent section.
Settings
Products display
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Products on tablet | Controls “Products on tablet” on the storefront. Open the theme editor to preview live. | 3 | Always |
| Rows on tablet | Controls “Rows on tablet” on the storefront. Open the theme editor to preview live. | 2 | Always |
| Products on desktop | Controls “Products on desktop” on the storefront. Open the theme editor to preview live. | 5 | Always |
| Rows on desktop | Controls “Rows on desktop” on the storefront. Open the theme editor to preview live. | 2 | Always |
| Gap between products (mobile scroll) | Save the settings if the element is not visible in theme editor. | 16 | Always |
Layout settings
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Padding top | Adds empty space (padding top) around the section content. | 24 | Always |
| Padding bottom | Adds empty space (padding bottom) around the section content. | 24 | Always |
Setting details
Each control from the tables above, explained simply:
Products on tablet
Controls “Products on tablet” on the storefront. Open the theme editor to preview live. Default: 3.
Rows on tablet
Controls “Rows on tablet” on the storefront. Open the theme editor to preview live. Default: 2.
Products on desktop
Controls “Products on desktop” on the storefront. Open the theme editor to preview live. Default: 5.
Rows on desktop
Controls “Rows on desktop” on the storefront. Open the theme editor to preview live. Default: 2.
Gap between products (mobile scroll)
Save the settings if the element is not visible in theme editor. Default: 16.
Padding top
Adds empty space (padding top) around the section content. Default: 24.
Padding bottom
Adds empty space (padding bottom) around the section content. Default: 24.
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.