Shop Page

WooCommerce: Products With Equal Height @ Shop Page

You know, that’s one of the biggest WooCommerce display issues. Products have images of different proportions, different title lengths, some have review stars and some don’t, making the “product grid” layout a big mess in regard to height. You’d be very familiar with the below screenshot I guess. So, here are a few steps you […]

The post WooCommerce: Products With Equal Height @ Shop Page appeared first on Business Bloomer.

WooCommerce: Hide Category Images @ Shop

If your Appearance > Customize > WooCommerce > Product Catalog > Shop page display is set to “Show categories and products“, parent product categories will show in the “products loop” as the very first elements (see screenshot below). They really take up a lot of space and this could be annoying at times, mostly when […]

The post WooCommerce: Hide Category Images @ Shop appeared first on Business Bloomer.

WooCommerce: One Product Per Row @ Shop Page

By default, WooCommerce displays 4 products per row in the shop page. This is nice for almost any ecommerce website, however in certain cases you might want to change this setting in order to show full-width products (a.k.a. one product per row). In this post we’ll look at the alternatives you have in regard to […]

The post WooCommerce: One Product Per Row @ Shop Page appeared first on Business Bloomer.

WooCommerce: Remove “Shop” Title @ WooCommerce Shop Page

There are many snippets on the internet but many are out of date… so this is how to completely hide the Shop Page title in WooCommerce (plus: how to hide the title on WooCommerce Category pages). Enjoy! PHP Snippet 1: Remove Title @ WooCommerce Shop Page PHP Snippet 2: Remove Title @ WooCommerce Product Category […]

The post WooCommerce: Remove “Shop” Title @ WooCommerce Shop Page appeared first on Business Bloomer.

WooCommerce: Show Empty Product Categories

By default, empty WooCommerce product categories (i.e. categories which have no published products) will not display on your Shop page. This makes a lot of sense and avoids that customers land on empty pages… BUT sometimes you might have different needs and require that users still see these categories when the shop display is set […]

The post WooCommerce: Show Empty Product Categories appeared first on Business Bloomer.

WooCommerce: Hide “No products were found matching your selection”

When your WooCommerce store has no published products the shop page will not display anything. A message “No products were found matching your selection” will show instead. The same applies to empty categories. So, how do we hide this notice? Thankfully, and once again, one line of PHP is sufficient to achieve the result! Enjoy […]

The post WooCommerce: Hide “No products were found matching your selection” appeared first on Business Bloomer.

WooCommerce: Display “NEW” Badge on Recent Products

We already have a nice “SALE” badge by default with WooCommerce (as well as the “OUT OF STOCK”) one. These show on the shop page once certain conditions are met. Now, what if we wanted to show a “NEW” badge for products added in the last 30 days? This would certainly grab the customer attention, […]

The post WooCommerce: Display “NEW” Badge on Recent Products appeared first on Business Bloomer.

WooCommerce: Change Product Permalinks @ Shop / Loop Pages

A BloomerArmada fan asked me a very interesting question: how can I link each product in the shop page to its own custom landing page as opposed to the default permalink? Of course this applies when you don’t want to use the default single product page for all or some products. Clearly, you could set […]

The post WooCommerce: Change Product Permalinks @ Shop / Loop Pages appeared first on Business Bloomer.

WooCommerce: Display “In Stock” Products First @ Shop

We’ve already seen how to add a custom “Product Sorting” option to the “Default Sorting” dropdown in the WooCommerce Shop page. The task I was presented with, however, was to display items based on a custom “meta key”. Now, if you have no idea what a “meta key” is, don’t worry too much. For example, […]

The post WooCommerce: Display “In Stock” Products First @ Shop appeared first on Business Bloomer.

WooCommerce: How to Display Custom Product Badges (e.g. %OFF, NEW, FREE)?

You would know by now ecommerce customers buy products for different reasons. Your store products might be cheaper than your competitors, maybe you offer better shipping rates, possibly you restock products more quickly than anyone else – or simply you’ve got a great product people keep buying. One way to display your product features and […]

The post WooCommerce: How to Display Custom Product Badges (e.g. %OFF, NEW, FREE)? appeared first on Business Bloomer.

WooCommerce: Remove, Rename, Add “Sorting” Options @ Shop

We’ve seen in the past how to completely remove the “Default Sorting” dropdown that shows in the WooCommerce Shop, Category and Product Archive pages. Sometimes, however, you might just need to remove one of the default options, rename a sorting option accordingly to your needs or even add a brand new sorting method. As usual, […]

The post WooCommerce: Remove, Rename, Add “Sorting” Options @ Shop appeared first on Business Bloomer.

WooCommerce: Display YITH Wishlist Buttons @ Shop Page

This week’s snippet is about one of the most popular WooCommerce plugins on the WordPress repository: YITH WooCommerce Wishlist developed by YITHEMES. With over 500,000+ active installations, you can probably understand why this is extremely on demand. Having a “wishlist” on your WooCommerce website is a great idea: customers can save their desired products and […]

The post WooCommerce: Display YITH Wishlist Buttons @ Shop Page appeared first on Business Bloomer.

WooCommerce: Display Variations’ Stock @ Shop Page

Thanks to the various requests I get from Business Bloomer fans, this week I’m going to show you a simple PHP snippet to echo the variations’ name and stock quantity on the shop, categories and loop pages. Enjoy! PHP Snippet: Display Variations’ Name & Stock @ WooCommerce Loop Pages

The post WooCommerce: Display Variations’ Stock @ Shop Page appeared first on Business Bloomer.

WooCommerce: Display Height, Length, Width @ Shop Page

Another interesting snippet that could come very handy. How do we show the product dimensions (height, width, length) in the shop / category / tag / loop pages? This could be a handy trick for shops that calculate shipping rates based on volume, or when the volume is a vital piece of data customers need […]

The post WooCommerce: Display Height, Length, Width @ Shop Page appeared first on Business Bloomer.

WooCommerce: Check if User Has Already Purchased Product

If you need to detect if a logged in user has purchased a certain product ID, this snippet wil do the trick. You can use this for marketing (e.g. “Buy More of This!”) or for displaying special notices on the loop or single product page. Enjoy! PHP Snippet: Check if Logged In User Has Already […]

The post WooCommerce: Check if User Has Already Purchased Product appeared first on Business Bloomer.

WooCommerce: Remove Add Cart, Add View Product @ Shop Page

A fan requested an interesting edit on the Shop/Category page (or “loop”). Instead of having the default “Add to Cart” button, they wanted to remove that and substitute with a “View Product” button link to the single product page. Here’s the simple snippet – enjoy! PHP Snippet: Remove Add to Cart, Add View Product Button […]

The post WooCommerce: Remove Add Cart, Add View Product @ Shop Page appeared first on Business Bloomer.

WooCommerce: Show Unique Category @ Shop Page

Hello WooCommerce Customizers! Today is episode #9 of my “18 snippets in 18 days” challenge (we have 9 days and 10 snippets to go). Hope your WooCommerce snippet library has been growing steadily in the last few days 🙂 I remind you to share on social media and leave blog comments to support my marathon 🙂 […]

The post WooCommerce: Show Unique Category @ Shop Page appeared first on Business Bloomer.

WooCommerce: 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! PHP Snippet: Disable Link to Products @ WooCommerce Shop […]

The post WooCommerce: Disable Link to Single Product @ Shop appeared first on Business Bloomer.

WooCommerce: Display Stock Status/Quantity @ Shop Page

In this tutorial, my goal is to show the “stock quantity or status” under each product in the shop, category and archive pages. This follows exactly the same settings as the stock display of the single product page. Go to /wp-admin/admin.php?page=wc-settings&tab=products&section=inventory to manage “Stock display format”. Enjoy! PHP Snippet: Display Stock Quantity/Status @ WooCommerce Shop […]

The post WooCommerce: Display Stock Status/Quantity @ Shop Page appeared first on Business Bloomer.

WooCommerce Visual Hook Guide: Archive / Shop / Cat Pages

I’ve created a visual HTML hook guide for the WooCommerce Archive Page (which is the same page for the Shop, Category, Tag pages). This visual guide belongs to my “Visual Hook Guide Series“, that I’ve put together so that you can find WooCommerce hooks quickly and easily by seeing their actual locations (and you can […]

The post WooCommerce Visual Hook Guide: Archive / Shop / Cat Pages appeared first on Business Bloomer.

WooCommerce: Show Product Subcategories @ Shop Page

A client of mine has a category called “Brand”. Each product is assigned to a specific Brand subcategory e.g. Nike, Adidas, etc. The goal of this task was to show the “Brand” subcategories in the shop/category/loop pages as a way to help the user identify the brand name. Show Product Subcategories on the WooCommerce Loop […]

The post WooCommerce: Show Product Subcategories @ Shop Page appeared first on Business Bloomer.

WooCommerce: Show Product Custom Field in the Category Pages

A client asked me to show a given custom field in the loop (i.e. Shop page, Category pages, Tag pages = anywhere woocommerce products are returned). Interestingly enough, she didn’t want to show the product short description (see “show product short description on the homepage only” snippet) but a custom field, so here’s how you […]

The post WooCommerce: Show Product Custom Field in the Category Pages appeared first on Business Bloomer.

WooCommerce: Remove or Rename SALE! Badge

Here’s yet another easy WooCommerce PHP snippet if you wish to completely remove / hide or translate / rename the SALE! badge on the homepage, shop page, category pages and single product pages. Once again, with a few lines of code (and specifically, the “woocommerce_sale_flash” filter) you can achieve anything you want. Enjoy! PHP Snippet […]

The post WooCommerce: Remove or Rename SALE! Badge appeared first on Business Bloomer.

WooCommerce: Show “Sold Out” @ Shop Page

Here’s another simple snippet that can easily help user experience and make sure a “sold out” badge shows on each out of stock product in the category & shop pages. Not all themes allow this so you can use the snippet below to make it happen! PHP Snippet 1: Show “Sold Out” on Shop and […]

The post WooCommerce: Show “Sold Out” @ Shop Page appeared first on Business Bloomer.

WooCommerce: Hide Products @ Shop Page

A client wanted to show only featured products on the shop page. While adding featured products is very easy (just use the WooCommerce shortcode in the page content), it seems very difficult to remove the “other” products. Here’s what I did. PHP snippet: Hide Products @ WooCommerce Shop Page Please note: “Product Catalog” > “Shop […]

The post WooCommerce: Hide Products @ Shop Page appeared first on Business Bloomer.

WooCommerce: Add to Cart URL to Open in a New Browser Tab

Mostly when working with external products in WooCommerce, you may want to not only rename “Add to Cart” into something else… but also opening the link into a new tab. Here’s how I did it! PHP snippet: Add to Cart URL to Open in a New Tab @ WooCommerce Shop Page

The post WooCommerce: Add to Cart URL to Open in a New Browser Tab appeared first on Business Bloomer.

WooCommerce: How to change Shop Page SEO Meta Title (“Products Archive”)

Just say thanks to YOAST SEO plugin, that’s all you need to know. No PHP, no editing template files… just a simple setting in YOAST SEO for WordPress. That’s it 🙂 1. Go to SEO / Title & Metas / Post Types and scroll to the bottom of the page 2. In the “Custom Post […]

The post WooCommerce: How to change Shop Page SEO Meta Title (“Products Archive”) appeared first on Business Bloomer.

WooCommerce: Hide Prices on the Shop & Category Pages

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, […]

The post WooCommerce: Hide Prices on the Shop & Category Pages appeared first on Business Bloomer.

WooCommerce: How to Remove the “Default Sorting” Dropdown

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. This PHP solution is simply cleaner than CSS – and no matter if you code or not, you just need to copy/paste my snippet in your […]

The post WooCommerce: How to Remove the “Default Sorting” Dropdown appeared first on Business Bloomer.