Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author YITHEMES

    (@yithemes)

    HI there,
    thank you for contacting us.
    There no option available but if you want I can provide you a CSS code to hide the badge on thumbnails. Please provide me the url of a page where I can see the issue.
    About the other topic, it’s relative to another problem, that could not depend by the plugin. Sometime themes overwrite in a wrong way the default WooCommerce templates and the badge cannot be showed because of missing hooks.

    Thread Starter Milan

    (@mimoho)

    @yithemes Thanks for the explanation. This is the concerning webpage: https://kryptokompass.info/?s=bitcoin with OceanWP theme. Would it be possible to not only provide a CSS code for that specific purpose, but a function in general to disable badges on thumbnails when they cannot be resized automatically? I think, this was also asked for in the other thread.

    Plugin Author YITHEMES

    (@yithemes)

    Hi there,
    to hide the badge on that page you can use following CSS code.

    #post-2058 .container-image-and-badge .yith-wcbm-badge {
    display: none;
    }

    As you can see, I take a reference for that page, #post-2058 that is the the page ID.
    Unfortunately we can’t provide you a custom code to obtain your goal.
    We remain at your disposal for any additional question.

    Sorry to hijack, I have a wholesale/quick order form page and the above code worked to hide the badges on the thumbnail but it’s making anything that had a badge move its titles to the next line, any ideas?

    Hi,

    I have the same problem on woocommerce product. Is there any function that removes the badge on woocommerce thumbnails? Can you please help?
    I use salient theme.

    Thank you
    FC

    Problem solved!

    CSS:
    div.span_5.col.single-product-main-image > div.flickity.product-thumbs > div > div > div > div.thumb.active.is-nav-selected.is-selected > div > div > div {
    display: none;
    }
    div.span_5.col.single-product-main-image > div.flickity.product-thumbs > div > div > div > div.thumb.active.is-selected > div > div > div {
    display: none;
    }
    div.span_5.col.single-product-main-image > div.flickity.product-thumbs > div > div > div > div > div[class*=”yith-wcbm-badge–on-product-“].yith-wcbm-badge–anchor-point-bottom-right.yith-wcbm-badge-css.yith-wcbm-css-badge-469 {
    display: none;
    }

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Option to hide badge on thumbnail’ is closed to new replies.