Add a WooCommerce missing action hook with shortcode in Beaver Builder
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 MoreAdd Dot Pagination to WooCommerce Product Gallery Image Slider
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 MorePosition WooCommerce Checkout Spinning Icon On Page
WooCommerce checkout page uses a spinning loader icon while the page goes through a series of ajax refreshes throughout the checkout process. The spinning icon is a visual clue to the user to wait until it stops spinning that the page is updated and ready for the next step, however some WordPress themes may not…
Read MoreChange WooCommerce Checkout Page To A 2-Column 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 MoreCompletely hide WooCommerce products from shop, product search and WordPress 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 MoreRemove add to cart button on WooCommerce products that belong to a certain category
Here is some code to allow you to hide the Add to Cart button on WooCommerce products that belong to a certain category, so if the product page is viewed by a customer they will be unable to add the product to a cart. The code needs to be add to your themes functions.php file.…
Read MoreDisable WooCommerce Payments credit card/debit card gateway on Checkout
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 MoreSend Full Product Details over WooCommerce Webhook Action Hook
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 MoreRestrict WooCommerce Shipping Calculator to Specific Countries and States
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 MoreHow to make both City and Postcode fields required in WooCommerce Shipping 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