By default, a maximum of four widget areas are available in the footer widgets section of Beaver Builder Theme. Do you want to add an additional 5th widget area to footer widgets part of Beaver Builder Theme? This is possible by registering a new widget area at a specific location in Beaver Builder Theme. Enable… Continue Reading
Beaver Builder
Show row or module based on visitor country location in Beaver Builder
Do you want to display content in Beaver Builder layout based on visitor country (code) location? Beaver Themer addon provides a lot of conditional options but such location-based targeting is not available by default. However, this can be implemented via Conditional Logic API. To implement this, we shall build conditional logic “User Country Code”. Preview:… Continue Reading
Shortcode to output ACF custom fields in Beaver Themer
Do you want to output ACF custom field value manually using a shortcode in a Beaver Builder layout? By default, modules in Beaver Builder allows you to connect to specific custom fields of your choice with simple click routines. However, for an even more custom approach, you can output custom field values manually using easy… Continue Reading
Connect Smart Slider 3 ACF field type with Beaver Themer layout
Want to display sliders created with Smart Slider 3 plugin in your Beaver Themer layout? You can easily make this connection with the power of custom fields created with ACF Pro plugin. Here is the quick procedure to get going. Create Custom Fields with ACF Pro Plugin First, we shall create a custom field of… Continue Reading
Add self updating current year in Beaver Themer Footer layout
We are in the new year, but one can still find a lot of websites displaying the previous year in the footer area next to the copyright disclaimer text. If you are building the footer layout template using Beaver Themer addon, then you can easily switch from manual year text to self-updating current year using… Continue Reading
Remove image Zoom Effect on WooCommerce products in Beaver Builder Theme
By default images displayed on WooCommerce product pages have a zoom effect. An image will zoom on mouse hover by the user. You can easily disable this zoom effect using a few lines of code. PHP Snippet: Removes Zoom Effect With your Beaver Builder child theme active, go to Appearance > Themer Editor in the… Continue Reading
Make Beaver Builder row Sticky to Top on scrolling
Want to make the content of a specific row stick to the top on scrolling down page layout made with Beaver Builder? This functionality can be implemented using code from Sticky jQuery plugin. An ideal use case, when using the menu module within the layout that sticks to the top automatically on user scrolling for… Continue Reading
