Change where the OnSale Label show

hello,

I need to change the location where the Onsale Label is displayed on the product page.

By default it is under the photo, I need to place it in another location next to my other Labels.
(See attached image)

Is it possible to have a shortcode of this Label?
With a shortcode I put it where I want it.

Regards.

Attachments:

You must be logged in to view attached files.

Hello,

While there’s currently no way to do that, we appreciate you taking the time to let us know what you’re looking for most of the improvements we make come from ideas and suggestions like yours, so thank you, and have a good day!

Kind Regards

Hello,

I already managed to put the label to be shown where I wanted.
I put some PHP code in functions.php, and customized the design by CSS.
That part was resolved for me.

But I need to know how do I “hide” the label that is on top of the image?
Because the Label is already where I want it, but that way it is being displayed in two places at the same time.
(See attached image)

By CSS it’s not possible, because if I put a “display: hide”, the label will disappear from the product listings shop too. And I want to hide only from the photo on the product page.

Regards.

Attachments:

You must be logged in to view attached files.

Hello,

You can try to use the below custom code for hiding the sale label on images, enter it into the “Global Custom CSS” area that is in Theme Settings -> Custom CSS.

.single-product .woocommerce-product-gallery .product-labels .onsale {
    display: none;
}

I’d be happy to assist if you have any other questions or concerns.

Kind Regards

Hello,

Perfect, that solves my problem.

Thanks a lot for the help.

I’m glad we managed to sort this out.

We will appreciate it if you can refer your friends or family members to become a part of our Xtemos family.

We wish you a splendid day!

Kind Regards

[Author]

Posts