Dear Support,

We use your plugin WPC Product Bundles and it works very well for us.

There is one setting we are missing and it surprises us:

We can’t easily change or hide the ‘sales flash’ badge:

We use the attached function to change the badge but would like to have a field on the product bundle level, i.e. under the tab ‘bundled products’ when editing a WooCommerce product, to change or hide the text of this field.

Is this something that you can accommodate in one of your next updates?

If this is not possible, would you have a CSS code snippet or PHP function that we could use to hide this badge on a product-by-product basis.

The following CSS snippet hides the badge site wide:
.woocommerce span.onsale, 
.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product.sales-flash-overlay .onsale {
    display: none;
}

Many thanks for your help on this.

With kind regards,

Pairfum London

www.pairfum.com

Hi Frankie,

Many thanks for looking into this for us.

Here is an example of what we mean:

https://www.pairfum.com/skin-care/

On this page, you can see that we have changed the badge to 'save'.

However, you can also see that it does not look particularly good, as it overlaps the text in the image.

Hence, we would like to hide 'save' or any other badge of WPC Product Bundles.

How can this be done?

We would love it, if you had one of the following solutions for us:

1. Product Page

It would be great, if you could add on the WooCommerce Product page, in the section for 'smart bundle', two settings:

- hide 'badge'

- change the text of the 'badge'

Here is a link to the page type & section I am referring to:

2. Code Snippet

Alternatively, if this is not possible, then our question is:

Do you had either code snippets for our child theme's CSS or PHP files how we can hide the badge on a product-by-product basis?

The CSS code snippet we listed below would hide the sales flash overlay on a sitewide basis.

Maybe the solution is obvious to you and it already exists. We can, however, not see a setting that we can change in your plugin that allows us to hide or change the sales flash badge on a product-by-product basis.

Many thanks for your help on this.

Kind regards,

Pairfum

Hi Frankie,

Many thanks for sending these CSS code snippets. 

These code snippets are prefect.

Regarding #2, would you have a version that we can use for an array of product IDs?

No problem about not adding this option to the plugin. The CSS code is sufficient for us.

Many thanks for your help.

Pairfum London

https://www.pairfum.com

Hi Frankie,

We have just tried both code snippets and neither seems to work.

Can you please have another look?

Many thanks for your help on this.

Kind regards,

Pairfum London

https://www.pairfum.com

Sorry Frankie,

We just noticed the product specific code snippet works on the category page but not the product page:

- category page: https://www.pairfum.com/skin-care/

- product page: https://www.pairfum.com/product/bundle-organic-bathing-gel-pre-biotic-body-lotion/

Can you please have another look?

Many thanks for your help on this.

Kind regards,

Pairfum London

https://www.pairfum.com

Hi Frankie,

Many thanks for this code snippet.

However, this will hide it for ALL single products but how do we hide it for a SPECIFIC single product, e.g. this one ONLY:

https://www.pairfum.com/product/bundle-organic-bathing-gel-pre-biotic-body-lotion/

How do we add the product ID to this CSS code?

Like this:

body.single-product.post-1234 .product-type-woosb .onsale {
    display: none !important;
}

Will this code snippet also hide the sales flash badge on the category page?

Kind regards,

Pairfum London

https://www.pairfum.com

Many thanks, Frankie.

All working now.

Thank you.

Pairfum London

www.pairfum.com