Hide Prices from Shop & Product Archive Pages Woocommerce

Woocommerce is most popular eCommerce platform and very easy to customize the pages by writing simple snippets. Do you want to remove/hide Prices from Shop and Product Category archive pages from Woocommerce?, you can do that through CSS and also through snippet as well. Better if use snippet instead of CSS.

Remove Prices from the Shop and Product Archive (Product Listing) Pages Woocommerce through CSS

Add Below CSS code into your theme’s style.css.


ul.products li.product span.price{
display : none !important;
}

Remove Prices from the Shop and Product Archive (Product Listing) Pages Woocommerce through snippet

Add Below snippet into your theme’s functions.php.


add_filter( 'woocommerce_variable_sale_price_html', 'bpt_remove_prices', 10, 2 );
add_filter( 'woocommerce_variable_price_html', 'bpt_remove_prices', 10, 2 );
add_filter( 'woocommerce_get_price_html', 'bpt_remove_prices', 10, 2 );

function bpt_remove_prices( $price, $product ) {
$price = '';
return $price;
}

Leave a Reply

Your email address will not be published. Required fields are marked *