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,
- Go to Online Store > Themes and click Customize in your Shopify admin
- Then click Add section under Templates area. Now you can choose Image with text from the list.
| General Settings | Description |
|---|---|
| Images and content split ratio | It 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
- Image
- 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 Settings | Description |
|---|---|
| Text | It will display the text |
| Tag | It allows to choose tag you want to use for the text |
| Custom width | Custom width for the text |
| Text 2 | It will display the text line 2 |
| Tag | It allows to choose tag you want to use for the text 2 |
| Custom width | Custom width for the text line 2 |
| Text 3 | It will display the text line 3 |
| Tag | It allows to choose tag you want to use for the text 3 |
| Custom width | Custom 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 Settings | Description |
|---|---|
| Image | It will display the image |
| Aspect ratio | Set aspect ratio of the image |
| Image 2 | (optional)It will display the additional image as side of the main image |
| Aspect ratio | Set aspect ratio of the additional image |
| Images split ratio | Set the images split ratio to control image sizes |
| Gap | Gap between images |