Beaver Builder

[Beaver Builder Module] Fade In Out Text

November 20, 2019 Leave reviews

Fade In Out Text module is a custom module of Beaver Builder plugin. You can display the side content (back content) in your info box with fade or toggle animation effect. Checkout the demo at below: Installation Instruction It is a simple plugin. Here is the steps Click on Pay Now button and buy the module (one… Continue Reading

Adding Hover Image Field in Beaver Builder Photo Module

November 16, 2017 Leave reviews

How do you show the alternate image on hover using official Photo module? In this article I am showing how you will show the new image on hover with zoom effect. See the video for live effect Creating Hover Image Fields into Settings From Creating two new photo upload fields into Photo module’s settings form.… Continue Reading

Adding Related Posts Section On Single Post Page With Beaver Themer

November 28, 2019 Leave reviews

How do you add the Related Posts section on your single post page using the Beaver Themer add-on? In this tutorial I am sharing the complete steps. Minimum Requirements: Beaver Builder Plugin Beaver Themer Add-on Make sure that you created the single post details page with Beaver Themer add-on. Now you will try the following… Continue Reading

Beaver Builder Categories Grid Module

June 13, 2019 Leave reviews

Categories Grid module is a simple, clean and lightweight custom module for Beaver Builder plugin which is displaying the categories/tags/terms in grid layout. This custom module is supporting the custom taxonomies. Categories Grid module is taking care the following things: You can upload the image (featured image) for every category/tag/term via Dashboard. You do not… Continue Reading

Beaver Builder Theme: Forcefully Creating The Full Width Layout

August 29, 2016 Leave reviews

Beaver Builder Theme have no extra layout settings option for individual post details page. Using manual code you can make a full width blog layout. You will add the code in your child theme’s functions.php file. This code will work on whole site pages (like blog, archive, author, category, tags, search etc pages):

//* Force Fully Creating Full Width Blog Layout
add_filter( 'fl_theme_mods', 'bbt_full_width_blog_layout' );
function bbt_full_width_blog_layout( $mods ) {
    $mods['fl-blog-layout'] = 'full-width';
    $mods['fl-blog-sidebar-size'] = 0;
  
  return $mods;
}

//* Force Fully Creating Full Width Blog Layout

add_filter( 'fl_theme_mods', 'bbt_full_width_blog_layout' );

function bbt_full_width_blog_layout( $mods ) {

$mods['fl-blog-layout'] = 'full-width';

$mods['fl-blog-sidebar-size'] = 0;

return $mods;

}

Change Quantity Input Field into Select Drop Down on Single Product Page

January 3, 2020 1 review

By default WooCommerce is adding a simple input field for product quantity where user can enter the number or click on the “+/-“ icon to increase/decrease the quantity. In this tutorial I am showing how you will change this input field into “Select” drop-down field. If you are enable the stock manger for your product, drop… Continue Reading

Creates Gallery Page With Beaver Builder & ACF Plugins

November 30, 2019 Leave reviews

I’m creating the gallery page with Beaver Builder and Advanced Custom Fields (ACF) Pro plugin. It will display 4 images per row. When user will click on thumbnail, large version of that thumbnail will open on modal popup box. What I am doing: Creating the Gallery type custom field with ACF plugin. So I can… Continue Reading

Display First Image of Product Gallery Instead of Featured Image on Single Product Page

January 1, 2020 Leave reviews

By default featured image is showing at first on single product page. We shall show the first image of product gallery images instead of featured image. If a product have not gallery images, then featured image will display. PHP Snippet Open the functions.php file of your theme and add this PHP codes at end of… Continue Reading

Displaying Recent Posts in Tiles Style with Beaver Builder Plugin

March 16, 2019 Leave reviews

I am displaying the recent blog posts in tiles style with Beaver Builder Pro plugin (no extra third party add-ons) on static front page. See the image at below: Top one is the full width one column row and insert the single Post module. I setup a placeholder background image(An image placeholder is a dummy… Continue Reading

Displaying the Beaver Themer Header on Scroll

June 28, 2019 Leave reviews

I am completely hiding my Beaver Themer header, until the user scrolls and it would be appear in sticky mode. In this tutorial I’m sharing the complete procedure. Creating The Site Header At first I create the site header with Beaver Themer add-on. There have two restrictions in Themer header settings. You will not enable… Continue Reading

Dynamically insert a product category attribute to WooCommerce shortcode

June 19, 2019 Leave reviews

In this tutorial I shall show how you will dynamically pass the product category slug to [Beaver Builder Module] Fade In Out Text $15.00 Pay Now [Fluent Forms] Adds User Role Field in User Registration Form $20.00 Pay Now [Revolution Pro Theme] Swap The Default Menu Locations For Mobile Menu Only $5.00 Pay Now Adding… Continue Reading

Team Carousel Module for Beaver Builder Plugin

March 23, 2019 Leave reviews

Team Carousel is a simple, clean and very light weight Beaver Builder module which is displaying the team members in carousel style. You do not need custom CPT for it. You will manually add them from the module. You can present them in various styles also. Installation Instruction It is not a plugin. You will… Continue Reading

Wrapping Gallery Items Around The Text

March 20, 2019 1 review

How do you wrap the gallery images around the text using the Beaver Builder Gallery module like above screenshot? In this tutorial I am sharing the complete instruction. Minimum requirements: Beaver Builder Plugin Gallery Module Adding 3 New Fields into Gallery Module I am adding the 3 new fields (Title, Text & Position) into Beaver… Continue Reading

Beaver Builder

Search Tutorials