Image with text

The Image with text section adds a single image and marketing call to action block to your home page. It's a great way to introduce a product collection or something new and exciting.

Set up an image with text

To set up an image with text section on your home page:

STEPS

From your Customize theme editor, choose Home page from the pages drop-down menu at the top of the screen.
Scroll down the list of home page settings until you see the Add section button.
Choose Image with text from the list of sections.
This opens the Image with text section settings.
Select or upload an Image to be used.
(Optional.) Add a Video link.
Your Image is used as a fallback for the video if you've added a video link.
For more information about adding videos, see Add a video to an image with text section.
Select the Image width: either Standard or Larger.
Standard is half image, half text block. See an example:
Larger is roughly two thirds image, one third text block. See an example:
Select the Image position: either Left or Right.
Add a Heading, Text, and (optionally) limit the Text max width
The text max width setting gives you extra control over how the heading and text look.
Add a Link and Link text for a call to action button.
(Optional.) Check the Enable contrast checkbox to use Ira's contrast color set.
Contrast colors are a great way to break up your home page and make it more interesting.
You can configure these colors from Ira's Colors settings.
(Optional.) Choose whether to Enable full width.
Enabling this setting removes any borders around the section, letting it fill the entire width of the screen.
Return to the list of Home page sections to find your new Images with text section.

Use the drag handles to rearrange the order of your Home page sections:

Click Save.

Settings reference

The image with text section has the following settings:

Image

Select or upload an image to be associated with the current section.

Video link

Paste a link to an MP4 file that should be auto-played in the collage block, taking the place of the image.

For more information, see Add a video to an image with text section.

Image width

Change the width of image in this section. Either Standard (50% of the page width) or Larger (66% of the page width).

Image position

Change where the image appears in relation to the featured products. Either Left or Right.

Heading

Add heading text to be used above the list of featured products.

We recommend keeping this to just a few words long.

Text

Add subheading text to be displayed below the heading text.

We recommend keeping this to a short sentence or two.

Text max width

Change how wide the heading and text can be at a maximum.

Link

Choose a page from your store to be link to from the section's call to action button.

Link text

Add text to be used on the call to action button

Enable contrast

Use your store's contrast colors for this section.

Enable full width

Check this checkbox to remove the outer margins from this section, making it span the entire width of the screen.

Add a video to an image with text section

The Image with text home page section allows you to add an auto-playing video instead of an image.

Before you start setting this up, you should know a few things:

✓ You'll need your video as an MP4 video file.

✓ For the best customer experience, we strongly recommend using a 20- to 30-second video that's under 10MB in size.

✗ You can't use a service like YouTube or Vimeo to host this video. Our Video section is designed for those.

Host the video file with Shopify

To use Shopify to host this video file:

STEPS

Go to the Shopify Files uploader screen in your Shopify dashboard.
Use the Upload files button to add a video file from your computer.
Once it has been uploaded, copy the URL next to the file.
It should look something like this: https://cdn.shopify.com/s/files/1/0074/8165/5349/files/my-video-filename.mp4.
Paste the link into the Video link field in the section settings.

Home page
Colors
Text columns with images
Gallery
Carousel
Collage