Basic block: Image
| Setting | Description |
|---|---|
| Image | Upload the image to display in this block. |
| Image dark mode | Upload an alternate image to display when dark mode is active. If not selected, the image will be used. Only available when dark/light mode is enabled and an Image is selected. |
| Link | Paste a link or search your store to make the image clickable and choose where it leads. |
| Image ratio | Choose the aspect ratio the image is cropped to: Adapt to image, Portrait extra tall, Portrait tall, Portrait, Square, Landscape, Landscape wide, Landscape extra wide, or Custom to set your own height. |
| Custom image height | Use the slider to set the image's height as a percentage. Only available when Image ratio is set to Custom. The range is 40% to 140%. |
| Image width | Choose how the image's width is measured: Percentage (relative to its container) or Pixels (a fixed size). |
| Custom image width (Percentage) | Use the slider to set the image's width as a percentage of its container. Only available when Image width is set to Percentage. The range is 20% to 100%. |
| Custom image width (Pixels) | Use the slider to set a fixed image width. Only available when Image width is set to Pixels. The range is 20px to 500px. |
| Image border radius | Use the slider to set how rounded the image's corners are. The range is 0px to 100px. |
| Custom alignment | Turn this on to set a specific alignment for the image instead of using the default alignment. |
| Alignment | Choose how the image is aligned on desktop: Left, Center, or Right. Only available when Custom alignment is turned on. |
| Alignment mobile | Choose how the image is aligned on mobile devices: Left, Center, or Right. Only available when Custom alignment is turned on. |
| Padding top | Use the slider to set the spacing above the image on desktop. The range is 0px to 100px. |
| Padding bottom | Use the slider to set the spacing below the image on desktop. The range is 0px to 100px. |
| Padding left | Use the slider to set the spacing to the left of the image on desktop. The range is 0px to 100px. |
| Padding right | Use the slider to set the spacing to the right of the image on desktop. The range is 0px to 100px. |
| Padding top mobile | Use the slider to set the spacing above the image on mobile devices. The range is 0px to 100px. |
| Padding bottom mobile | Use the slider to set the spacing below the image on mobile devices. The range is 0px to 100px. |
| Padding left mobile | Use the slider to set the spacing to the left of the image on mobile devices. The range is 0px to 100px. |
| Padding right mobile | Use the slider to set the spacing to the right of the image on mobile devices. The range is 0px to 100px. |
Field visibility conditions:
- Image dark mode appears only when dark/light mode is enabled and an Image has been selected.
- Custom image height appears only when Image ratio is set to Custom.
- Custom image width shows the Percentage slider when Image width is set to Percentage, and the Pixels slider when set to Pixels.
- Alignment and Alignment mobile appear only when Custom alignment is turned on.