Customize WooCommerce Product Search Field

woocommerce-search-field

The WooCommerce Product Search field can be added via a widget and also via a template tag… get_product_search_form() Another option is a filter get_product_search_form() by which you can create your own custom search field including using an icon. The Original Markup View the code on Gist. This will just reproduce the form in it’s original…

Read More

Change the Keyboard Shortcuts in Beaver Builder 2 Plugin

beaverbuilder-keyboard-shortcuts

You can modify the Beaver Builder shortcut keys in the new version 2 plugin by using a filter   – fl_builder_keyboard_shortcuts that you add to your themes functions.php file add_filter( ‘fl_builder_keyboard_shortcuts’, ‘get_keyboard_shortcuts_mine’ ); /** * Modify the Beaver Builder 2 Keyboard shortcuts */ function get_keyboard_shortcuts_mine( $data ) { $data[‘showModules’][‘keyCode’] = ‘m’; $data[‘showRows’][‘keyCode’] = ‘r’; $data[‘showTemplates’][‘keyCode’] =…

Read More

Override the Beaver Builder Global Settings Including Media Query Breakpoints

beaver-builder-global-settings

Beaver Builder Global Settings can be overridden including the Media Query breakpoints via the Tools > Global Settings in the Beaver Builder interface.   If you have a starter theme you can permanently override these settings by using the fl_builder_register_settings_form filter which will allow you to set the modified global settings permanently so you don’t…

Read More

Displaying Featured Products in WooCommerce

woocommerce-featured-products

WooCommerce has products called Featured Products which are products what become featured when they are starred in the WP Admin dashboard. Here is how you can display them.   Featured Products Shortcode Display WooCommerce Featured Products via shortcode like so: Other parameters you can use in the shortcode are ‘orderby‘ and ‘order‘. Featured Products Custom…

Read More

Override the Beaver Builder LightBox Plugin

Here is a quick guide on how to override the Beaver Builder Lightbox plugin in which you may wish to run another lightbox plugin instead. If you are using the Beaver Builder plugin, then add in your theme’s function.php add_filter( ‘fl_builder_override_lightbox’, __return_true, 999 ); Additionally if you are running the Beaver Builder Theme then you…

Read More