Hide cart icon?

whisper · July 2017

Hello and thanks for your time.

Is there any way I can hide the cart icon from regular pages and have it appear only on shop pages please?

Bryan · July 2017

HI,

sorry but this is not possible. We can try with custom css, please send a link to your page.

We do not promise anything.

thanks

whisper · July 2017

Thank you so much

Someone on the forums suggested I use the following method, but I am not sure how this is done?

You can easily do this with CSS. All woocommerce related pages add
class "woocommerce" to the body tag, so you can use it with ":not"
selector.

Something like this:

body:not(.woocommerce) .your-shopping-cart-class-or-ID-goes-here {
display: none !important;
}

whisper · July 2017

Sorry my page link is here : http://websiteandlogodesign.com.au/skincare/

Bryan · July 2017

yes, this css is fine, but you have to add the cart ID so it can target it, use this css

body:not(.woocommerce) #header_cart {
display: none !important;
}

whisper · July 2017

Awesome, thanks heaps for helping me

I will try that now.

whisper · July 2017

WOOHOO it works great TYVM

Comments