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 section
To set up an image with text section on your home page:
-
From your theme’s “Customize” screen, 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, and press the Add button.
This opens the image with text section settings.
-
Choose 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.
See an example of Standard:
See an example of Larger:
-
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.
-
Use the Back to settings (<) button to go back to all of the home page settings again. Use the drag handles to rearrange the order of your home page sections:
-
Use the Save button in the top-right corner when you are finished editing.
Settings
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.
Host the video file with Shopify
To use Shopify to host this video file:
-
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.