WooCommerce: Add Custom Badge To Featured Products @ Shop Page

If you’ve ever wanted to customize how WooCommerce featured products appear on your classic product grid (Shop, Category, Tag, archive, search, shortcode pages) or Product Collection block, you’re in the right place!

For example, adding a custom label gives your featured products the attention they deserve and helps them stand out, catching the eye of your shoppers. Amazon does that, for example.

Whether you want to create a sleek, minimalist tag or a bold, colorful banner, a bit of custom code can transform your product display and enhance your store’s design.

In this guide, you’ll discover how to add a fully customizable label specifically for featured products in WooCommerce. With a simple CSS code snippet, you can take control of your shop’s visual identity. Read on to find the solution and start enhancing your store today!

Continue reading WooCommerce: Add Custom Badge To Featured Products @ Shop Page

WooCommerce: Display Featured Products First @ Shop, Cat, Tag, Search Pages

What’s the point of having the chance to “star” some products in your WooCommerce backend, if you can’t really use these featured products properly on the frontend? Yes, you can use a shortcode or a block to return the featured products only… or maybe you want to keep reading for a better (imho) solution!

Highlighting key products can significantly enhance user experience, driving sales by capturing the attention of potential buyers right from the start.

So, if you’re managing a WooCommerce shop, prioritizing featured products can help create a curated shopping experience that emphasizes your best offerings. In this tutorial, I’ll walk you through a simple yet effective code snippet that will help you display featured products first on various pages of your WooCommerce store.

This customization not only boosts visibility for selected items but also encourages shoppers to explore and engage with your inventory. Follow along to optimize your product display and maximize your store’s potential!

Continue reading WooCommerce: Display Featured Products First @ Shop, Cat, Tag, Search Pages

WooCommerce: Sort By Featured Products @ Shop

The “Default sorting” dropdown sorts products by menu_order and then title on the WooCommerce Shop, Category and Tag pages.

But what if you want to place the featured products first in the list (I mean, why would anyone set products as featured if you can’t really “promote” them on the Shop page)?

In today’s case study, we will replace the “Default sorting” option with a workaround, create a new one with the same label (so that customers won’t notice it), set it as the default sorting option, and make sure it sorts by featured products first, and then by menu_order and title. Enjoy!

Continue reading WooCommerce: Sort By Featured Products @ Shop