Slideshow
Combine images, text, and call-to-action buttons in your slideshow
Last updated
Combine images, text, and call-to-action buttons in your slideshow
Last updated
A slideshow is a quick and interactive way to showcase content and information on your site. Slideshow lets you display your most popular products/collections or shout out about what's new with a call-to-action button.
Steps
In the theme editor (Customize), click Add section
Locate Slideshow
Save
Section width: You can choose among Fluid container, Stretch width, Full width for the layout or just leave it with the default layout of the video.
Slide height: The image height can be configured to fit the full screen, maintain its original height, or be adjusted to a custom height.
Setting the slide height to custom allows you to personally configure the height of the slide according to your specific requirements, offering complete control over the slide's appearance.
Color scheme: Set text color and background color with preset scheme
Content alignment: Options to align text left, center, or right are available.
Desktop content position: Vertically and horizontally align the content for optimal positioning.
Content width: Define the width of the content box for a tailored fit.
Content padding: Configure the padding for the content box.
You can set a background color and adjust the opacity for the it.
Content alignment: Options to align text left, center, or right are available on mobile.
You can add images for desktop and mobile versions separately.
1920x900px is recommended for desktop and 600x480px is recommended for mobile.
Add focal point: This feature helps you select the most important part of an image for your store. It ensures that the focal points of the image always remain visible, even if a section crops the image to fit the layout.
Please follow this link for more information.
Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.
Content alignment: Options to align text left, center, or right are available.
Desktop content position: Vertically and horizontally align the content for optimal positioning.
Content padding: Configure the padding for the content box.
You can set a background color and adjust the opacity for the it.
Content alignment: Options to align text left, center, or right are available on mobile.
