Today, we are happy to introduce a new feature to our customers. Now easily you can create custom navigation elements to navigate through the Elementor Carousel widget with any element button, image, icons, Lottie animation, etc.
- You will need Premium Addons free plugin installed and activated on your website.
- Also, make sure that this widget/feature/addon is enabled so you can find it in the Elementor editor
- Premium Addons works only with Elementor Page Builder plugin so you will need to have it installed and activated as well.
- Drag and drop Elementor carousel widget to the page.
- Navigate to widget settings -> Content Type -> select Repeater option.
- Select the Elementor Template that you want to insert inside the carousel. For further information about creating a template for Elementor, please check this article.
- Assign an ID for the template. For example #slide-1 from Custom Navigation Element Selector option. We will use this ID in element CSS ID to link between elements and carousel slide.
- Insert the element you want to use to navigate through the carousel slides. We will use a button in this case. All you need to do is navigate to widget settings -> Advanced tab -> insert a CSS ID that we added before in Custom Navigation Element Selector, in my example its “slide-1“.
- Please make sure that IDs are inserted without the hash ‘#’.
Now everything is settled up and you will be able to navigate through the carousel slides using any elements on your page.
If you still need any further assistance, feel free to contact Premium Addons support team from here. We would be more than glad to help 😁