fbpx

Black Friday Sale 50% Off

Days
Hrs
Min
Sec

Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!

Remote Item Navigation

The Remote Item Navigation widget can be used to connect with other widgets and control them such as Carousel, Slider and many more. In this article, you will learn how to use the Remote Item Navigation widget on your website and use it to create advanced interactive layouts.

Step 1:

Choose Any Widget from UE Widget Library

Before starting with the Remote Item Navigation widget you will need to decide what widget you want the Remote Item Navigation to control.  Remote Item Navigation widget can connect to a variety of widgets from Unlimited Elements widget library. Add one of the widgets that support remote controls to the the page and enable remote connection so it will be able to connect with the Remote Item Navigation widget.

Note: This screen shows you general settings in any widgets that you choose to connect.

A full list of widgets the Remote Item Navigation can connect to can be found in the link below

Step 2:

Install Remote Item Navigation Widget for Elementor

This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Remote Item Navigation”
  3. Hover over the widget in the search results and click install
  4. Add your “Remote Item Navigation” widget to any Elementor Page

Remote Item Navigation General Settings

1
Remote Parent Name

Connect with the widget you want to control using the Remote Item Navigation.

 

You can stay in Auto the widget will  automatically connect.

 

Or you can choose the First- Fourth options: you need to choose the same number in 2 places- in a widget that you choose to use and in the Remote Item Navigation.

 

You can also give a custom name for your convenient use.

 

In most cases, you do not need to change this setting from Auto Detectable.

2
Layout

Select the desired layout from given options.

  • Row
  • Row Reverse
  • Column
  • Column Reverse
3
Justify

Select the position of bullet icons.

  • Start
  • Center
  • End
4
Alignment

Set the alignment of bullet icons.

  • Start
  • Center
  • End
5
Gap

Set the gap between navigation items.

6
Show Counter

Show/Hide the counter in place of bullet icons.

7
Hover Effect

Select the hover animation from dropdown list.

  • Grow
  • Shrink
  • Pulse
  • Pulse Grow
  • Pulse Shrink
  • Push
  • Pop
  • Bounce In
  • Bounce Out
  • Rotate 
  • Grow Rotate
  • Float
  • Sink
  • Bob
  • Hang
  • Skew
  • Skew Forward
  • Skew Backward
  • Wobble Vertical
  • Wobble Horizontal
  • Wobble to Bottom
  • Right to Bottom Right
  • Right to Top Right
  • Wobble Top
  • Wobble Bottom
  • Wobble Skew
  • Buzz
  • Buzz Out
8
Show Image

Show/Hide the image in navigation item.

9
Show Icon Inner

Show/Hide the icon inner element.

10
Show Label

Show/Hide the label element.

11
Show Title

Show/Hide the title in item navigation.

Item Navigation Settings

Add item to navigate to specific items by index number.

1
Title

Type the title for item navigation.

2
Remote Item Number

Type the remote item number to display.

3
Icon

Choose the icon to display.

4
Label

Type the custom label to display.

5
Image

Choose an image to display in navigation item.

6
Image Size

Select the image size from given options.

  • Medium Large
  • Large
  • Medium
  • Thumbnail
  • Full Size
  • Woocommerce Thumbnail
  • Woocommerce Single
  • Woocommerce Gallery Thumbnail
  • Shop Catalog
  • Shop Single
  • Shop Thumbnail
7
Override Icon Background

Set the color for icon background.

8
Override Border

Override the border color of navigation item.

9
Override Icon Color

Set the custom color for icon.

Remote Bullets Styling

Different styling options are included to control every design aspect of the widget. Modify the colors to match your site’s look and feel. Customize the colors, typography, and layout to make the widget look and work exactly how you want it.

Item Styling

Style the item layout, alignment, width, height, radius, background and opacity.

Item Active Styling

You can style the active item border, border color, opacity, width and height.

Icon (Inner) Styling

Style the color, spacing, active color for inner section of icon.

Item Title Styling

In this section, set the spacing, color, typography, opacity of title in normal and active state.

Label Styling

Here, you can style the horizontal and vertical spacing, height, width, background, color, typography, border, padding and shadow of label element.

Image Styling

In this section, set the opacity, image filter of image element in normal and active state.

Usage Examples

Here are some live usage cases of Remote Item Navigation widget.

Note: You can use several  Remote Control widgets in one layout, in the example below we connect 2 of them: “Remote Arrows” and  “Remote Item navigation ” with “Team Member Carousel”.

The biggest sale of the year
50% OFF all pricing plans!

Days
Hrs
Min
Sec

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!