{"id":104651,"date":"2023-02-18T15:33:55","date_gmt":"2023-02-18T10:03:55","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&#038;p=104651"},"modified":"2023-07-18T10:06:28","modified_gmt":"2023-07-18T04:36:28","slug":"carousel-remote-elementor-widget-settings-overview","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/carousel-remote-elementor-widget-settings-overview\/","title":{"rendered":"Carousel Remote Elementor Widget Settings Overview"},"content":{"rendered":"\n<p>In the ever-evolving world of website building and design, it\u2019s important to have the right tools in order to create a successful website. The Carousel Remote widget from The Plus Addons for Elementor is one such powerful tool that can allow you to create dynamic looking websites. With its unique connection feature, you can easily control different carousel widgets from any part of the page.<\/p>\n\n\n\n<p>Here we\u2019ll see how you can use the Carousel Remote widget to connect and control other widgets to create unique sliders.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 is-style-fill\"><a class=\"wp-block-button__link has-nxt-global-color-8-color has-nxt-global-color-1-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/widgets\/carousel-remote?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" style=\"border-radius:5px\" target=\"_blank\" rel=\"noreferrer noopener\">LIVE WIDGET LINK<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Required Setup<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor FREE Plugin<\/a> installed &amp; activated.<\/li>\n\n\n\n<li>You need to have <a href=\"https:\/\/wordpress.org\/plugins\/the-plus-addons-for-elementor-page-builder\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">The Plus Addons for Elementor <\/a>plugin installed and activated.<\/li>\n\n\n\n<li>This is a Premium widget, you need the <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/pricing\/?utm_source=tpae&amp;utm_medium=docs&amp;utm_campaign=text\" target=\"_blank\" rel=\"noreferrer noopener\">PRO version of The Plus Addons for Elementor<\/a>.<\/li>\n\n\n\n<li>Make sure the Carousel Remote widget is activated, to verify this visit Plus Settings \u2192 and Search for Carousel Remote and activate.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Learn via Video Tutorial:<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Section or Row Carousel in Elementor Using any Elementor Widgets - The Plus addons for Elementor\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/yszLgc0TJPA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to Activate the Carousel Remote Widget?<\/h2>\n\n\n\n<p>Go to&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>The Plus Settings <\/strong>\u2192<strong> Plus widgets&nbsp;<\/strong><\/li>\n\n\n\n<li><strong>Search <\/strong>the widget name<strong> <\/strong>and<strong> turn on the toggle <\/strong>then<strong> <\/strong>click<strong> Save.<\/strong><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1918\" height=\"917\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-activate.png\" alt=\"carousel remote activate\" class=\"wp-image-104652\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-activate.png 1918w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-activate-300x143.png 300w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-activate-1024x490.png 1024w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-activate-768x367.png 768w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-activate-1536x734.png 1536w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-activate-600x287.png 600w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Key Features<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Unique Connection ID<\/strong> &#8211; You can easily connect and control other carousel widgets.&nbsp;<\/li>\n\n\n\n<li><strong>Two Remote Types<\/strong> &#8211; You can choose from two remote types, Carousel and Switcher.<\/li>\n\n\n\n<li><strong>Two Navigation Types <\/strong>&#8211; Choose from two different navigation types Next\/Prev and Dots.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to use the Carousel Remote Widget in Elementor?<\/h2>\n\n\n\n<p>The main function of the Carousel Remote widget of The Plus Addons for Elementor is to sync with its other carousel, slider and switcher widgets to control their navigation.<\/p>\n\n\n\n<p>So once you add the Carousel Remote widget on the page, the first thing you\u2019ll see is an option called <strong>Unique Connection ID<\/strong>. This is the most important field where you have to add the unique id to connect with other widgets.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"301\" height=\"520\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-content.png\" alt=\"carousel remote content\" class=\"wp-image-104653\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-content.png 301w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-content-174x300.png 174w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/figure>\n\n\n\n<p>You can easily connect with the following widgets using this <strong>Unique Connection ID<\/strong> feature.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/connect-carousel-remote-with-carousel-in-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">Carousel Anything<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/connect-carousel-remote-with-elementor-switcher\/\" target=\"_blank\" rel=\"noreferrer noopener\">Switcher<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/carousel-remote-sync-with-elementor-blog-posts-carousel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Blog Posts<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/carousel-remote-sync-with-elementor-testimonials-carousel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Testimonials<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/carousel-remote-sync-with-elementor-woocommerce-product-carousel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Woo Products<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/carousel-remote-sync-with-elementor-image-carousel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Image Galleries<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/carousel-remote-sync-with-elementor-client-logos-carousel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Client Logos<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/carousel-remote-sync-with-elementor-team-members-carousel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Team Members<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/carousel-remote-sync-with-elementor-dynamic-listing-carousel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Dynamic Listing<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/carousel-remote-with-elementor-magazine-slide\/\" target=\"_blank\" rel=\"noreferrer noopener\">Magazine Slider<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/carousel-remote-sync-with-elementor-dynamic-categories-carousel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Dynamic Categories<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>Then under the <strong>Remote Type<\/strong> dropdown, you\u2019ll find two options &#8211;<\/p>\n\n\n\n<p><strong>Carousel<\/strong> &#8211; This is used when connecting with a carousel or slider type widget.<\/p>\n\n\n\n<p><strong>Switcher<\/strong> &#8211; With this option, you can connect with The Plus Addons for Elementor\u2019s Switcher widget.<\/p>\n\n\n\n<p>Below you\u2019ll find two different options for the Carousel Remote widget navigation &#8211;<\/p>\n\n\n\n<p><strong>Prev\/Next<\/strong> &#8211; You can add a next and previous navigation button to the Carousel Remote widget from this tab. Once you turn on the toggle, you can choose different styles, customise the text and manage its alignment.<\/p>\n\n\n\n<p><strong>Dots<\/strong> &#8211; From this tab, you can add dot navigation. On enabling this option, you can manage the number of dots you want. Keep in mind the number of dots should be equal to the number of items in the slider or carousel you are connecting with.<\/p>\n\n\n\n<p>You can customise each dot individually from their respective tabs, like managing the icon\/image, colour, and background.<\/p>\n\n\n\n<p>You can set different layouts horizontal or vertical for the dots. There are also two styles to choose from.<\/p>\n\n\n\n<p>In general, you should keep one navigation option active, but there might be situations where you would want both navigation options.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to style Carousel Remote Widget in WordPress?<\/h2>\n\n\n\n<p>If you want to further customise the style of the Carousel Remote widget\u2019s navigations, you can do so from the Style tab.<\/p>\n\n\n\n<p>Depending on the choice of your navigation type, you\u2019ll see different styling options.<\/p>\n\n\n\n<p><strong>Prev\/Next<\/strong> &#8211; If you have the Prev\/Next navigation on, then you\u2019ll see this option. From here, you can manage the button style, such as typography, text colour, background etc. and icon style, such as its size, space, colour etc.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"269\" height=\"975\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-style.png\" alt=\"carousel remote style\" class=\"wp-image-104654\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-style.png 269w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-style-83x300.png 83w\" sizes=\"(max-width: 269px) 100vw, 269px\" \/><\/figure>\n\n\n\n<p><strong>Dots<\/strong> &#8211;&nbsp; From this tab, you can manage the dot navigation style like button size, gap, icon size, image size etc.<\/p>\n\n\n\n<p><strong>Paginate<\/strong> &#8211; If you want to show a pagination counter number along with the navigation, you can do that from this tab. If you turn on the toggle, you can also customise the style form here.<\/p>\n\n\n\n<p><strong>On Scroll View Animation<\/strong> &#8211;&nbsp; This is our global extension available for all our widget, this adds scrolling animation as the widget comes in viewport.<\/p>\n\n\n\n<p><a href=\"https:\/\/docs.posimyth.com\/tpae\/on-scroll-view-animation\/\">Learn more about On Scroll View Animation<\/a><\/p>\n\n\n\n<p>Advanced options remain common for all our widget, you can explore all it options from here.<\/p>\n\n\n\n<p><a href=\"https:\/\/theplusblocks.com\/docs\/advanced-tab-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">View Advanced tab tutorial.<\/a><\/p>\n","protected":false},"author":16,"featured_media":104655,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[547,527],"class_list":["post-104651","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-carousel-remote","docs-plus-widgets"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/104651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents"}],"about":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/types\/documents"}],"author":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/comments?post=104651"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/104651\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/104655"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=104651"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=104651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}