Docs
Blocks

Image block

The Image block in Seventh shows an image with its own width, corner radius, link and optional zoom inside a section or card.

Applies to: Seventh 4.0.0 and later. Added in: Seventh 1.0.0. Last checked: 2026-10-12 against Seventh 4.0.0.

The Image block shows one image inside a section or card, with an optional link or an optional zoom that opens the full image in a modal.

Where to find it: select Add block inside a section or card in the theme editor, then choose Image.

Storefront grid of white category cards (Dresses, Shirts & Blouses, Jackets & coats) with small caption labels, a serif italic heading and a photo each.

Size and shape

The image keeps its own shape (its natural aspect ratio). There is no aspect ratio setting, so upload images with the same proportions when several should match.

  • Image width sets how much of the available width the image takes, from 10 to 100 percent.
  • Corner radius rounds its corners.

Both settings exist since Seventh 2.1.0.

Zoom

Turn on Enable image zoom to let customers open the image large in a modal. Zoom works only when Link is empty, because a linked image opens its link instead.

Common use cases

Promotional cards

  • Banners for sales or announcements, linked to a collection, product or landing page.
  • Marketing visuals for hero sections and homepage highlights.

Storefront promotional cards on a dark background: two portrait cards with captions, headings and a photo from an Image block.

Media galleries

  • Image galleries, lookbooks or editorial photography.
  • Optionally link each image to a product page.

Storefront media gallery of three close-up coat detail photos with captions and a slider progress bar.

Social proof

  • Customer photos from Instagram, TikTok or your community.
  • Often paired with a call to action like "Follow us" or "Shop the look".

Storefront row of full-height model photos with a Follow us button on the first photo and an accent italic statement below.

Tips for success

  • Use high-resolution images, optimized for the web.
  • Use WebP or JPG for photos, PNG for graphics with transparency.
  • Add descriptive alt text when you upload an image.
  • Make it clear when an image is clickable, and link it to related content.

Can the Image block show a product or metafield image?

Yes. Connect Image to a dynamic source, for example a product metafield of type file. Turn on Hide block if dynamic content is not present to hide the block when the source is empty; otherwise the block shows a placeholder.

Because of an issue in Seventh 4.0.0: Open link in a new window has no effect in the Image block, so its link always opens in the same window. To open a link in a new window, put it on a Button block or on the card link of a Card. Open link in a new window works in both.

All Image settings

Every setting in this group, with its type and default.

Icon

The Icon block in Seventh shows a built-in or custom icon, with its own size and an optional link, inside sections and cards.

Menu

The Menu block in Seventh shows the links of one of your Shopify menus as a list, for footers and side columns.

On this page

Size and shapeZoomCommon use casesPromotional cardsMedia galleriesSocial proofTips for successCan the Image block show a product or metafield image?Why does the Image block link not open in a new window?All Image settingsRelated pages