For the complete documentation index, see llms.txt. This page is also available as Markdown.

Image block

In the Product template, you can add an Image block in the left or right column of the page. Upload an image and customize the size, position, and alignment.


Set up block

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

Click the block to select the column position.

Editing templates change all pages that use that template. For unique pages, use new templates or dynamic metafields

Block layout

Click the block to find layout settings.

Column

Display the block in the left or right column of the product overview.


Set up image

Follow the steps to add an image block and customize its size, alignment, and position.

STEPS

In your theme editor (Customize):

  1. Under Product overview, click the Image block to open the settings.

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

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

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

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

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

  6. Choose to Enable image corner rounding to apply the image corner radius from Theme settings > Corner rounding.

  7. Click Save.


Related links

Product template Text block

Last updated