Everything you need to set up and customize the Image with Text block — from choosing an image and writing companion text to adjusting sizing, aspect ratios, and optional links.
An Image with Text block pairs a small image alongside a line of text in a single horizontal row. It's a simple way to combine a visual element — such as a logo, icon, photo, or badge — with a label, name, or short description right next to it.
In the Boardwalk theme, the Image with Text block can be added inside any section that supports blocks. The image and text sit side by side, and the entire block can optionally link to another page or URL. You can control the image size, aspect ratio, spacing, and even flip the image horizontally for creative layouts.
Follow these steps to add and configure an Image with Text block on any page of your Shopify store using the Boardwalk theme.
In your Shopify admin, go to
Online Store → Themes, find Boardwalk,
and click Customize. Navigate to the page
where you want to add the block using the page selector
dropdown at the top center of the editor.
In the Theme Editor sidebar, find the section where you want to place the block. Click Add block and choose Image with text from the list. The block will appear inside the section with a placeholder image.
Click on the block in the sidebar to open its settings. Use the Text field to enter the text that will appear next to the image. This is a rich text field, so you can apply bold, italic, and other formatting.
Under the Image heading, use the image picker to upload or select an image from your Shopify media library. If no image is selected, a placeholder graphic will display instead.
Set the Image width to control how large
the image appears (from 50px to 300px). Choose a
Desktop aspect ratio to crop or shape the
image — for example, use
Square for a uniform look or
Adapt to image to preserve the original
proportions.
Use the Link field to make the entire block clickable. When a link is set, both the image and the text become a single tappable area. You can also enable Open link in new tab so visitors stay on your store while viewing the linked content.
Click Save in the Theme Editor. Preview your page to verify the image and text are displaying side by side as expected.
These settings are available when you click on an Image with Text block in the Theme Editor sidebar.
The text that appears next to the image. This is a rich text field, so you can use bold, italic, links, and other formatting to style your content.
Upload or select the image to display. If no image is chosen, a placeholder graphic will appear in its place.
Controls how wide the image appears, measured in pixels. Range: 50px to 300px. A smaller width works well for icons or logos, while a larger width suits photos or detailed graphics.
Controls the shape of the image by cropping it to a
specific ratio. Options:
Adapt to image (preserves the original
proportions), Widescreen,
Standard, Landscape,
Square, or Portrait.
Mirrors the image along its vertical axis, creating a horizontally flipped version. Useful for creative layouts or when the direction of an image needs to be reversed.
Makes the entire block (both the image and the text) clickable. Enter any URL or choose a page, product, collection, or blog from your store.
When enabled, clicking the block opens the linked page in a new browser tab instead of navigating away from your store. This setting only appears when a link is set.
Controls the spacing between the image and the text. Range: 0px to 30px. Increase the gap for a more spacious feel, or set it to 0 to keep the image and text tightly together.
The Image with Text block comes with features that work automatically — no apps or custom code needed.
The image and text are automatically arranged in a horizontal row with vertical centering. This ensures the content looks balanced regardless of the image size or text length.
The image automatically loads at twice the display width so it appears crisp and sharp on high-resolution screens (such as Retina displays). On smaller screens, the image scales down to fit within the available space.
Choose from six aspect ratio options to crop or shape
the image to fit your design. Use
Adapt to image to preserve the original
proportions, or select a fixed ratio like
Square or Portrait for a
uniform look across multiple blocks.
Mirror the image horizontally with a single checkbox. This is useful when you want an image to face a different direction without editing the original file.
When a link is added, the entire block becomes clickable — both the image and the text act as a single link. Without a link, the block displays as static content. Links can be set to open in a new tab for external URLs.
When the block is linked, hovering over the image triggers a smooth animation effect, giving visitors a visual cue that the block is interactive.
Images are loaded only when they are about to scroll into view, which helps your pages load faster and improves performance — especially on pages with many Image with Text blocks.
Common questions about the Image with Text block.