Image with Text

Overview

An Image with Text section allows you to display a feature image accompanying a block of text.

This is a great way to break up two busy sections with a simple, eye-catching feature. You can draw attention to a product, collection, or blog, while providing details on availability, style, or even reviews.

Steps

  1. Within your Shopify admin, go to Sales Channels > Online Store > Themes.

  2. Click your theme, and select Customize.

  3. On the left-hand menu, select Add section.

  4. Scroll down to select Image with Text.

  5. Click Select.

Add section > Image with Text

Color Scheme

You can change the colors of your gallery by choosing one of the following options from the Color Scheme drop-down menu:

  • White

  • Light

  • Feature

  • Dark

Changing the color scheme for your section.

Image Width

Use the Image width drop-down menu to change the size of the image and section to:

  • Extra small

  • Small

  • Medium

  • Large

  • Extra Large

Changing the image width from extra small to extra large.

Adding an Image

To add an image to feature within this section, click Select image.

Upload a new image, or select a pre-existing image from your Library or Shopify's Free Images.

🌟 We recommend using an image that is 600 x 600 pixels.

Selecting a feature image.

Layout

Use the Layout drop-down menu to set your section so that you have:

  • Image on left

  • Image on right

Changing the image from the left of the text to the right.

Text Contents

Heading and Subheading

While neither are required fields, you can choose to add a Heading and a Subheading to your text by typing them into the entry fields under Settings.

A new Heading will also rename this section entirely.

The Heading and Subheading can only feature plain text, and therefore can't include any bold or italic text.

Adding a heading and subheading to your text.

Text

Use the Text entry field to accompany your image with a description.

Adding text to accompany your image.

Adding a Button

You can add a button which can take you to another page, which sits underneath your text - simply add a Button link and type in your Button label.

To link this button to another page, click the Link entry field and select a page from the menu - alternatively, you can paste a URL.

Your button will not be visible until you enter text into the Button label field.

Adding a link to your button, before labelling it to make it visible.

Button Label

To make your button visible underneath your text, use the Button label entry field to write something that will incentivize your customers to click.

Adding a button label.