Image block

Add an Image block in the left or right column of the page.

  • Upload an image

  • Customize the size, position, and alignment

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 changes all pages that use that template. To edit specific pages, you can you can create new templates or insert dynamic content with metafields.

STEPS

In your theme editor (Customize):

  1. Under Product overview, click (+) Add block and select Image.

  2. Click the Image block to open the settings.

  3. Click Select image to select or upload an image.

    We recommend an image with a minimum width of 1200 pixels.

  4. Use the Image size slider to change the image width between 50 to 900 pixels.

  5. Use the Mobile image size slider to change the image width between 50 to 900 pixels.

  6. Change the Alignment of the image to position it to the left, center, or right in the column.

  7. Choose which Column to display the image block: Either the Right (in the product form) or on the Left (beneath the product media).

  8. Click Save.

Click Image block to find settings

Setting
Description

Column

Choose to display the block in the Left or Right column.

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: between 50 and 900 pixels.

Mobile image size

Set the pixel width of images for mobile screens: between 50 and 700 pixels.

Alignment

Position the image to the Left, Center, or Right of the section. This setting applies if the image width is smaller than the width of the section.

Related links

Product template Product page blocks Image with text block Text block

Last updated