Here’s a collection of tips, snippets and articles to answer your biggest WooCommerce customization questions. You can use the search button above to refine your search, or alternatively click on one of these popular WooCommerce customization tags: Checkout page, Single product page, Cart pageYou might also want to visualize the WooCommerce “hooks” in case you’re a little more familiar with coding – here’s the link to the popular “Visual Hook Guide Series“, where you can find all the WooCommerce PHP actions in a user-friendly way :)If you wish to subscribe to our weekly WooCommerce email roundup, click here. Otherwise, enjoy the latest articles on this page!
I worked with a client who uses the Shipstation plugin. After updating to the latest version of WooCommerce (2.2), the plugin stopped working and its tab under “settings” could not be clicked. On top, some of the dropdowns got broken. Here’s the fix, hoping that Shipstation updates the plugin asap. Continue reading WooCommerce: Shipstation plugin is broken [solved]
How can you redirect customers to a beautifully looking, custom, thank you page?
Thankfully you can add some PHP code to your functions.php or install a simple plugin and define a redirect to a custom WordPress page (as opposed to the default order-received endpoint). This is a great way for you to add specific up-sells, social media share and other information that could help you convert additional sales.
Continue reading WooCommerce: Redirect to Custom Thank you Page
WooCommerce functions add the shipping method label on the Cart totals, on the left hand side of the price. This ruins the price amounts alignment (subtotal, shipping, taxes, total) and many clients have asked me to remove it completely. Also, it could be that sometimes you don’t want to show the name of a shipping rate on the front-end. So, here’s how you do it!
Continue reading WooCommerce: Remove Shipping Labels @ Cart (e.g. “Flat Rate”)
The cart totals table cell title “Shipping” or “Shipping and Handling” appears also on the checkout page. So, what if you wish to “translate” this string from English to “better” English or completely customize it? Thankfully there’s a quick 4 lines snippet for you. Enjoy!
Continue reading WooCommerce: Translate “Shipping” @ Cart Totals
Sometimes you may want to add a prefix or a suffix to your prices. It could be something like “From…”, “Only…”, “…tax free” and so on.
The first good news is this is very easy to do with a WooCommerce filter (remember, filters change the value of an existing variable, while actions add content). The second good news is that you don’t need to know PHP, just copy/paste my snippet or install a mini-plugin. Enjoy!
Continue reading WooCommerce: Add Prefix / Suffix to Product Prices
In some countries there is no Postcode/ZIP (such as Ireland!). How do we make the Postcode/ZIP field not required, or how do we completely remove it? The answer is very simple. Continue reading WooCommerce: Disable PostCode/Zip Field on the Checkout Page
Interesting issue. A client found out that if you push “enter” on your keyboard while on the WooCommerce Checkout page, the form will be automatically submitted – as long as all required fields have been filled out.
Ouch! What if the customer wanted to use a different shipping method? What if “enter” is pushed by mistake? So, here’s how to disable it. Enjoy!
Continue reading WooCommerce: Disable Keyboard “Enter” on Checkout Page
On a website using USD and WooCommerce Subscriptions, a weird error showed up. After doing a bit of research, I found out that orders above $999.99 were showing as $1 on the Cart and Checkout page. Pretty weird! Here’s how I fixed it. Continue reading WooCommerce: Fix for Wrong Order Total
A very common WooCommerce shop page issue: sometimes (and especially with affiliate stores), WooCommerce product titles are way too long and go over several lines, messing with the overall vertical alignment.
On top of this, you may also want to keep the shop experience consistent, and make all the WooCommerce product titles of the same length. This is how you do it. Enjoy!
Continue reading WooCommerce: How to Shorten Product Titles
This is a very cool snippet that many of you should use to increase your average order value.
Ecommerce customers who are near the “free shipping” threshold will try to add more products to the cart in order to qualify for free shipping. It’s pure psychology.
So, here’s how we show a simple message on the WooCommerce Cart page. Enjoy!
Continue reading WooCommerce: Remaining $$$ to Get Free Shipping Notification @ Cart
If you’re running a WooCommerce store and trying to upload a product image, import a CSV, or install a plugin/theme, you might encounter the dreaded “uploaded file exceeds the upload_max_filesize directive in php.ini” error.
This message means the file you’re trying to upload is larger than what your server currently allows. While this is more of a hosting/server-side limitation than a WooCommerce issue, it’s a common roadblock for store owners—especially those on shared hosting or dealing with large files.
The good news? You don’t necessarily need to mess with php.ini or contact your host right away. In many cases, you can override this upload limit with a quick tweak to your .htaccess file—something you likely already have in your root WordPress directory.
Let’s look at how to do that, and get rid of that error for good.
Continue reading WooCommerce: Fix the “uploaded file exceeds the upload_max_filesize directive in php.ini” error
If you wish to print the payment gateway name on order emails (in its own paragraph below the order items table), here’s a handy snippet for you.
All you need to use is the “woocommerce_email_after_order_table” hook to pick the correct position, and then the “get_payment_method_title” WooCommerce function to return the payment gateway name. Enjoy!
Continue reading WooCommerce: Add Payment Method to Order Emails
Interesting WooCommerce customization here. A client of mine asked me to hide/remove prices from the shop page and category pages as she wanted to drive more customers to the single product pages (i.e. increasing the click-through rate).
As usual, a simple PHP snippet does the trick. I never recommend to use CSS to “hide” prices, as they would still be visible in the code – PHP stops the prices from loading, so they’re invisible to the user.
Continue reading WooCommerce: Hide Prices on the Shop & Category Pages
If the WooCommerce product sorting functionality (“Default Sorting” dropdown) is a waste of space or you don’t need that select box at all, you may want to remove it.
No matter if you prefer custom code or a simple plugin – hiding the product sorting dropdown is a piece of cake. Enjoy!
Continue reading WooCommerce: How to Remove the “Default Sorting” Dropdown
When the long description is very short, you may want to move the whole block of “product tabs” to the right hand side of the product image – as opposed to wasting a lot of space underneath it.
So, here’s how you can remove the product tabs from their original position, and display them beside the featured image instead.
Continue reading WooCommerce: Move Product Tabs Under the Short Description