Overview
You can add a section that contains an image and a text block with an optional button to link customers to a new page. Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.
Section settings
| Setting |
Description |
| Section width |
Set the width of the section using the drop-down menu:
|
| Show top outline |
Displays the top outline of the section. |
| Show bottom outline |
Displays the bottom outline of the section. |
| Color scheme |
Set the color scheme of the section using the drop-down menu:
- Background
- Primay
- Secondary
- Tertiary
- Custom
|
| Background color |
Set the background of the section,visible when the Color scheme setting is set to Custom. |
| Text color |
Set the text of the section,visible when the Color scheme setting is set to Custom. |
| SECTION INNER |
|
| Show outline |
Displays the outline of the section inner. |
| Color scheme |
Set the color scheme of the section using the drop-down menu:
- Background
- Primay
- Secondary
- Tertiary
- Custom
|
| Background color |
Set the background of the section inner,visible when the Color scheme setting is set to Custom. |
| Text color |
Set the text of the section inner,visible when the Color scheme setting is set to Custom. |
| IMAGE |
|
| Image |
Click Select image to choose an image for the section. Click the Change button to change or remove the image |
| Edit alt text |
Click to set image alt text for search engine optimization and to describe the image for customers using screen readers. |
| Image width |
Set the width of the image. Defaults to 50%. |
| Image position |
Choose between Left and Right. |
| TEXT |
|
| Text alignment |
Choose from Left, Center and Right. |
| SECTION SPACING ADJUSTMENT |
Visible on desktop view and 'Section width' is Grid. You can set global vertical space in 'Theme settings - Layout - Vertical space between sections'. |
| Top |
Set the top spacing of the section. |
| Bottom |
Set the bottom spacing of the section. |
Heading block
| Setting |
Description |
| Text |
Title text for the section. |
| Size |
The font size of the heading: Small Medium Large(Default) |
Subheading block
| Setting |
Description |
| Text |
Subheading text |
Description block
| Setting |
Description |
| Text |
Displays paragraph-style text. |
Button block
| Setting |
Description |
| Label |
The text that displays on the button. |
| Link |
The URL that you want the button to link to. |
| Style |
The style of the button. Choose from Primary and Secondary. |