Author 詩語

Woo – Categories Module

Have you ever thought of displaying various product categories on a single page? This is a great way to display all the categories you offer and let the users choose the one that they need.

The Woo – Categories module of the UABB allows you to display all your product categories on a single page.

You can take a look at our demos to see how the module displays WooCommerece product categories beautifully – Demo Page.

Let us take a look at some customizations that you can work on.

Choose categories to display from Query and set their layout from General options.

General – Grid/ Carousel– Select grid ( rows and columns structure ) or carousel ( slider ) to display all categories.– Select total categories count to display.– You can select a number of columns for the category on the desktop and on other devices.– The displayed category will be dependent on filter settings as described below in Query section.– By default, recently created categories will be displayed.

Query– Filter available with Query tab allows you to choose the exact categories to display.– Show All will display all available categories while Only Top-Level will display parent categories.– To show particular category/categories, choose Match These Categories and start typing the required category name. You can enter more than one category here.– Similarly, to exclude a particular category/categories, choose to Exclude These Categories and start typing the required category name.– The number of categories displayed depends on the Categories Count under the General tab.– Enabling Display Category Description will display category description entered in backend under Products > Categories > {Any Category} > Edit > Description.– Enabling Display Empty Categories will display categories which are not assigned to any products.– Order by allows you to set categories order according to Name/Slug/ Description/ Count (Assigned Product Count).  You can also choose the Descending or Ascending order from the drop-down.

Note:1. This module will be visible only if you have the WooCommerce plugin installed and activated on your website.

What Does Background Process in UABB Update Mean?

With UABB version 1.20.2 we are introducing a background process. This is related to updating the image URLs in the UABB templates.

In this article let』s see what does process will do and how to run it? But before that let』s understand –

How Images in UABB Template Worked Till Now [before v1.20.2]?

UABB offers pre-designed Page Templates and Sections in Template Cloud. You just need to import them and use on your pages.

When you insert template from Template Cloud, images used in this template are displayed from our server. That means if you import a template on your page and observe the URL for the images used, you will see images coming from our server URLs like –

uabb.sharkz.inuabbtemplates2.sharkz.indownloads.brainstormforce.com

With UABB version 1.20.2 we are changing these URLs for the images that will be stored in the Media Library of your website. And this will be done with this background process on your website.

How Images in UABB Template Will Work Now?

With UABB version 1.20.2 –

When you import/use a template, all required images in the template will be added to the media library on your websiteNow the images will have your website URL as they will be hosted in your media libraryOn pages where you have used templates with these images, UABB will replace the source URL from our server to your website URL.

In this way images, those are used to come from our server will now display from your website』s media library.

Note – This will be applicable ONLY if you use UABB template.

Why We Are Doing This?

Currently, images used in UABB templates are hosted on our UABB server.

With an increasing number of UABB users, the number of template downloads is also increasing. Since images used in templates are rendring from our server it is increasing a load on the server.Increased number of requests take down the server sometimes. Eventually, users face a broken image issue on their websites.

How to Run This Background Process?

When you update UABB to version 1.20.2 you will see notice to run Background Process on plugin』s page. The notice will have 3 actions –

Start the Process – the Background process will start importing images to your media query. The process will run in the backend and you will be notified once done. Remind Me Later – You will get a reminder after 1 week. Till then images will be served from UABB server.

Background Process might take a little time to complete depending on the templates used. This process will run in the backend so you don』t have to pause your work for this. Once completed you will get a notification on the plugin』s page.

Things to Note –

In case after completing the Background Process you see old UABB URLs for images – Don』t worry. We will automatically run the background process every 24 hours for 3 days and upload images to the media. Running a Background process on the existing website will not affect anything in the frontend. It will only add images to the media library. In case you are not using any UABB template please IGNORE the notice.

How to Display Your Form in a Single Line using WPForms Styler Module?

You can create and display Inline Forms using the WPForms form builder. And yes they are supported using the UABB』s WPForms Styler module too.

In our example, we』ll be creating a form with three form fields: First Name, Last Name, and Email.

To display the form in a single line, navigate to Settings » General in your form builder and add the CSS class inline-fields to the Form CSS Class field.

After that, you might require reducing the height of your form, you can set the placeholder text and select Hide Label for each field in Advanced Options.

Here』s how the form will display inline on the front end:

That』s it! Now you will be able to create forms that will be displayed in a single line.

How to renew yearly license?

1. Please login to your store account and open Purchase History page.

https://store.brainstormforce.com/purchase-history/

2. Click on the 「View Licenses」 link of your purchase.

3. On manage license page you can find the link to extend your license. Just click on that link & complete the payment procedure to renew your license.

Note: The expiration date of your license would be exact 12 months from the date on which license has purchased / expired.

Example: If you purchased in July 2016, and renewed in May 2017. Then your license would expire in July 2017, giving you one full year ( 12 months ).

Introducing Table Module

UABB provides a multifunctional Table module that lets you create a table with any number of rows and columns. The table can be used for any purpose such as a comparison between products/ sales, displaying schedules, displaying changelogs and many more.

Table module allows creating searchable and sortable tables that are easy to read. It also enables the entries drop-down for longer tables that are difficult to refer to.

You can create beautiful tables with advanced styling and features. Below are the important links for related articles –

Different Table Source 

1. You can create the table manually by adding the table header and content.
How to add Table Header?
How to add Table Content?
How To Add Rows And Columns to the Table?
How to Merge Columns and Rows in Table?

OR

2. Create a table automatically using a CSV file.
Create Table by Uploading CSV

Ability to Add Sortable and Searchable Table. Show Entries Dropdown

This is a distinct feature of the Table module. It makes sorting and searching long tables easy.
How to add Sortable and Searchable Table? How to Show Entries Dropdown?

Image / Icon Option for Table Cells

You can set the image/icon for all table cells to give more information about the content. Global and local styling options are available for image/ icon.
How to Override Global Settings for Image / Icon?

Customize Table Completely 

Different styling and typography options let you customize table completely.
How to Style the Table?

How to update plugin manually through FTP

Sometimes it happens that due to some issue you can not update the plugin from WordPress directly. So for this you need to follow the Geeky Method i.e update from FTP.

Follow the simple steps below to update plugin manually

Download and Extract the plugin that you want to be installed in your WordPressLog into FTP Account using FileZilla or similar program.Go to wp-content/plugins directoryUpload the plugin in the directoryOnce the file is uploaded, then go to WordPress and just activate the newly updated plugin.

Note: Please make sure that the folder you upload contains all sub-files and not a folder

You can watch the below video for better understanding

Honeypot field in User Registration Form for Beaver Builder

In UABB』s version 1.22.0, we introduce the User Registration Form module for Beaver Builder having the Honeypot field to fight spammers.

Here we provide a Honeypot field, which is a better way than to fight pesky spammers rather than using reCAPTCHA.

Table of Contents

What is Honeypot?Advantages of using Honeypot?How to Setup Honeypot in User Registration Form module?

 What is Honeypot?

Honeypot field helps you fight spammers, by adding a hidden field only visible to spambots. This field helps the admin identify whether the user is a spambot and not a user.

When a spambot fills in the honeypot field, the form is rejected as spam. Thereby, the spambot will get stuck and won』t be able to submit the form.

Therefore, Honeypot is a great alternative as it will not bother users to go through maths and Image problems to register on your website. And the valid users will be able to register with ease and convenience.

 Advantages of using Honeypot?

Prevents spambots from attackingHelp understand future attack preventionHelps focus on the malicious users making the investigation easierOne-click setup

 How to Setup Honeypot in User Registration Form module?

To set up the Honeypot field in the User Registration Form module you need to create a page and Edit with Elementor.

After that, you will just need to drag and drop the module in the Beaver Builder editor.

Next, in the Anit-Spam Protection tab > Honeypot enable the Honeypot option.

That』s all, now publish the page and your User Registration Form is now protected from the Spammers.

You are now ready to make your website』s registration form spam-free using the User Registration Form module. We also provide Google reCAPTCHA support to our module.

Create Table by Uploading CSV

Table module allows uploading the CSV file to create a table.

CSV (Comma Separated Values) format is a plain text format in which values are separated by commas. You just need to upload it to Table module and table will form on the basis of CSV file. Below are the steps to upload CSV file –

From the Table Header > Table Source select CSV file.Click on the box under Upload a CSV File.Upload your CSV file from the media uploader.Click on Insert Media.A table will form on basis of CSV file.

Note:

Uploaded CSV will not be visible in media like images or video. CSV files will not be saved as media. So every time you wish to create a table with CSV file you need to upload a CSV file again. This is because Beaver Builder Framework does not have a facility to upload CSV file type.You can add a Sortable and Searchable table or show Entries Dropdown with this table as well. Read How to add Sortable and Searchable Table? How to Show Entries Dropdown? You can even style this table with settings available under the Style tab. Read How to Style the Table?

How to cancel my yearly subscription?

Starting from Dec 09, 2016, we』ve enabled subscription for all customers who buy a yearly license. This means, they will be charged the license renewal fees automatically.

If you do not prefer a subscription and want to make payments for license renewal manually, you can simply cancel it here.

Introducing Retina Image Module for Beaver Builder

The Ultimate Addons for Beaver Builder now allows you to add Retina Image for high definition screens, removing any need for using other Retina plugins or tools.

Here in this article, we will see how we can implement the Retina Image on your website using the Retina Image module.

Let』s see some important features of this Retina Image module.

Key features of the Retina Image module –

Upload the Retina Image for High Definition screensProvides SVG support for image or Logo

Like all the other modules for Beaver Builder, the Retina Image module can simply be dragged and dropped in the row or column you want it to appear.

You can then proceed with the various settings that allow you to add the Default Image, Retina Image and display custom caption. Let us take a look at each settings tab of the Advanced Heading module.

Below are the settings available for the Retina Image module –

 Retina Image

Under the General tab, you will see a few options –

Default Image and Retina Image: Under the Default and Retina Image section you will be able to add your default Image as well as the Retina Image.

Below the Retina Image section, you will see other sections like Size and Alignment, Caption and Link under which you will be able to set the Image Size, Alignment, Caption, and Link.

 Styling

Under the Style tab, you will see two options –

The Image Style section will allow you to set the Background Size, Color, Border Radius, Image Effect.

While the Caption section only displays when you have set the Custom Caption in the General tab.