For once, this is a PHP snippet I use on my own website ๐ In here, I’ll show you how to change the “Description” H2 Heading in the description tab on the single product page. Enjoy! Continue reading WooCommerce: Rename “Description” Title @ Single Product Page Tabs
Search Results for: Single Product
WooCommerce: Product Enquiry Form @ Single Product Page (CF7)
A client asked to show a “Product Inquiry” button on the Single Product Page which would display, upon click, a Contact Form with an automatically populated subject (Contact Form 7 plugin must be installed of course). Here’s how I did it!
Continue reading WooCommerce: Product Enquiry Form @ Single Product Page (CF7)WooCommerce: Rename “Tags” Label @ Single Product Page
A #CustomizeWoo student reached out for premium support in regard to “WooCommerce taxonomies”. The question was: How do I change the label “tag” into something else, for example “brand”? Well, this is how it’s done!
Please note that this does not change the “tag” permalinks (URL, slug, etc), but only the “Tags” label on the frontend, and only on the Single Product Page.
Continue reading WooCommerce: Rename “Tags” Label @ Single Product PageWooCommerce: Product Category as Body Class @ Single Product Page
A Business Bloomer fan asked me an interesting question this week: how to apply CSS on the single product page based on the product category? Well, the answer is pretty simple: if we’re able to add the category name to the HTML “body”, this can then be targeted in your custom CSS. So, let’s see how this is done!
Continue reading WooCommerce: Product Category as Body Class @ Single Product PageWooCommerce: Add Next/Previous @ Single Product Page
A very nice client ๐ had a very nice challenge the other day, so I thought of “donating” this valuable snippet to all of you!
After researching the internet high and low and not finding anything simple that also worked (in particular this snippet on StackOverflow and this Gist on Github), I decided to DIY!
Here’s what I came up with – enjoy! Continue reading WooCommerce: Add Next/Previous @ Single Product Page
WooCommerce: Display Product Gallery Vertically (Single Product Page)
Today’s challenge has been on the top of my to-write list for a while. And thanks to one of Business Bloomer’s subscribers, I finally decided to post a quick tutorial. Here’s how to align the “Product Gallery” thumbnails to the side of the main Single Product Page image, no matter the device. Continue reading WooCommerce: Display Product Gallery Vertically (Single Product Page)
WooCommerce: Show Published Date @ Single Product
Hello WooCommerce Customizers! Today we take a look at the WooCommerce Single Product Page and specifically at how to display the product/post published date. It might be useful to users in case you need to show how “new” a product is, or if you have specific needs. Enjoy ๐
Continue reading WooCommerce: Show Published Date @ Single ProductWooCommerce: Disable Link to Single Product @ Shop
Today we take a look at the WooCommerce Loop / Shop Page and specifically at how to disable the link to the single products.
Some store owners prefer to skip the single product page, and simply have customers add to cart from the shop page. Enjoy!
Continue reading WooCommerce: Disable Link to Single Product @ ShopWooCommerce: Remove Sidebar @ Single Product Page
Unless your theme is overriding the WooCommerce sidebar, removing this from the single product page is quite easy! Continue reading WooCommerce: Remove Sidebar @ Single Product Page
WooCommerce Visual Hook Guide: Single Product Page
Here’s a visual hook guide for the WooCommerce Single Product Page. This is part of my “Visual Hook Guide Series“, through which you can find WooCommerce hooks quickly and easily by seeing their actual locations (and you can copy/paste). If you like this guide and it’s helpful to you, let me know in the comments!
Now that you know the product page hooks, you can override the WooCommerce Single Product Page via your child theme’s functions. You can remove default elements (for example, the featured image, the add to cart form, related products…), you can add your custom elements by picking the correct positioned “hook” and triggering your function, and you can even “move” existing elements. Need a video tutorial? Watch it now โ
Continue reading WooCommerce Visual Hook Guide: Single Product PageWooCommerce: Related Products in a Custom Tab @ Single Product Page
This is a simple snippet that will allow you to move the Related Products from below the tabs to inside the single product tabs, in a brand new tab.
Continue reading WooCommerce: Related Products in a Custom Tab @ Single Product PageWooCommerce: Edit “# in stock” @ Single Product Page
I’ve seen many snippets that change the “In Stock” text on the single product page, but not the FULL string. In this particular case, not only I needed to change the text, but also edit the order of display: from “2 in stock” to “Quantity: 2“.
Continue reading WooCommerce: Edit “# in stock” @ Single Product PageWooCommerce: Remove a Tab @ Single Product Page
There are ways to completely remove the WooCommerce Single Product page tabs, but in case you wish to remove only one of them, these easy snippets will teach you how to do just that.
For example, you may want to hide the “Reviews“ tab because you don’t want to enable product feedback. Or maybe you would like to hide the “Additional Information” tab, because you don’t need that information to be seen.
Either way, it’s super easy – enjoy!
Continue reading WooCommerce: Remove a Tab @ Single Product PageWooCommerce: Display Content Above Add to Cart @ Single Product Page
A client of mine decided to add a little notice (“30-day return policy offered”) just above the Add to Cart button on the WooCommerce single product page. There is no need to say this will allow her to increase the click-through rate and her sales conversion rate. Continue reading WooCommerce: Display Content Above Add to Cart @ Single Product Page
WooCommerce: Move Social Sharing @ Single Product Page
JetPack sharing (and other social media sharing plugins) allow you to add social media sharing to your woocommerce products. However, the sharing buttons will only show at the bottom of the “Long description”.
How to move that up a bit, say between the short description and the product tabs? Simply add this function to your functions.php file editor: Continue reading WooCommerce: Move Social Sharing @ Single Product Page
WooCommerce: Remove Additional Information Tab @ Single Product
The “Additional Information” tab on the single product page is somewhat annoying and, honestly, quite useless.
There are 2 simple methods to “hide” it or delete it completely: a CSS and a PHP solution. In the first case, you can input the code in your style.css; in the second case use your child theme’s functions.php.
However, Always remember that PHP is better than CSS: with CSS you load the element and then hide it, while with PHP you stop the element from loading. Clearly, PHP is a better way to do it!
Continue reading WooCommerce: Remove Additional Information Tab @ Single ProductWooCommerce: How to Sync Products, Stock and Orders Between Several Stores
Running multiple WooCommerce stores can be a recipe for success, but keeping your products and stock levels synchronized across them can quickly turn into a nightmare.
Imagine the frustration of a customer trying to buy a product that shows “in stock” in one store, only to find it out of stock when they checkout. Yikes.
But fear not! This tutorial is your guide to conquering inventory chaos with product and stock syncing. We’ll dive into the amazing benefits of syncing your WooCommerce stores (e.g. products, stock, orders, etc.) so you can streamline your operations and watch your sales grow.
This multi-store functionality typically requires the use of additional plugins or services designed to manage multiple WooCommerce sites – one such solution is the WooMultistore plugin.
Continue reading WooCommerce: How to Sync Products, Stock and Orders Between Several StoresWooCommerce: Get All Variations For A Given Product
When you deal with WooCommerce variable products and custom code, you may need to programmatically access all the variations based on a given (parent) product ID.
This post dives into the world of WooCommerce product variations and shows you two powerful PHP methods to retrieve all the variations associated with a specific product ID.
We’ll explore several approaches, and by the end, you’ll be equipped to effortlessly handle variations in your code, based on what exact output you need. Enjoy!
Continue reading WooCommerce: Get All Variations For A Given ProductWooCommerce Without Product Images
This is an edge case, however it may happen that a B2B business requires no product images and doesn’t want to use the WooCommerce image placeholder either (this shows on shop/category pages and the single product page when no featured image is added).
This interesting question was asked by a Club member in our private Slack channel, so I didn’t hesitate for a second and looked for a quick fix (2 lines of code). Enjoy!
Continue reading WooCommerce Without Product ImagesWooCommerce: Hide Sale! Badge If Product Is Out Of Stock
If a product cannot be purchased because it is out of stock, why would you want to tell people that it’s on sale – only because it has a sale price?
That would probably clutter your shop and maybe get the customer to click on the wrong item just because it was standing out, only to find out they can’t purchase it!
So, let’s fix this little “design bug” in WooCommerce – let’s make sure the Sale! badge gets hidden in case the product is out of stock. Enjoy!
Continue reading WooCommerce: Hide Sale! Badge If Product Is Out Of Stock