Badge not working properly on the Product Page

  • Resolved osnow

    (@osnow)


    2 years, 2 months ago

    The sold out badge is on the very left side of the website instead of on the photo. I tried enabling the alternative version but when I enable that the badge does not show up at all.
    Thanks for any help
    ??
    O

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Charlie Etienne

    (@charlieetienne)

    Hi, indeed, it doesn’t works well with your theme…

    I’m just able to give you a custom solution with some CSS:

    .wcsob-outofstock-product.single-product .iconic-woothumbs-images-wrap:before {
    content: "SOLD";
    position: absolute;
    background: #484848;
    border-radius: 100%;
    color: #fff;
    height: 75px;
    width: 75px;
    display: block;
    text-align: center;
    line-height: 75px;
    left: 10px;
    top: 10px;
    z-index: 9999;
}
.single-product .wcsob_soldout {
    display: none !important;
}

    You no longer be able to customize it from badge settings, cause it’s pure CSS. You still need the plugin active because it adds a needed class to body element.

    Cheers,

    Charlie

    Thread Starter osnow

    (@osnow)

    Thank you so much! Works perfectly. Appreciate it!
    Take Care
    Opie

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Badge not working properly on the Product Page’ is closed to new replies.