Bootstrap Off Canvas Content

Utilising a Bootstrap 4 WordPress theme – below code snippets to toggle off-canvas content. For multiple panels of content the trigger button data attribute – data-trigger needs a unique value that matches its content panel in the case below it is the article element which has the matching id value. HTML <b class=”screen-overlay”></b> <button data-trigger=”#card_mobile”…

Read More
Woocommerce Return To Store Button

WooCommerce version 2.6 has brought out a new text filter that lets you change the text of ‘Return To Store’ on the button that appears on the cart page when the cart is empty. The filter is called woocommerce_return_to_shop_text and this is how you can use it. add_filter(‘woocommerce_return_to_shop_text’, ‘prefix_store_button’); /** * Change ‘Return to Shop’…

Read More
Woocommerce Featured Product Loop

Here is a guide on how to create a WooCommerce featured products loop of featured images. The featured product option is chosen from the star column in the WordPress dashboard backend of the WooCommerce products, ‘featured‘ it is a term that belongs to the taxonomy named ‘product_visibility‘.     View the code on Gist. So…

Read More
Bootstrap Collapse Beaver Builder

If you have the Beaver Theme here is how you can add Bootstraps Collapse effect to a Beaver Builder row or module can be achieved using the Bootstrap data-toggle attribute. Let’s say you have a button which when clicked reveals a module below it and another click hides the module again. As below… Example Pellentesque…

Read More
Wordpress Wp Cli Plugin Updates

With wp-cli installed on your webhosting  you can upgrade your WordPress plugins to specific versions of the plugin, all plugins, all but certain plugins and minor or patch releases. Also you can test the update with a dry run option just to make sure installs go without error. Update Specific WordPress Plugin Version Lets say…

Read More
Free Shipping Woocommerce

You can force WooCommerce to only show free shipping rates if the carts contents qualify and hide the other shipping rates with this code snippet below, which uses the woocommerce_package_rates filter, it goes in your themes functions.php file add_filter( ‘woocommerce_package_rates’, ‘prefix_hide_shipping_when_free_is_available’, 100 ); /** * Hide shipping rates when free shipping is available. * Updated…

Read More
Change Woocommerce Breadcrumb

You can change the Home name and home url link in WooCommerce breadcrumbs with 2 filters,  woocommerce_breadcrumb_defaults and woocommerce_breadcrumb_home_url Change WooCommerce Home Text in Breadcrumb add_filter( ‘woocommerce_breadcrumb_defaults’, ‘prefix_change_breadcrumb_home_text’ ); /** * Rename “home” in WooCommerce breadcrumb */ function prefix_change_breadcrumb_home_text( $defaults ) { // Change the breadcrumb home text from ‘Home’ to ‘Shop’ $defaults[‘home’] = ‘Shop’;…

Read More