Ultimate Addons for Beaver Builder 文檔

How to update UABB?

The two main methods to update UABB are:

One Click Auto UpdateManual Update

One Click Auto Update

1. Go to Dashboard -> Updates

You will find the update listed below. If not, you can click on Check Again button.

2. Click on Update

Note: Your copy of UABB should be registered in order to receive the one click updates. To know more about UABB registration, you can refer to the article here.

Manual Update

1. Login to our store and open the Downloads page.

2. Download the latest version from this page

3. Uninstall the previous version from your website (Deactivate and Delete)

4. Install the Latest version of the addon.

Other auto update options –

Automatic Background Updates

Automatic background updates do not require any action from your end to update the plugin and as the name suggests – everything happens in the background. By default, this only happens in special cases, which is controlled by the WordPress security team for patching critical vulnerabilities.

In case, if you would like to enable Automatic Background Updates for all plugins and themes on your website, you can install this plugin on your website.

If you would like to enable Automatic Background Updates only for UABB, you can paste this PHP code snippet in the function.php file of your child theme.

Update Multiple Websites from One Control Panel

If you manage multiple websites, it might be a hassle to visit their backend individually to keep them updated and maintained. However, there are many third party softwares available that help you manage all the websites and updates from one central control panel easily. Just a few of them are –

https://infinitewp.com/https://managewp.comhttps://mainwp.com/

Design Filterable Photo Gallery with UABB

Photo Gallery module from UABB provides the feature to add filters for images. Filterable tabs will display above the gallery. Clicking on the tab will display related images. Here is the process to create filterable photo galley –

Step 1 – Enable Filterable Image Gallery option.

This option is available only for both Grid and Masonry layout.The setting can be found under General > Filterable Photo Gallery.

Step 2 – Set categories for Images. These will act as Tabs title.

The category names that are set to images will display as Filterable Tabs title.You can assign categories to the image from media library settings. See how to set categories for images? For example – If image A has assigned to categories BRANDING and DESIGN. While image B has assigned to categories PHOTOGRAPHY and WEB. Then Filterable Tabs will automatically display all 4 categories. On clicking on any of the tab will display related images.

Step 3 – Customize Filterable Tabs.

Category names will automatically display as Filterable Tabs. That means if you assign 5 different categories to images, then 5 Filterable Tabs for all those categories will be created.You can completely customize Filterable Tabs from Style and Typography options.

How to Set Categories for Images?

Filterable Gallery allows categorizing images. Category names that are set to images will display as Filterable Tabs title. See How to Design a Filterable Photo Gallery?

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

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

Step 2 – UABB 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?

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

On page load, you might have observed that, in the filterable tabs bar, the default 「All」 tab is active. You can change this and set another tab to be active on page load.

The setting can be found under General > Filterable Photo GallerySet Default Tab on Page Load to Custom. Enter a category name that you want to set as a default tab. The category name that you will enter will display as the active tab on the page load.

Note: Make sure you enter the exact same name for the category set for the image. Refer How to Set Categories for Images?

Here is an example of how it works –

Consider some of the images are assigned a category Design. You wish to display the Design category tab active on page load. Now set Default Tab on Page Load to Custom and set Default Tab as Design ( make sure the name is exactly same as the category name set for the images )On the page load, the Design tab will be displayed as an active tab, and images that are assigned a category Design will display under it.

Advanced Posts Pagination not visible?

Unable to find the Pagination option for the UABB Advanced Posts module?

There are 2 main reasons why you may not be able to see the Pagination option within UABB』s Advanced Post module.

You are using the Masonry layout for the Advanced PostsYou are using a Custom Layout for Masonry Post Appearance when using Beaver Themer.

Just to let you know, we have added numbers and the scroll pagination option for Grid and Feed Post layouts within the Advanced Post module of UABB only.

However, we do have plans to get that working for Masonry too. You can keep a watch on the future updates.

How does the tour feature work with UABB Hotspot module?

This is attractive and innovative feature. As the name suggests this feature lets the user take a tour for all markers. Tour will follow the order in which markers are created. Starting from the first marker, a tooltip will gradually display for other markers after a specified time interval.

Note: Hotspot Tour feature will not work unless Tooltip is enabled. This is because the tour is displayed on the tooltip. It also displays navigation (previous, next) links for the tour.

How to set markers and enable the tour?

In the Hotspot module, after selecting an image, click on the Marker tab. Click on Edit Marker > Marker, and set required markers for the image. Now go to the Hotspot Tour tab and Enable the Tour.

Hotspot Tour Options:

Repeat Tour: After completing round for all markers user can navigate from last to the first marker if this option is enabled.Hide Non-Active Markers: Markers who do not participate on the tour can be hidden. Autoplay: It will autoplay tour for all markers. Interval between Tooltips (sec): After this time interval, the next tooltip will appear. This defines the time between displaying two tooltips. Launch Tour: When you set tour on autoplay, you can decide when to start it. This option will allow a user to start the tour on the click of a button or when hotspot comes in the viewport. Overlay Button: This will allow starting the tour if in the above option button click is selected. Once button is clicked tour will autoplay unless End Tour option is clicked.

How to Disable the White Label Settings Permanently?

Ultimate Addons for Beaver Builder allows you to white label the plugin and show it as your own. You can read our white label settings article to know more.

Normally, the white label settings can be hidden by checking the respective box on the settings page. But, if your customer deactivates & activates the plugin then those settings are visible again.

To avoid this and for adding extra security layer you can hide the White Label settings completely by declaring below constant in the wp-config.php file at the root of your WordPress installation.

define( 'WP_UABB_WHITE_LABEL', true );

Once this is done, the White label settings will be hidden forever.

UABB Modules List Empty on Frontend Editor/ All UABB Modules Not Displaying on Frontend Editor

Do you find some or most of the UABB modules not appear in the frontend editor?Unable to find all the UABB modules on the frontend, although they are enabled in the UABB modules settings? Some UABB modules displaying on frontend.

The first step would be to check whether you have enabled the modules. Here is an article you can refer to.

UABB Modules list empty in Frontend Editor

Apart from the UABB  modules list, we have a feature which lists UABB modules under the Beaver Builder』s Standard Category.

Now if the above setting is enabled, your client can disable and enable UABB modules from the Beaver Builder settings. Hence we also list our UABB modules under the Beaver Builder modules.

We have introduced a notification on top of our modules section which mentions the same.

You can click on the link to take you directly to the Beaver Builder modules settings, where you can enable the UABB modules and find them under the UABB modules list in the frontend editor.

Selected UABB Modules Not displaying in frontend editor

Can』t find the Gravity Forms Styler / CF7 Styler / WooModules in the frontend editor?

To find the above mentioned UABB modules, you need to make sure you』ve installed and activated the respective third-party plugins that this feature is dependent on. For example, plugins like Gravity Forms plugin, Contact Form 7 and WooCommerce modules need to be installed and activated.

Until these plugins are installed and activated you won』t see the respective UABB modules under UABB and Beaver Builder.

Can not find the Parallax Option in Beaver Builder?

If you are not able to see the Parallax option in the Beaver Builder, chances are you』re using the free / lite version of Beaver Builder which does not offer the parallax feature. If you need the parallax effect along with other features of Beaver Builder, you may consider purchasing it from here.

However, should you wish to stick with the lite version, you may keep the background image fixed as displayed in the screenshot below. It will create an effect that will be very similar to parallax.

Working with the UABB Color Picker

Deprecated from Version 1.3.0

Like the change in the Beaver Builder UI, UABB also comes with an enhanced color picker that looks similar to the one available in WordPress; but has an additional opacity bar too. In this document we』ll be seeing the following points:

Switching between the UABB Color Picker and Beaver Builder Color PickerIntegrate UABB with Beaver Builder Color picker/ inherit the saved colorsWhat happens when you switch the color picker?

Switching between UABB Color Picker and Beaver Builder Color Picker

1. Click on Page Builder, seen under Settings

2. Click on UABB General Settings

3. Enable or Disable the UABB Color Picker option

Note: This feature is enabled by default

4. Save Settings

Inherit Preset Colors from Beaver Builder Color Picker to UABB Color picker

The color picker in Beaver Builder allows you to preset colors and save them for later use. For those who are worried of inheriting present colors while using UABB』s color picker, we have a solution for that too.

The preset colors you saved while using the Beaver Builder color picker are inherited and added to the color panel of the UABB color picker.

Suppose I have the following colors saved using my Beaver Builder color picker

This is how my UABB color picker will look like

As seen in the images above, the present colors are inherited and added to the UABB color panel.

What happens when you switch the Color Picker?

If you have already worked on a number of elements and set colors using the present color picker, you need not worry while switching them. Whether it is switching from the Beaver Builder color picker to UABB color picker or vice versa, the selected color will be inherited automatically, until you change it manually.

Note:- For the Latest settings and features introduced in the UABB modules you can refer the following article. Releasing compatibility for Beaver Builder 2.2!