Badge doesn’t show on shop page

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

    (@charlieetienne)

    Hi @refrivan,

    Could you try to set alternative mode (pure CSS) in plugin settings?

    It should do the trick in your case

    Let me know, regards

    Charlie

    Thread Starter refrivan

    (@refrivan)

    It didn’t work ??
    The badge in the product page stopped showing and the ones in the shop page still didn’t appear

    Plugin Author Charlie Etienne

    (@charlieetienne)

    Ok, you can add this custom CSS:

    .archive .product.outofstock:before {
    content: 'SIN STOCK';
    color: #ffffff;
    background: #FE2121;
    font-size: 16px;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
    font-weight: bold;
    width: auto;
    height: auto;
    border-radius: 0px;
    z-index: 9999;
    text-align: center;
    position: absolute;
    top: 6px;
    right: auto;
    bottom: auto;
    left: 6px;
}

    Let me know

    Thread Starter refrivan

    (@refrivan)

    Thanks! That worked ??

    Thread Starter refrivan

    (@refrivan)

    Sorry, me again.. Is there a way to hide it “behind” the menus? So it doesn’t overlap like this:
    https://snipboard.io/OC3jTW.jpg

    Plugin Author Charlie Etienne

    (@charlieetienne)

    Yes, in the custom CSS, try to set a lower value for z-index property like 999

    Thread Starter refrivan

    (@refrivan)

    Nicee! Done! Thankss!!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Badge doesn’t show on shop page’ is closed to new replies.