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. 

0xXHce2ZpExAwAgKXYoqWG jTZScIHQIC5FuioiyhCJ0k1 VzVa4ItB3FW8qvCSsPS82H0bMhmc 00VtB 5o9fs1us1tG 0VYA0hU Sq jO5zNxuzRF3IFAzOlJasUQMWauVRjg 7 GqQHsgaNf6uEiSOUrVFPfuuC l2nh2BjF fQMhFCYO4HOPnhKw

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. 

CNVloMXyqhi2iNufmraTIcBPeL0wxKAy6SsqDw56qGJCC2yJZFO1V7hWNXpPyO zkSh po1riNryDimRKiHwabygzlqQ

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:

Tvn5oGxZ 24UzEljNHp uLjlzNmsGcl0vbMit2uGB0oobvDrrXYIyXqskJBBjpe3Ki JPrXE5WTlYAjhvx1ZMrj9MU5 v1pJ6Kovo T8FQzLt0vhzQ qYxhsFc5cmyr7Mz6Y R0 kY6y42V1APslrGuNqBOcfuI9Y02aqEVp6RbZ9vvV T7e6 KspRp6g

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”. 

PKVtXmyQl0Htf MQ0tO2 UxHwBje4c3PRgPRbbeSa7l0SU3zkq5lGsxZOERqRvFAl1ezcJU7SWwUklSLMU68HFBsUQxzvYlj4sdBar7T4VMWP6qTby4kcKVM24kXuHcEOKsy es846VKaX8ghcEDVMkm9r jVWKLKcNlTXJJ3 v9 zM7zqOTkUmPD9cUCw

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. 

Vcpilf98HNJqOGw6Yy9v5uv2LTY1BjQcL etJYUx3Y7y3zE3pMDNtwtkVuktL hiFLgIFi 5JyCm6LX qhhePmg6kuLC7BD0nSkcJMEevmTsPbegUyIfXgt0D NprYVS9RQIE0LHccqh6PUSZIbmLEXckeForB mKNmzDVBMQyoRxJwVq oTYs CRzkoA

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. 

7H1YW2npWLbzniKFgwLEju Drqs 2GvahbPl9AcX0TbcWEPjcvlexhA6CA7SuzPFtRvjNWJH69 9H3LA93Wrsxv8YCFaXDK mq8jeT4he2FjULVjBf2 XzLQwT4eNilT1wH7a3OY7BGKUX7nEmoH75Iap4mMkY3cPlRG5xlBsb5n rLRhQNsaeebY7CSVQ

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

Examples: 

  1. Team Carousel with Remote Carousel.
hwHfYF9WPQD7GiweggM1FYK 3BIFB3yoF3q CGiyyNOQGY9Yb53Zp4c vjKW2RkYXXsIX5HNbYScgKonXh7EchYcMLTKXVeR8npWLZTrqgy7Uh1sgAC7ncGnrbIERHK4shlBmgAYhQgymZDglvxCCamdmtvTp0Pji1 0eFpqOZ8P8Lu2ZjNXSkwLuIpn w
  1. Testimonial Carousel with Remote Carousel.
JmXlQpWExKCNeyJ3xAK5dHThB9rvibQDN4N5zuw lXF7iaN t2thSBFbvKAF8KOwOV79B8UMJrSHHbHNBp1Ie8P0xAfy p1yC6zJEmPtYxNaCeNuhgZQCYCvmYIZOEQ9pcR2zcQ Pj2a y6ASSLf850EyyXHf8Jmhx846Ft7Z ha1JQTliT6Nl uQbPe0g
  1. Logo Carousel with Remote Carousel.
0hRhL4ORcXsISFkbaLJqYcRb9SXRKiOqaul49jRObFr3QE mwDnp573mU4oxsQOkU7PK4qrd4Xny f19KLRSD2GFtnklSW89BcyLYelHC2ailifCFPJqL4UHo BJvvHemOoPpSckfjUfs1Rs7yeQ2WkPNFD
  1. Post Carousel with Remote Carousel.
ZiPtzVPTGPcC26j2yZ2r73zQA7e1oRa1E yoCLWG27p3Z5J C2W1Hxd4sWbGTqVhjcbv0R od YJzm8VSaUheQLfaBscHe0KM4zenPa JXeedOJY1mr 0CWdlxpGYJJKrBNnauNoAohuAZxzOerJae 3StG03a jSZFhBvtCDlOmFYthZCyZv4fLZHkOQ
  1. Twitter Feed Carousel with Remote Carousel.
  1. WooCommerce Product Carousel with Remote Carousel.
FYunRL7y 5coW4s7PMtxHEs hbpRU7HZcrTqwXO6ybZJysQnOiS3 DCVGR8nB
  1. WooCommerce Product Category Carousel with Remote Carousel.
JFrmHMc8qBKAbzpTrZ9oQ SzefdhjgBG1qYFSG0dkAAvCzYLK mgHPXRyjEJbCPS16V8 Px5NB70rHH3NU aLypdLCfZ5q3aVDCcbAz14CA5CxREhDC8pnMN4U9s jipiXUA2f40Ac4ozeCq36UNmnIw0vSYmxgwmWGIWhvHnN6rM 1kzSt8wGdkT86KTA
  1. EDD Product Carousel with Remote Carousel.
KOckBF3mlK APG n enOGS BmSzSvK4 22FlzPCGKyC4f s2loR2S1vDWA fpZ5FuOgys5YWtiOLuIjvwK70S7qRDzA68FtNgpNnXM1AojDTVTmOjscKLZlZW pAwSv5ftbTX62IqHMb9P3MTR7NGw7FrOJPORU
  1. EDD Product Category Carousel with Remote Carousel.
a9jiTc8QtKzbEyxMSX2fM5zwNk8wPtxXI6duxMAZuJL8QX 6V5joEuaTOEQSiAued5yyMhQqXZhhL HMA3pCE1xUWBxMFWtfQlDW8LsYLv1Pf1TdVpPtO Rw0jeehcPskVQ3y15vLVnlknfEy4s3zfO4fwFIjW5TPyT4fVZzkKqrAtJbgU5XkPb1cel5Rw

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

Was this article helpful to you? Yes No

How can we help?