Product label plugin compatible with XStore

This topic has 8 replies, 3 voices, and was last updated 3 months, 1 weeks ago ago by Jack Richardson

  • Avatar: Crashraider
    Crashraider
    Participant
    August 22, 2025 at 22:52

    I need a plugin to add labels to products that’s compatible with your XStore theme.
    I’ve tried the “Advanced Product Labels for WooCommerce” plugin from BeRocket, but I can’t display any labels on either the product listing or the product page.

    Does anyone have experience with this plugin or know of one that’s compatible?

    7 Answers
    Avatar: Alex Carter
    Alex Carter
    Support staff
    August 23, 2025 at 07:01

    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

    Avatar: Crashraider
    Crashraider
    Participant
    August 25, 2025 at 16:15

    The developer, BeRocket, tells me to add labels to products like this:

    In Elementor Builder, you can try adding labels to a single product page and inside a product loop with the help of the shortcode [br-wapl-all]

    How can I do this in your theme?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 26, 2025 at 06:52

    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

    Avatar: Crashraider
    Crashraider
    Participant
    August 26, 2025 at 22:29

    The product label now appears correctly on the product page with code snippet (Single Product Builder), but it still doesn’t appear in the product listing (Products Archive Builder).

    Which hook should I use to do this?

    I’ll provide my backend details so you can review them.

    Thanks.

    Please contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 27, 2025 at 07:27

    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

    Avatar: Crashraider
    Crashraider
    Participant
    August 27, 2025 at 11:06

    Okay, the product labels are now showing, but I have a question.

    In the mobile version, I need to set one size for the label on the product page (single product) and a different size for the product page (Product Archives).

    Right now, I have the size set correctly on the product page, but in the product listing, this image is practically taking up the entire image.

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 27, 2025 at 14:14

    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

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.