Author 诗语

How to Set Categories for Images?

Image Gallery Widget provides the feature to create a filterable gallery.

Filterable Gallery allows categorizing images. The category names that are set to images will display as Filterable Tabs title. See How to Design Filterable Image Gallery?

Categories can be assigned to images while adding them to Image Gallery widget. Here are the steps –

Step 1 – Select an image from the media library list.

Step 2 – UAE Categories option will appear in the media information column on the right side. You can add more than one category separated by a comma.

Related Documents –

How to Display Specific Category Tab as a Default on Page Load?

What are the Various Options to Close a Modal Popup in UAE?

In this article we』ll see the various options you can use to close a modal popup created using the Ultimate Addons for Elementor.

All these settings are available under the Content tab』s Close Button section.

Use Existing Close LinkClose on Esc KeypressClose on Overlay Click

Use Existing Close Link

By default, the Modal Popup widget of UAE has a close link that you can select to be an image or icon.

You can upload an image and manage its size and position. Or you can select an icon and set its size, color and position. The various positions in which this link can appear are:

Window Top LeftWindow Top RightPopup Top LeftPopup Top RightPopup Edge Top LeftPopup Edge Top Right

Close on Esc Key Press

Do you want the popup to close when a user presses the Escape key on his keyboard? You can do this by enabling the Close on Esc Keypress option.

Close on Overlay Click

If you wish to close the popup when a user clicks on the overlay, you can do so by enabling this option.

How to Design an Off-Canvas menu for Elementor – 3 Easy Steps!

Off-Canvas navigation is trending today! It is an attractive way to display a navigation menu whenever triggered by a button/icon/Custom class/ID. With Ultimate Addons for Elementor, showcasing such a vertical Off-Canvas menu is made easy.

UAE offers Off-Canvas widget that has inbuilt option to display navigation menu. Read about all available options here.

Below are the steps to create Off-Canvas menu for Elementor –

Step 1 – Drag and drop UAE』s Off – Canvas widget.Step 2 – Go to Content -> Content Type, select Menu. All WordPress menus will appear in the list. Choose the required menu.

Step 3 – Now go to Display Settings and choose Display On – Button/ Icon / Custom Class / Custom ID.

And you are done!

In the frontend, clicking on the trigger (Button/ Icon / Custom Class / Custom ID) will open a Off-Cavas navigation menu. You can customize it with rest of the available options with Off-Canvas widget.

Filters/Actions for Content Toggle Widget

Filters available for Content Toggle are listed below.

 HELPS MODIFY 「on」 LABEL IN label box switch.

add_filter( 'uael_toggle_on_label', function( $on_label, $settings ) { // Modify the string here     return $on_label;}, 10, 2 );

Note: $on_label –  The ON label string in Label Box switch style.

HELPS MODIFY 「OFF」 LABEL IN LABEL BOX SWITCH.

add_filter( 'uael_toggle_off_label', function( $off_label, $settings ) { // Modify the string here return $off_label; }, 10, 2 );

Note: $off_label –  The OFF label string in Label Box switch style.

How to find Google Place ID?

UAE』s Business Reviews module requires the Google Places API key to display reviews of Google Places. This article will help you find your Google Place ID.

It is very easy to get Google Place ID of your business –

Step 1 – Visit link here.

Step 2 – Enter your business location. A location drop pin will display your Place ID.

Step 3 – Copy the Place ID: xxxxxxxxxxxxxxxxxxxx and you will need to paste it in the widget under the Google Place ID.

Off-Canvas Widget

The Off-Canvas widget allows you to design a stunning off-canvas panel that can slide-in over your page.  The off-canvas panel can be triggered with a button, text, image, icon or through any other widget. This panel can display content, menu, saved -sections/page/widgets.

Key features –

The off-canvas panel can display – Content/ Menu / Saved Section / Saved Page / Saved Widget
Trigger off-canvas content with – Button / Icon / Custom Class / Custom ID
Off Canvas window width and position option (Left/Right)
Off Canvas window appear effect (Slide/Push)
Preview off canvas window in the backend
Close Button style (icon, alignment, size, color)
Off Canvas window background color and content spacing

Below are the settings available for Off-canvas Widget

Content Type

Under the Content tab, you will see two options –

Preview: Enabling this option will give you a preview of the Off-Canvas so that you can see how it will appear in real time.
Content Type: Choose what type of content you wish to display in the off-canvas window. available options are – Content (text, HTML) / Menu / Saved Section / Saved Page / Saved Widget

OFF-CANVAS

Under Off Canvas tab you will see two options –

Width: This allows you to control the width of the canvas. You can specify width in px and responsive devices with toggle.
Position ( left/right ): Choose a direction off-canvas content should appear
Appear Effect: Choose entry effect for the off-canvas window.
Overlay Color: This will be applied to the rest of the window than off-canvas. It will help to highlight off-canvas window.

Canvas background color ans padding can be managed from Style tab > Off Canvas

Display Settings

Display settings will allow you to choose a trigger for canvas. You can display it on the click of a text, icon, button or any other element (with CSS class/ID).

Button / Icon display settings offer a floating option. This will allow setting a floating button / Icon along the right or left edge of the browser. Below is the example of how it works –

Read how you can trigger a canvas from Menu Element or from another Elementor widget.

Close Button

You can customize the button that will close your canvas. You can set its size, position and related style of the close button. Options to close popup on ESC Keypress and on Overlay Click are available.

About Beta Versions

While working on a major update for the Ultimate Addons for Elementor, we make it a point to release a few beta versions before the final stable product. If you wish to try the new features, test and share feedback, you can try the beta version until the stable one is ready.
We strongly recommend you to use the beta version of the plugin in a test environment only. Do not use it on a live site. This will let you try new features and make a note of errors and bugs without worrying what breaks.
The beta version may further come in multiple minor updates until we are perfectly sure of releasing the final version.

Things you should know before using the beta version –

Beta releases contain the early versions of a major update. They might be released a couple of weeks or a few days before the final version. Although we make sure every version offered to you is tested, there might be some minor bugs that need to be worked on.
During the beta phase, there is a freeze on a code. This means that only the present errors and bugs will be fixed. Apart from these, any feedback requesting for a new feature will be considered only in the next major update.
We will make sure we inform you prior to the first beta release before a major update.

Where can you download the beta version?

When beta versions are available, you can download them from your My Accounts page. You will find a section for Beta Testing under downloads. These versions can also be updated on your WordPress website using the updater when new versions are released.

How can I install a Beta Version?

There are 2 methods in which you can get the beta version on your website.

Automatic Beta Updates
Manual Process

For the manual process, you can install and get going with a Beta version in 4 easy steps.

Deactivate & uninstall UAEL plugin from your website. Don』t worry, nothing will be lost!
Download beta version from the given link.
Now install downloaded beta version.
Clear cache of your website.

How can I update the plugin?

Auto updates are not sent for Beta releases. Therefore, in order to switch from a beta version to the updated version of a plugin, you will have to download the updated file and install the plugin manually.
Share your feedback!
If you have something to share; whether it is a good experience working on the new features or errors and bugs you come across, please do share them with us in our support center, or post it our Facebook group for other users

How to get Yelp API Key?

UAE』s Business Reviews module requires the Yelp API key to display Yelp reviews. This article will help you find your Yelp API key.

After inserting Yelp Business ID if reviews are not displaying properly, check if the Yelp API Key is correct. Below are the steps to get Yelp API Key –

Go to link here. You will find all process in this document but below are extracted and easy steps –

Step 1 – Click on the Create App link.

Step 2 – It will take you to the login page. Login with your account details

Step 3 – You will find your API key under General > Manage App. You can enter your email ID and description on this page.

Step 4 – Copy this API key. Now, from the WordPress dashboard, visit Settings > UAE > Business Reviews > Settings, and paste the key under the Yelp API Key section.

Elementor editor not loading/stop working

Sometimes activating Ultimate Addons for Elementor plugin might freeze Elementor editor. The editor keeps spinning and does not load.

Why does it happen? This happens due to the low WordPress memory. Sometimes WordPress plugins you use requires more memory than the currently allocated memory.

How to fix this?In order to get this working, you need to increase the WordPress memory limit. Below are the steps –

Edit the wp-config.php file Search for the line /* That』s all, stop editing! Happy blogging. */Just before the above line add – define( 『WP_MEMORY_LIMIT』, 『512M』 );

For further help, refer – How to Increase the Memory Limit of your site?

How to install the Ultimate Addons for Elementor plugin?

Let us quickly begin with the installation so that you can proceed to create wonders with Elementor and Ultimate Addons for Elementor!
In order to install the UAEL on your WordPress Website, you will have to follow the steps mentioned below.

Login to our store.
Go to Account-> Downloads
Download the plugin. You』ll get a zip file on your computer.
On your WordPress website, install the zip file like you install any other plugin.
Activate the plugin.

And you are done
Please activate the license for automatic updates, support.