Image block

Product overview block

Add an image to display within the product overview.

  • Upload an Image

  • Adjust the Size and Alignment

  • Add Bottom padding

Add image block


Under Product overview, click (+) Add block and select Image. Use the drag-and-drop handles ⋮⋮ to re-order blocks. Click the block to start adding content.

Editing a template will change all pages that use that template.

Create and assign new templates to design different page layouts.

Add dynamic content to show page-specific content in the same template.

Set up image


Upload an image and adjust its size and alignment.

Click Image block to find settings

SettingDescriptionOptions

Image

Select or upload an image. There are no required image dimensions. We recommend a minimum width or height of 2500px.

Image size

Set the pixel width of images for desktop screens.

50 - 1000px

Default: 300px

Mobile image size

Set the pixel width of images for mobile screens.

50 - 1000px Default: 200px

Alignment

Position the image to the Left, Center, or Right.

Left Default Center Right

Add bottom padding


Use Bottom padding to adjust the layout of the product overview section by adding spacing between blocks.

Click Image block to find settings

SettingDescriptionOptions

Bottom padding

Add spacing below the block

1 - 50px

Default: 36px

Last updated