You can add a parallax effect to a single image by enabling the “Add parallax effect to a single image” toggle. Once the toggle is switched on, the parallax effect will be applied to the image, creating a dynamic and visually engaging effect on your storefront.
Image
Setting
Description
Image opacity
This feature allows you to adjust the opacity of the background image overlay using a slider.
Text settings
Setting
Description
Text box width
The “Text box width” feature allows you to adjust text box width in the section. Use a slider to increase or decrease width of the text box.
Slider settings
Setting
Description
Enable slider
Enabling the slider feature allows you to create a slideshow with multiple banners that will scroll horizontally. If there is only one banner or slide, the slider feature won't work.
Autoplay
Enable or disable automatic playback of the carousel with or without a loop.
Loop
When the last banner is shown, the carousel starts over from the beginning. Enable the toggle to activate this feature.
Slide speed
Use the slider to set the speed for the banners to change.
Slideshow delay
Use the slider to set the delay between each banner change.
Stop autoplay on hover
Enable this toggle if you want the autoplay to stop when the user hovers over the banners.
Show slider arrows
Enable this toggle if you want to display arrows on the banner slides, allowing users to manually navigate the carousel.
Arrows position
You can choose between two arrow positions: Center and Bottom.
Center: One arrow will be placed on the left edge of the banner and the other on the right edge, both horizontally centered.
Bottom: Both arrows will be positioned near each other on the left side of the banner, aligned toward the bottom.
Mobile Layout
Setting
Description
Show slider pagination
Enable this toggle to display pagination dots at the bottom of the slider on mobile view. The dots indicate the current slide and the total number of slides in the slider.
Section settings
Setting
Description
Section top space
The “Section top space” setting allows you to adjust the amount of space at the top of the section using a slider.
Section bottom space
The “Section bottom space” setting functions similarly to the “Section top space” setting, but controls the space at the bottom of the section.
Background color
To change the background color of a section, click the box containing the color circle and name to open the color picker. Then, select your desired color. The chosen color will be applied as the section’s background, helping to enhance the visual appeal and match your store’s branding.
Did this answer your question?Thanks for the feedbackThere was a problem submitting your feedback. Please try again later.
