Make counter vanish when no items in wishlist

  • Resolved mcnotony

    (@mcnotony)


    2 years, 2 months ago

    Hi,

    I customised the wishlist product counter in the menu and set it to show how many products there are in the wishlist.

    .wishlist_products_counter_number {
width: 21px;
height: 21px;
background: #e95600;
border-radius: 100%;
color: #fff;
position: relative;
top: -13px;
font-size: 12px;
line-height: 22px;
right: 8px;
margin-right: -15px;
}

    However, when there are no items instead of just disappearing the orange background circle stays there with no text.

    How can I make it disappear?

    Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author templateinvaders

    (@templateinvaders)

    Hi @mcnotony

    You can try to add the next CSS rules:

    .wishlist_products_counter_number {
    display:none;
}
.wishlist_products_counter.wishlist-counter-with-products+.wishlist_products_counter_number {
    display:inline-block;
}
    Thread Starter mcnotony

    (@mcnotony)

    that did it. TY so much!!!!!!!!!!!

    Plugin Author templateinvaders

    (@templateinvaders)

    In case you have enabled the option “Hide zero value” for products counter you can use the next CSS rule:

    .wishlist_products_counter_number:empty {
    display:none;
}
    Thread Starter mcnotony

    (@mcnotony)

    ok great. thanks agina

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Make counter vanish when no items in wishlist’ is closed to new replies.