How to display Zero (0) as value of Item Counter of Empty Wishlist?

The Wishlist Item Counter is hidden when the Wishlist is Empty. However some merchants might want to display the value 0 (Zero) for empty wishlist instead of hiding it. The below method helps in achieving this.

Open the Extra CSS tool under App’s Settings in Shopify Admin at the below location

Apps =>> Smart Wishlist =>> Configure Appearance =>> Extra CSS

Add the below CSS code to the 1st Code box of Extra CSS tool.

span.topbadge:empty{
    display: inline-block !important;
}

span.topbadge:empty:before {
    content: "0";
}

Leave a Reply

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