Adjusting WooCommerce Price Description with ACF Custom Field
Using a simple ACF field you can adjust the WooCommerce pricing type per item with a dropdown selection that will display after the price in the product, shop, cart and checkout page. Create a select dropdown in ACF. This example the field is named product_price_type and has 3 values/choices (use as many as you like)…
Read MoreChange WooCommerce Price to be by Weight
You can change the WooCommerce price to be by weight by appending some text after the actual price such as ‘per kg’, this can be done by manipulating 3 filters that display the price in the shop/product page, cart and checkout pages; woocommerce_get_price_html woocommerce_cart_item_price woocommerce_checkout_cart_item_quantity If all items were to be classified as ‘per kg‘…
Read MoreHide Amount of Items from Add to Cart Message in WooCommerce
Need to hide the amount of items added to the cart in the success message that appears after adding an item in WooCommerce, the wc_add_to_cart_message_html filter has you covered. Add the below code snippet to your functions.php On line 24 a ternary operator has been removed which displayed the quantity if greater than 1 – now when…
Read MoreAdd WooCommerce Add to Cart Button to Menu with Offscreen content like Outfitter Pro
This is a guide to add a WooCommerce Add to Cart button icon to a main menu with a toggle effect that displays added shop items in a mini-cart in an overlay. This is offscreen content displayed and closed on click, this is how the new Outfitter Pro theme uses it, in this guide it is…
Read MoreAdd WooCommerce Styles to The Customizer in WordPress
Adding the WooCommerce styles to the Customizer in WordPress can help you quickly style and scaffold some common components of WooCommerce. This tutorial takes you through how to set that up in a WordPress starter theme using a child theme. This is an intermediate example and not all the code is explained in detail. First…
Read MoreSkip Cart Go Straight to Checkout Page in WooCommerce
WooCommerce workflow can be a little too long for simple products, here’s how to get the product to skip past the cart page and go straight to the checkout page. First uncheck the cart options in WooCommerce Settings -> Products. Then add in your functions.php add_filter(‘add_to_cart_redirect’, ‘themeprefix_add_to_cart_redirect’); function themeprefix_add_to_cart_redirect() { global $woocommerce; $checkout_url = $woocommerce->cart->get_checkout_url();…
Read MoreHide WooCommerce Product Categories on Shop or other Page
You can hide certain WooCommerce product categories from the shop or other targetted page, by using an action called woocommerce_product_query Add it in via functions.php and it works like so… So the action is wrapped in a conditional statement that targets the pages you want the Product Categories to not display. Then in the $tax_query array set…
Read MoreChange the Intro Text on My Account Page in WooCommerce
Here is how to change the default intro text on login to my-account page in WooCommerce. Hello admin (not admin? Log out) From your account sidebar you can view your recent orders, manage your shipping and billing addresses and edit your password and account details. Make a woocommerce/myaccount folder structure in your theme if not…
Read MoreChange, Edit & Rename WooCommerce Endpoints in My Accounts Page
Here is how you can change, edit and rename WooCommerce Endpoints in My Accounts Page. Since the release of WooCommerce 2.6 Woo has a revamped My-Account page, it appears as a vertical menu of links that display the corresponding table of data to the right, similar to a tabbed layout. This certainly is a better user…
Read MoreChange the WooCommerce Shop Page URL
You can change the WooCommerce shop URL with a filter that WooCommerce provides, this can be helpful especially if you have a one product based shop and you want your users to return to that product and not the default shop page URL. The filter to use is aptly named – woocommerce_return_to_shop_redirect add_filter( ‘woocommerce_return_to_shop_redirect’, ‘st_woocommerce_shop_url’ );…
Read More