1. Home
  2. Docs
  3. Happy Elementor Addons Pro
  4. Premium Widgets
  5. Remote Carousel

Remote Carousel

With the “Remote Carousel” widget, you can create an amazing carousel with the next/prev button. It will allow you to collaborate with other available carousels. For example, you have an image carousel. You can add the Remote Carousel to make it more functional. This is a Pro widget of happyAddons. 

Note: You can have the Remote Carousel button when you have at least a carousel widget available on your site. To connect a Remote Carousel with other carousels, they both need to have the same Unique ID. Follow the below guidance for detail. 

Pre-Requirements

In order to enable the Remote Carousel, you need to have,

  1. Elementor
  2. HappyAddons
  3. HappyAddons Pro

Remote Carousel Support:

Almost all the carousels (both free and pro) have the support of a Remote carousel. For your acknowledgment, we have enabled the Remote Carousel for the following carousel widgets: 

Now let’s go and create a new Remote Carousel. To create an amazing Remote Carousel section, follow these simple steps:

Step 1: 

Drag and drop the Remote Carousel widget from the Elementor widget panel. 

Remote carousel image6

Step 2:

Now go to the content section of the widget and you will find the following options to edit.

You can change the button text, alignment, Icon, and Icon spacing. One of the amazing features is you can set the image as the button thumbnail. 

Remote carousel image9

Among all of the options, the most important option is a Unique ID. With this Unique ID, you will be connected to the desired carousel. Such as, you want to connect the Remote Carousel with our Image Carousel. In this case, both the Remote Carousel and Image Carousel Unique ID have to be the same. 

Step 3: 

Now you need a carousel. Look at the image below:

Remote carousel image5

I am using the Image Carousel widget here with the Remote Carousel. I have taken the 2-column Elementor section. You can see from the picture that on the right side, there is an Image Carousel. On the left, there is the header, text editor, and none other than our Remote Carouse. 

You can use the remote carousel anywhere on the page/section. 

Step 4: 

This is the most important part of the configuration. Navigate to Remote Carousel Editor. Add a Unique ID. Make sure that the id wasn’t used anywhere else. 

For Example,

I need the Remote Carousel with the Image Carousel. So I have added the Unique ID as “Image-Carousel”. 

remote carousel image4

Step 5: 

Navigate to the Image Carousel Editor. Select the Carousel type as Remote Carousel

Now add the same Unique ID that you have added for the Remote Carousel in Step 4

For my case, I have added “Image-Carousel” as the Unique ID. 

remote carousel image14

That’s it. You are all done. You have successfully connected the Remote Carousel to your Image Carousel. 

Styling the Remote Carousel: 

You can style your Remote Carousel button as same as other Elementor widget style editing. You can change the size of the button, Typography, Text shadow, Box Shadow, Border & Radius. 

You can control the padding of the button, Spacing between the next & previous buttons, Button Offset, Z-Index, etc. 

Besides, you can change the color of the button text, background color, etc. 

remote carousel image7

As per the above guidelines, you can create the rest of the other carousels with Remote Carousel. 

Examples: 

  1. Team Carousel with Remote Carousel.
remote carousel image3
  1. Testimonial Carousel with Remote Carousel.
remote carousel image2
  1. Logo Carousel with Remote Carousel.
Remote carousel image13
  1. Post Carousel with Remote Carousel.
Remote carousel image11
  1. Twitter Feed Carousel with Remote Carousel.
Remote carousel image15
  1. WooCommerce Product Carousel with Remote Carousel.
Remote carousel image1
  1. WooCommerce Product Category Carousel with Remote Carousel.
Remote carousel image13
  1. EDD Product Carousel with Remote Carousel.
Remote carousel image8
  1. EDD Product Category Carousel with Remote Carousel.
Remote carousel image12

That’s all. You are now using our Remote Carousel perfectly. 

Was this article helpful to you? Yes No

How can we help?