Product label plugin compatible with XStore

Hello,

Thank you for reaching out to us.

Please read this article – https://www.8theme.com/documentation/xstore/xstore-features/xstore-badges-on-products/

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Warm Regards,
The 8Theme Team

Hello @Crashraider,

We hope this message finds you well.

You may refer to the following topic, which addresses a similar request regarding plugin compatibility:
https://www.8theme.com/topic/xstore-labels-on-single-product-page-image/

To implement the solution, you can add the provided code snippet either to the xstore-child/functions.php file or by using a code snippets plugin, as shown in the screenshot below:
https://prnt.sc/5VGLNt1UpCL0

Please note that the snippet utilizes the “etheme_woocommerce_show_product_images” hook. However, since you are using the Elementor Single Product Builder, we recommend using the “etheme_before_single_product_image” hook instead.

Should you require any further assistance, kindly provide us with temporary wp-admin and FTP access, along with the URL of the product where you would like this feature to be applied.

Best regards,
Jack Richardson
The 8Theme Team

Hello @Crashraider,

We hope this message finds you well.

We would like to inform you that we have enhanced the code snippet with the following update:

add_filter('etheme_product_grid_list_product_element_image', function($thumbnail, $product, $settings) {
    //$sale_tag = ''.do_shortcode('[br-wapl-label]').'';
    //$sale_tag = ''.do_shortcode('[br-wapl-image]').'';
    $sale_tag = ''.do_shortcode('[br-wapl-all]').'';
    return $thumbnail . $sale_tag;
}, 10, 3);

As a result, product badges are now correctly displayed on the frontend. You may view an example here: https://prnt.sc/7t5vmgBhswSI

Should you have any further questions or require additional assistance, please do not hesitate to reach out.

Best regards,
The 8Theme Team

Hello @Crashraider
Please, try to add next custom CSS in Theme Options -> Theme Custom CSS -> Global CSS:

@media only screen and (max-width: 768px) {
    body .etheme-product-grid-image .br_alabel_type_sale_p > span {
        width: 50px !important;
        height: 50px !important;
        font-size: 10px !important;
    }
    
    body .etheme-product-grid-image .br_alabel.br_alabel_type_sale_p > span .template-i, 
    body .etheme-product-grid-image .br_alabel.br_alabel_type_sale_p > span .template-i-before, 
    body .etheme-product-grid-image .br_alabel.br_alabel_type_sale_p > span .template-i-after {
        height: 50px;
        width: 50px;
    }
}

Kind regards, Jack Richardson
The 8theme’s team