A well-designed Slideshow can elevate the look of your online store and enhance the user experience.
One of the most popular sections for eCommerce websites is the Hero Banner Slideshow, which showcases your key products, promotions, or brand messages right at the top of your homepage.
What Is a Slideshow and Why Use It?
A Slideshow is a rotating set of images or banners that allows you to highlight multiple products, promotions, or messages in one spot. By using a Carousel format, you can display several slides that transition automatically, offering a dynamic way to engage users without overwhelming them.
With GemPages, you can easily build a slideshow by leveraging the Hero Banner and Carousel elements.
How to Design Slideshow or Image Carousel with GemPages
Step 1: Drag and drop the Carousel Element into the section where you want the slideshow to appear.
Note: The Carousel Element comes with customizable settings for slide duration, transition effects, and more. If you’re unfamiliar with these settings, refer to this article.
Step 2: Add the Hero Banner Element to the Carousel.
The Hero Banner comes pre-loaded with a background image, headline, text block, and button.
You can enrich your Hero Banner with additional elements like icons, item list, etc.
Step 3: Customize Your Hero Banner.
For example:
Change background color:
Upload the image to your hero banner:
Edit Headline, Text Block, Button, etc.
Step 4: Duplicate the Slide
Right-click on the Hero Banner and choose“Select Parent” to go back to the main Carousel settings.
Alternatively, click on the small dots under the Carousel to access its settings.
On the left sidebar, click the Duplicate Slide button to copy your existing slide.
This tip saves time by allowing you to reuse the same design. Simply update the images and text on each duplicated slide.