• Hello,
    Thanks for the awesome plugin – I’m trying to make my badge show the overflow so it doesn’t get cutoff with the product image dimensions, but my CSS has not worked so far.

    The badge doesn’t show it’s full size which I would like to show ontop of (and beyond) the product image (like overflow-x).

    Can you help?

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter 3rdeyeball

    (@3rdeyeball)

    z-Index doesn’t work, the closest I’ve gotten is making the badge layer position: static but it forces the product image behind it to shrink in size to the height of the badge..

    Plugin Author YITHEMES

    (@yithemes)

    Hi,
    and thank you for writing in.
    We tried to access your site but the link you provided is broken.
    Please, could you verify?

    Best Regards

    Thread Starter 3rdeyeball

    (@3rdeyeball)

    Hello,
    The link is fine but Country blocking is enabled via Wordfence – if you are outside of the United States I will need to whitelist your IP address or send you a private link to bypass. How can we get in contact privately?

    Plugin Author YITHEMES

    (@yithemes)

    Hi,

    we’re sorry, but you cannot provide us with private information (like a private link) in this forum, since we cannot share with you any private contact.

    Please, could you provide us with further information (like the theme you are using etc.) so we can check for this issue on our local installation?

    Best Regards

    Thread Starter 3rdeyeball

    (@3rdeyeball)

    You can try the above link again to the site. We’re using the Neighborhood theme on Envato.

    Plugin Author YITHEMES

    (@yithemes)

    Hi,
    our developers have just tried YITH WooCommerce Badge Management with Neighborhood theme in our local installation and the badge in Single Product pages is shown correctly.
    Maybe do you want to show it out of the slide box?
    if so, please try adding the following code snippet to your theme functions.php:

    if ( !function_exists( 'yith_wcbm_customization_badge_container_start' ) && !function_exists( 'yith_wcbm_customization_badge_container_end' ) ) {
        add_action( 'woocommerce_before_single_product_summary', 'yith_wcbm_customization_badge_container_start', 15 );
        add_action( 'woocommerce_before_single_product_summary', 'yith_wcbm_customization_badge_container_end', 25 );
    
        function yith_wcbm_customization_badge_container_start() {
            do_action( 'yith_wcbm_theme_badge_container_start' );
        }
    
        function yith_wcbm_customization_badge_container_end() {
            do_action( 'yith_wcbm_theme_badge_container_end' );
        }
    }

    Best Regards

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Make badge overflow on product photo’ is closed to new replies.