How to create a full-width Hero banner?
Step 2: Click on the Row element to reveal its configuration options in the left sidebar. Toggle on the Full Width switch.
Step 3: Nest a Hero Banner inside the Row element. You will have a full-width hero banner.
How to create a Hero Banner slider?
Step 2: Click on the Carousel element to reveal its configuration options in the left sidebar. Under the Slides section, adjust the Column slider to 1.
Step 3: Nest the Hero Banner element inside each slide. You can use the dots or the next/prev arrows to navigate between slides.
Finalize the design of all hero banners. You will have a slider containing different hero banners to increase the chance to win more customers.
How to create a Collection list page with Hero Banner?
The Hero Banner can also help you create a collection list page to showcase all your collections. For a detailed guide on how to do so, check out this article.