Sale badge no t displaying correctly
-
Hello,
we have adjusted sale price on our variable products and we are running into multiple issues with how the sale badge is displayed.
We want it to have a pill shape like we chosen in Theme settings – Shop – Product labels.
Also on product gallery it is showed above the picture with no css styling.
Also if possible we would like to display in the sale badge the % discount, and not just SALE! message.
We have tried deactivated the Cache plugin and also several other plugins but the issue still persists.
Can you please have a look at it?
Thanks a lot
Vik
Attachments:
You must be
logged in to view attached files.
Hi Vik12,
Thanks for reaching to us.
You should deactivate all plugins (except Required Plugins) and then reactivate them one by one. This makes it very easy to isolate the plugin causing problems.
Regards,
Hung PD
Hello Hung,
I was able to find the problematic plugin.
Now we are facing another issue:
I have used following CSS to adjust the top margin of the sale badge inside the product grid:
.product-labels .product-label.onsale {
margin-top: 10px;
}
The problem is with sale badge in single product – Product gallery ( main picture). We are using transparent header and negative top margin for the parent ccontainer. And the sale badge is now located underneath the header.
We need to increase top margin for the sale bade which is shown on product picture separately ( to around 50 px) but we dont want to increase the top margin of the sale badge inside the product gallery.
Please how can we sort this out? They both have the same class of .product-labels .product-label.onsale .
thanks in advance
Vik
Attachments:
You must be
logged in to view attached files.
Edit: nvm I have sorted it out.
Hi Vik12,
Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!
Regards,
Hung PD
.
