分類： 入門

How to Set Featured Products in WooCommerce?

Featured Product option allows highlighting specific products that can be promoted easily on site. A flash bubble can be set for a featured product with UABB Woo Products Module.

A product can be set as featured by three methods-

1. From WordPress backend, navigate to Products > All Products and select the Star in the featured column. Make sure to enable Featured option from Screen Options.

2. From a WordPress backend, navigate to Products > All Products and Quick Edit the product. Tick the checkbox for featured.

3. From a WordPress backend, navigate to Products > All Products and Edit the product. In the right sidebar, search for the Catalog visibility option and Edit it. Tick the checkbox for This is a featured product.

How to use Row Separator feature effectively?

A webpage is often made up of a number of rows and sections. Separating these rows and sections with a simple horizontal line is old fashioned. The Ultimate Addons for Beaver Builder has a row separator module that allows you to use artistic separators that separate one row from the other.

Here are a few Details you would want to know about this module.

How to use a Row Separator?

1. Add a New Page or open an existing one in the Page Builder.

2. Insert a row on the page.

3. Click on Row Settings

4. Go to the Effects tab in the Row Settings.

You will find around 14 Separator options for the Top and bottom.You can select the separator you wish to use for each.

5. Select the Type of Row Separator you wish to insert

You can then…

Set width in percentage and size in pixelsSet the Size for Medium-sized devices and small-sized devicesSelect a background color for the same

6. Save Settings

How to filter Query Parameters in Advanced Posts?

Advanced posts are loved by a lot of people due to its flexibility to modify query parameters. But, in some cases, developers need to modify the query parameters which are not specified in options. Let』s say you are displaying events using Advanced posts module and you want to disregard past events. Let』s assume that the event date is specified in meta with key `event_date`. Also we are checking with HTML id `events-list` before modifying the parameters so that this won』t be applied to all blog post modules on the site.

/* Advanced Query Parameters filtering for UABB Posts module */ function your_prefix_uabb_blog_posts_query_args( $args, $settings ) {// Give an HTML id and check it before modifying arguments so that it will not be applied to all blog post modules on the site. if ( $settings->id == 'events-list' ) { $args['orderby'] = ''; $args['meta_key'] = 'event_date'; $args['nopaging'] = true; $args['posts_per_page'] = '2'; $args['meta_query'] = array( 'key' => 'event_date', 'compare' => ' date( "Ymd" ), 'type' => 'DATE' ); } return $args; } add_filter( 'uabb_blog_posts_query_args', 'your_prefix_uabb_blog_posts_query_args', 20, 2 );

We are using `uabb_blog_posts_query_args` filter to accomplish this. You can take a look at all our filter reference.You need to put the above code snippet in functions.php file of your theme/child theme.

This is just one example. You have lots of possibilities to filter posts with WP Query Parameters.

WP CLI Commands

Ultimate Addons for Beaver Builder v1.3 adds support for some WP-CLI command.
In case you have not heard of WP-CLI
WP-CLI is a set of command-line tools for managing WordPress installations. You can update plugins, set up multisite installs and much more, without using a web browser.
Activate your license of Ultimate Addons for Beaver Builder using WP-CLI
wp brainstormforce license activate uabb
Deactivate your license of Ultimate Addons for Beaver Builder using WP-CLI
wp brainstormforce license deactivate uabb
PS – In the commands above, don』t forget to replace with your actual purchase key.
 

BTW, Recently we contributed a WP-CLI command to Beaver Builder plugin core to clear its cache
wp beaver clearcache
This will clear the beaver builder cache on your site.
wp beaver clearcache --network
This will clear the beaver builder cache on all the WordPress multi sites.

How to add WooCommerce Add To Cart button on the page?

Woo – Add To Cart Module allows you to add a WooCommerce Add To Cart button anywhere on the page. It allows the user to add a product to cart, on the click of the button with predefined quantity and then navigates the user to cart page.

Refer a demo for Woo – Add To Cart Module here. The information boxes displayed with the button on demo page are designed separately with other modules.

Below are the available options for Woo – Add To Cart Module –

Product– Start typing name of the product that you wish to add to the cart when the user clicks the button. Also, choose the Quantity.– When a user clicks the button, the selected product will be directly added to the cart.– You can choose if you want to Auto Redirect to Cart Page on the click of the button.

Button (?)– Various options to customize the button are available here.– More options are available under the Style tab.

Note:1. This widget will be visible only if WooCommerce plugin is installed and activated.2. If the widget is not visible in the UABB modules list, then check if it is enabled from UABB settings. (?)

How to Exclude your Current Post from Advanced Post module?

Many times, you would want to display all the posts using an Advanced Post module. But, at the same time you might want to exclude a post which is current. You can do this using the Advanced Post Module action with the Ultimate Addons for Beaver Builder.

You can paste the following code in the functions.php file of your theme / child theme to exclude the current post from rendering.

// Helps one exclude current post form the loop.function uabb_advance_post_custom_args( $args ) { // Do any operation with the $args. $args['post__not_in'] = array( get_the_ID() ); return $args; } add_filter( 'uabb_blog_posts_query_args', 'uabb_advance_post_custom_args', 10, 1 );

Overlay Effect in Advanced Menu

Have you ever wanted to use the Overlay effect for Advanced Menu on your website? The Ultimate Addons for Beaver Builder has introduced this feature in version 1.6.0.

You can use this feature by following the steps mentioned below.

Step 1:

Open the Advanced Menu Settings and select the menu that you had created in Dashboard > Appearance > Menu

Step 2:

Select Responsive Toggle in the Responsive Tab.Hamburger Icon: Hamburger icon will be shown.Hamburger Icon + Label: Hamburger icon will be shown followed by a user entered label.Menu Button: A label entered by user will be shownNone: No Toggle button will be shown.

Step 3:

Select Responsive Layout > Overlay in the Responsive Tab.

Step 4:

Select Effects for the Overlay Menu.

Step 5:

Enter Animation Speed for the Effect selected in step 4.

Step 6:

Select appropriate Responsive BreakpointsDisplay on All Devices: Show Overlay effect on all devices i.e desktop, tablet, and mobile devices.Display on Medium and Small Devices Only: Show Overlay effect only in tablet and mobile devices.Display on Small Devices Only: Show Overlay effect only on mobile devices.Enter Custom Breakpoint: Select Custom to enter a custom breakpoint.

How to Set Description for Category in WooCommerce?

WooCommerce product category group the similar products together. Category description display more information about the created group.

One can add a description to the category at the time of creation or can edit the already created categories to add it.

Option 1. From WordPress backend navigate to Products > Categories. Add a new category and description to it.

Option 2. From WordPress backend navigate to Products > Categories. Edit the already created category and add a description to it.

Woo – Categories Module allows to showcase categories on any page with great designs.

Unable to see Gravity Form Styler module

Please make sure following things on your website –

1. You have installed minimum version 1.5.0 or greater of Ultimate Addons

2. You have installed & activated Gravity Form plugin

3. Gravity Form Styler module is enabled in UABB Modules settings

4. Gravity Form Styler module is enabled in Beaver Builder Module settings

How to White Label UABB?

What is White Label branding?

White label Branding is the ability to rename and present a product or a plugin as your own. This helps you hide the actual identity of the plugins used and lets you use your brand name instead.

The Ultimate Addons for Beaver Builder comes with an option for white label branding. You can change almost every field to prove that the product is yours and you are the whole and sole developer who has worked on a website.

In order to enable the UABB white label option, you will need to click on 「UABB」 under Settings, open Branding and add all necessary details in the fields given.

Following is an image of how you can fill the details:

Save your settings.

Later, if you wish to hide these settings from your client or anyone who would be accessing the backend of a website, you can simply opt to hide these settings by enabling the checkbox seen below.

Save your Settings.

Want to see where this all will be displayed?

We have a few images for you to understand all the places where all your white label settings will be seen.

This is where the Plugin Name, the Author name, the Author / Agency URL and the Plugin description will be replaced.

The following image shows the replaced Plugin Short name.

This is where your documentation and support links can be put in.

Note: If you wish to see these (Branding – White Label) settings again after hiding them, you can do so by re-activating the plugin from the plugins page.