There are 3 parts that you can add to the section: Image, Textbox, Textbox and Search
Click Add Content and choose the one you want to display on store
1. Content
a.Image
- Image Margin: Order: Top Right Bottom Left
- Image width: Auto/ Fill
- Width (1->12): 0 to hide. E.g: 4,6,12
b. Textbox
- Set Names for Heading, Subheading, Text #1, Text #2
- Text alignment: Left/ Center/ Right
- Mobile: Text alignment (Left/ Center/ Right)
- Textbox Color and Style
- Set color for Heading, Subheading, Text #1, Text #2
- Tick to Use Style from Primary Button
- Textbox Fontsize
- Heading font size: E.g: 30px
- Subheading font size: 23px
- Text #1 font size: 18px
- Text #2 font size: 18px
- Button font size
- Block Settings
- Width (1->12): Set the width for the image section (0 to hide. E.g: 4,6,12)
- Overlay with above image: the textbox will overlay the image
- Textbox Layout
Use for option Overlay with above image
- Display Pointer: Text display when hover pointer
- Content position: E.g: 50%, 50%; 50%, 30%
- Content max width (in %): E.g: 80%, 100%
- Padding content: Order: Top Right Bottom Left
2. Settings
- Section Label: Set name for the whole section
- Layout
- Box Layout: the content will be shrunk in both side alignments
- Background color: background color will be invalid if you set the background image later
- Or you can choose Background Image
- Background Size: choose one option for background size (Auto/ Cover/ Contain)
- Background Image Repeat: the image of the background will be repeated if the image size is not cover fully
- Background Image Position: choose an option for the displacement
- Section Padding: Order: Top Right Bottom Left
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article