Add 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 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 MoreAdding Flexbox CSS to WooCommerce Shop and Products
You can add Flexbox to WooCommerce shop page, product category archives and related products rows and actual products with a few lines of CSS – this will ensure that the products will line up nicely aligned top to bottom. WooCommerce CSS itself will do a lot of the grunt work with row % widths based on…
Read MoreAutoComplete WooCommerce Paypal Order from Processing to Complete
Using WooCommerce and Paypal, sometimes the order does not go from processing to complete on payment of the order at Paypal and you manually have to set it to complete, this snippet as provided by woothemes fixes this issue. /** * Auto Complete all WooCommerce orders. * Add to theme functions.php file */ add_action( ‘woocommerce_thankyou’,…
Read MoreTarget WooCommerce Products and Pages Using PHP Conditionals
WooCommerce comes with a number of pages and a custom post type named ‘products‘, sometimes you may want to just target some of these products or pages so you can add some PHP custom code in your functions.php file of your theme, this can target all or parts of WooCommerce using PHP conditional statements. All WooCommerce…
Read MoreMake all WooCommerce Pages Full Width in Genesis (including Product Pages)
You can set all of WooCommerce pages including all product pages to be full width content inside of a Genesis Theme by adding a function and filter to your functions.php file. So in the above the WooCommerce shop, cart and checkout pages are targeted in an array plus the custom post type ‘Products’ which is…
Read MoreChanging the WooCommerce Payment Gateway Order
You can change the Woocommerce payment gateway order in the checkout page, it’s pretty easily without touching any code, here is how you can move Stripe above Paypal or re-arrange the order at your will – just go to WordPress Dashboard > WooCommerce > Settings > Checkout. Scroll down to the payment gateways and click…
Read MoreRemove Password Strength Rules in WooCommerce Checkout
You can remove the password strength rules in WooCommerce checkout page when signing up for an account password, obviously this is less secure but may lessen cart abandonment by your customers – I have a few sites whereby this is a pain point for users. This snippet from @WPprodigy will take the strength-o-meter policy away…
Read MoreRemove Related Products on Product Page in WooCommerce
To remove related products on a WooCommerce product page…
Read MoreAdding Product Content Description Above the Product in WooCommerce
By default in WooCommerce the product description of a product sits inside the ‘Description’ tab, with the Short Description displayed more prominent alongside the product. Here is how to swap that order and display the product content at the head of the page and remove the tab description (…as it will display twice). So in…
Read More