Image with text
You can add a section that contains an image and a text block with an optional button to link customers to a new page.
Last updated
You can add a section that contains an image and a text block with an optional button to link customers to a new page.
Last updated
To add this section, please follow the below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Image with text".
Setting | Description |
---|---|
Image | The image for the section. |
Image height | Determines the height of the image:
|
Desktop image width | Determines the width of the image on desktop:
|
Desktop image placement | Position of the image on desktop:
|
Color scheme | Set the color of the section. |
Setting | Description |
---|---|
Desktop content position | Sets the vertical position of the content on desktop:
|
Desktop content alignment | Sets the alignment of the content on desktop:
|
Desktop top padding | Determines the height of the top inner space of the content. Can be from 0% to 50%, increasing arithmetically of 1% (percent). |
Desktop bottom padding | Determines the height of the bottom inner space of the content. Can be from 0% to 50%, increasing arithmetically of 1% (percent). |
Setting | Description |
---|---|
Image behavior | Animation for the image when scroll:
|
Setting | Description |
---|---|
Mobile content alignment | Sets the alignment of the content on mobile:
|
Setting | Description |
---|---|
Desktop left padding | Determines the width of the left inner space of the section on desktop. Can be from 0px to 100px, increasing arithmetically of 2px (pixel). |
Desktop right padding | Determines the width of the right inner space of the section on desktop. Can be from 0px to 100px, increasing arithmetically of 2px (pixel). |
Top padding | Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel). |
Setting | Description |
---|---|
Heading | The heading for this block. |
Heading size | The size of the heading text:
|
Setting | Description |
---|---|
Description | The paragraph content for this block. |
Text style | The style of the text:
|
Setting | Description |
---|---|
Button label | The text that displays on the button. |
Button link | The URL that you want the button to link to. |
Button style | Style of the button:
|