{"id":104157,"date":"2023-02-07T17:32:55","date_gmt":"2023-02-07T12:02:55","guid":{"rendered":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/?post_type=documents&amp;p=104157"},"modified":"2023-02-07T17:32:55","modified_gmt":"2023-02-07T12:02:55","slug":"connect-carousel-remote-with-elementor-switcher","status":"publish","type":"documents","link":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/connect-carousel-remote-with-elementor-switcher\/","title":{"rendered":"How to connect a Carousel Remote with Switcher in Elementor?"},"content":{"rendered":"\n<p>An unique feature you get from using The Plus Addons for Elementor widgets is that you can interconnect them using an ID.<\/p>\n\n\n\n<p>Like <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/carousel-widgets-remotesync-elementor\/\" target=\"_blank\" rel=\"noreferrer noopener\">connecting the Accordion widget with the Carousel Anything widget<\/a>.&nbsp;<\/p>\n\n\n\n<p>Similarly, you can connect the Switcher widget with the Carousel Remote widget. That way you can control the Switcher widget from any part of the page without using the switcher toggle button.<\/p>\n\n\n\n<p><em>To check the complete feature overview documentation of The Plus Addons for Elementor Switcher widget, <a href=\"\/docs\/switcher-elementor-widget-settings-overview\/\" target=\"_blank\" rel=\"noreferrer noopener\">click here<\/a>.<\/em><\/p>\n\n\n\n<p><strong><em>Requirement&nbsp; &#8211; This widget is a part of The Plus Addons for Elementor, make sure its installed &amp; activated to enjoy all its powers.<\/em><\/strong><\/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\/switcher?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<p><\/p>\n\n\n\n<p>This is very useful when you want to have the switcher button separated from the switcher content.&nbsp;<\/p>\n\n\n\n<p>To do this, add the Switcher widget on the page and go to <strong>Switch\/Toggle<\/strong> &gt; <strong>Unique Switcher ID <\/strong>and<strong> <\/strong>add an id.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"269\" height=\"691\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/02\/switcher-unique-id.png\" alt=\"switcher unique id\" class=\"wp-image-104158\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/switcher-unique-id.png 269w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/switcher-unique-id-117x300.png 117w\" sizes=\"(max-width: 269px) 100vw, 269px\" \/><\/figure>\n\n\n\n<p>For this type of solution, it is best to keep the <strong>Display Switcher Toggle<\/strong> off, as the Carousel Remote widget will control it.&nbsp;<\/p>\n\n\n\n<p>Now add the Carousel Remote widget on the page, go to <strong>Content<\/strong> &gt; <strong>Unique Connection ID,<\/strong> and add the same ID you added in the Switcher widget.<\/p>\n\n\n\n<p>And make sure the <strong>Remote Type<\/strong> is selected as <strong>Switcher<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"267\" height=\"439\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-unique-id.png\" alt=\"carousel remote unique id\" class=\"wp-image-104159\" srcset=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-unique-id.png 267w, https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-content\/uploads\/sites\/55\/2023\/02\/carousel-remote-unique-id-182x300.png 182w\" sizes=\"(max-width: 267px) 100vw, 267px\" \/><\/figure>\n\n\n\n<p>That\u2019s it. The connection is created, and now you can place the Carousel Remote widget anywhere on the page to control the Switcher widget.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1130\" height=\"600\" src=\"https:\/\/etemplates.wdesignkit.com\/wp-content\/uploads\/sites\/55\/2023\/02\/switcher-remote-preview.gif\" alt=\"switcher remote preview\" class=\"wp-image-104160\"\/><\/figure>\n\n\n\n<p>Also check, <a href=\"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/docs\/pricing-table-in-elementor-switcher\/\" target=\"_blank\" rel=\"noreferrer noopener\">How can you show Yearly\/Lifetime\/Monthly pricing table with switcher Widget<\/a>.<\/p>\n","protected":false},"author":16,"featured_media":104382,"parent":0,"comment_status":"open","ping_status":"open","template":"","format":"standard","docs":[527,545],"class_list":["post-104157","documents","type-documents","status-publish","format-standard","has-post-thumbnail","hentry","docs-plus-widgets","docs-switcher"],"acf":[],"_links":{"self":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/104157","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=104157"}],"version-history":[{"count":0,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/documents\/104157\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media\/104382"}],"wp:attachment":[{"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/media?parent=104157"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/etemplates.wdesignkit.com\/theplusaddons\/wp-json\/wp\/v2\/docs?post=104157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}