Image
How to use the Image block in the Meditative Folks Theme.
Image
At a glance
Upload and display an image with size and link options.
Used in
- Configure where this block is available in the parent section.
Settings
General
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Image | Controls the image setting “Image”. Upload clear photos for best results. | — | Always |
| Image alt text | Optional override for accessibility. | — | Always |
| Image width (mobile) | Controls the image setting “Image width (mobile)”. Upload clear photos for best results. | 100 | Always |
| Image width (tablet) | Controls the image setting “Image width (tablet)”. Upload clear photos for best results. | 100 | Always |
| Image width (desktop) | Controls the image setting “Image width (desktop)”. Upload clear photos for best results. | 100 | Always |
| Rounded full | Makes the button a fully rounded pill. | Yes | Always |
| Border radius | Rounds the corners. Higher values look more pill-shaped. | 0 | rounded full is off |
| Object fit | Controls “Object fit” on the storefront. Open the theme editor to preview live. | cover | Always |
| Alignment | Controls “Alignment” on the storefront. Open the theme editor to preview live. | left | Always |
Setting details
Each control from the tables above, explained simply:
Image
Controls the image setting “Image”. Upload clear photos for best results. Default: —.
Image alt text
Optional override for accessibility. Default: —.
Image width (mobile)
Controls the image setting “Image width (mobile)”. Upload clear photos for best results. Default: 100.
Image width (tablet)
Controls the image setting “Image width (tablet)”. Upload clear photos for best results. Default: 100.
Image width (desktop)
Controls the image setting “Image width (desktop)”. Upload clear photos for best results. Default: 100.
Rounded full
Makes the button a fully rounded pill. Default: Yes.
Border radius
Rounds the corners. Higher values look more pill-shaped. Default: 0. This control appears when: rounded full is off.
Object fit
Controls “Object fit” on the storefront. Open the theme editor to preview live. Default: cover.
Alignment
Controls “Alignment” on the storefront. Open the theme editor to preview live. Default: left.
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.