Product slideshow
The Product slideshow allows multiple slides to display with images , product and product title , other text. This section allows you to add a Product slideshow in Full Width or Grid.
You can add a product slideshow section to display a carousel of images , products on a page in your store.
Layout
Customization of the "Layout" in the Product slideshow section is as follows:
Full width
Grid
Back text
Enter text for background text with effect Add maximum three words or fifteen letters for better result.
Pagination
Slider controller style
Customization of the "Slider controller style" in the Product slideshow section is as follows:
Button
Outline
Icon
Pagination foreground
You can modify the foreground color in the pagination settings to change both the color of the pagination arrows and the accompanying text.
Pagination background
This option allows you to change the background color within the pagination of the Product slideshow section.
Auto-rotate slides
Enable this checkbox to automatically rotate through the images in the Product slideshow.
Change slides every
Use the bar to set the auto-rotate time of the slideshow. You can set a minimum of “3” seconds and a maximum of “9” seconds.
Slider effect
Customization of the "Slider effect" in the Product slideshow section is as follows:
Fade
Coverflow
None
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
Add Slide
To add slides to the Product slideshow section, click on the 'Add Slide'.
Product
Select "Product" to add the product to the section.
Custom title
If you are adding text in this settings , then you can see custom product title or Make it blank to show product title.
Title thickness
Following is the Title thickness customization of the heading of the section:
Default
Bold
Custom description
If you are adding text in this settings , then you can see custom product description or Make it blank to show product description.
Left side images
First Select "image" to add the left side first image. Link Add link to first image. Second Select "image" to add the left side second image. Link Add link to second image.
Right side images
First Select "image" to add the right side first image. Link Add link to first image. Second Select "image" to add the right side second image. Link Add link to second image.
Color scheme
In this section, you have the option to modify the background and foreground colors of a slide's content container using the provided color scheme.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6
Desktop content alignment
Desktop content alignment
Customization of "Desktop content alignment" in desktop devices is as follows:
Left
Center
Right
Mobile layout
Mobile content alignment
Customization of "Mobile content alignment" in mobile devices is as follows:
Left
Center
Right
Last updated