Image with text
Add an image with a title, description, and Button. Choose the size of your image and upload it.
Layout
Customization of the "Layout" in this section is as follows:
Full width
Container
First
Image Use "Image" to add the main image to the section. Video Use "Video" to add the main video to the section. Play video on loop Enabling "Play video on loop" will result in the video continuously looping. When the video finishes playing, it will automatically restart.
Second
Image Use "Image" to add the main image to the section. Video Use "Video" to add the main video to the section. Play video on loop Enabling "Play video on loop" will result in the video continuously looping. When the video finishes playing, it will automatically restart.
Style
Image height
Customization of the "Image height" in the Image with text section is as follows:
Adapt to image
Small
Medium
Large
Image shape on desktop
Customization of the "Image shape" in the Image with text section is as follows:
Default
Arch from top
Arch from left
Use gap
Using this feature to add the space between the images.
Desktop Image width
"Desktop Image width" is to specify image width in a section. You can set the minimum of “30%” and a maximum of “100%” width.
Image position
The desktop Image customization section is as follows:
Left
Right
Desktop content position
Desktop content position customization of the text in the section is as follows:
Top
Middle
Bottom
Desktop content alignment
Customization of text alignment in desktop devices is as follows:
Left
Center
Right
Mobile content alignment
Customization of text alignment in mobile devices is as follows:
Left
Center
Right
Content color scheme
In this section, you can change the background and foreground color of a content using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Scheme 7
Content background image
You can add an image behind the content by using a background image.
Content shape on desktop
Customization of the "Image shape" in the Image with text section is as follows:
Default
Arch from top
Arch from left
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Scheme 7
Animations
Customization of the "Image behavior" in the Image with text section is as follows:
None
Ambient movement
By employing the Ambient movement feature, the image will exhibit motion.
Add block
To add blocks to the Image with text section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.
Heading
Text Enter text to display as a title in the section. Heading size
Following is the font size customization of the heading of the section:
Small
Medium
Large
Caption
Text Input the text to be displayed in this section. Uppercase text By enabling this checkbox, you have the ability to show uppercase text.
Size
Customization of the "Text size" in this section is as follows:
Small
Medium
Large
Style
Customization of the "Text style" in this section is as follows:
Light
Dark
Text
Content Click on the "Add block" and select the text. And enter text to display as a Content in the section. Content size
Customization of the "Content sizee" in the Image with text section is as follows:
Small
Medium
Large
Extra large
Countdown timer
Text Input the text to be displayed in this section.
Size
Customization of the "Text size" in this section is as follows:
Small
Medium
Large
End date Add date here. The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2025/12/31.
Show timer text By enabling this checkbox, you have the ability to show timer text.
Collection List
Select a collection to display products in the section.
Button
Click on the "Add block" and select the Button. Button label Use "Button label" to add a label to the Button in the section. Button link Use "Button link" to add a link to the Button in the section. Button style
Customization of the "Button style" in the Image with text section is as follows:
Link
Outline
Solid
Last updated