Image with text

Last Updated onJuly 30, 2023

Image with text helps to introduce features, collections or products in an elegant manner. It typically features a prominent image or graphic, followed by a text block that provides context, details, or button related to the image

To add the Image with text,

  1. Go to Online Store > Themes and click Customize in your Shopify admin
  2. Then click Add section under Templates area. Now you can choose Image with text from the list.
General SettingsDescription
Images and content split ratioIt allows you to define split ratio for the image & content block

You can also find common section settings inside the Image with text.

Blocks

Image with text includes two dedicated blocks that can’t be repeated. Below you can find the list of blocks belonging to Image with text

  1. Image
  2. Content

Content

This content block allows 3 separate text area with a button to make the content more customizable & flexible.

You can find the following settings inside the each Content block,

General SettingsDescription
TextIt will display the text
TagIt allows to choose tag you want to use for the text
Custom widthCustom width for the text
Text 2It will display the text line 2
TagIt allows to choose tag you want to use for the text 2
Custom widthCustom width for the text line 2
Text 3It will display the text line 3
TagIt allows to choose tag you want to use for the text 3
Custom widthCustom width for the text line 3

Image

Image block allow you to display main image & optional image for explaining the purpose of the section. You can find the below settings,

General SettingsDescription
ImageIt will display the image
Aspect ratioSet aspect ratio of the image
Image 2(optional)It will display the additional image as side of the main image
Aspect ratioSet aspect ratio of the additional image
Images split ratioSet the images split ratio to control image sizes
GapGap between images