WooCommerce Show Banner On Specific Product Archive

Pre-Requisites

There are no pre-requisites in order for you to be able to implement this solution.

How To Implement This Solution?

Simply copy the pre-coded solution to your active theme’s functions.php or preferably the Code Snippets Plugin.

Need support with the snippet? We’re Here to Help You, Contact Us!

About This Solution

Showing a banner on the product archive template is a great way to capture the customer’s attention as they browse through your products. This guide shows you how you can show such a banner on a specific category and not on others. This is particularly useful if you’re running a sale only on one product category only or perhaps you need to give customers information about the products on the category as a whole. Simply change the product category slug, the HTML message, and the CSS styling of the message as needed.

/**
 * Snippet Name:	WooCommerce Show Banner On Specific Product Archive
 * Snippet Author:	ecommercehints.com
 */

add_action( 'wp_head', 'ecommercehints_specific_product_archive_banner' );

function ecommercehints_specific_product_archive_banner() {

if ( is_product_category( 'accessories' ) ) { // The product category to show the banner ?>

<style>
	.ecommercehints_category_banner {
		background-color: blue;
		color: white;
		font-size:20px;
		text-align:center;
	}
</style>

<?php echo '<div class="ecommercehints_category_banner">Accessories Sale Ends Tonight!</div>';
}

}