Add a WooCommerce missing action hook with shortcode in Beaver Builder

Add Shortcode Hook Woocommerce

Some themes or plugins remove native action hooks in WordPress / WooCommerce, however you can add them back in the layout with another action hook or shortcode insertion. Beaver Builder is missing some WooCommerce action hooks one such one is woocommerce_before_shop_loop_item_title , you can add that back to the WooCommerce loop by doing a custom…

Read More

Add Dot Pagination to WooCommerce Product Gallery Image Slider

Woocommerce Dot Navigation

You can add dot pagination to WooCommerce Product Gallery images by adding a filter and then some CSS. WooCommerce uses a slider called Flexslider which it has a few more configurable options. By default the product gallery navigation uses thumbnails but this can be swapped to dots by changing the ‘controlNav’ value. In functions.php add…

Read More

Change WooCommerce Checkout Page To A 2-Column Layout

Woocommerce Checkout Layout

The default WooCommerce checkout page layout doesn’t make great use of a 2nd right hand column and looks a bit disjointed. Here is some CSS that can push the product order data to the 2nd column balancing the layout more evenly, making for a better user experience whilst checking out. The CSS kicks in at…

Read More

Completely hide WooCommerce products from shop, product search and WordPress search

Hidden Woo Products Showing in search

You can hide a WooCommerce product from the shop page and product search by choosing ‘Hidden’ in the ‘Catalog visibility’ options from the Publish metabox on a product page in the backend. This is good and it hides the product as advertised from the shop and product search results but the product is still visible…

Read More

Disable WooCommerce Payments credit card/debit card gateway on Checkout

Multiple Stripe Gateway Woocommerce

To use Apple Pay as a payment gateway on WooCommerce, you’ll either need the older Stripe or newer WooCommerce Payments plugin the latter being more heavily promoted by Woo and WordPress. When using the WooCommerce Payments plugin which is powered by Stripe, as well as an Apple Pay payment gateway you also get a Stripe…

Read More

Send Full Product Details over WooCommerce Webhook Action Hook

Woocommerce Webhook Action

WooCommerce has a webhook feature that allows you to send product data to a webhook url when a certain product status is made. The configuration of the webhooks is at WooCommerce>Settings>Advanced>Webhooks The product states to choose from to fire the webhook are referred to as Topics and include states like Order Created, Order Updated and…

Read More

Restrict WooCommerce Shipping Calculator to Specific Countries and States

Shipping Countries States Woocommerce

Here is how you can restrict specific Countries and States in WooCommerce Shipping Calculator, so a user can only select from what is available. Countries The Countries field is handled inside WooCommerce General Settings. Change the ‘Selling Location’ to ‘Sell to specific countries then add the countries you want in the next field. States For…

Read More

How to make both City and Postcode fields required in WooCommerce Shipping Calculator

Woocommerce Shipping Fields Calculator

Both the City and Postcode/ZIP fields in the WooCommerce Shipping Calculator are not compulsory for the user to fill in, you may need them mandatory for a better user experience to calculate certain shipping conditions. Both the Suburb and Postcode fields are input fields inside a form which allows us to use the required attribute,…

Read More