I want to show the percentage of discount in discounted products and I want the discounted price to come out ahead, I am also having a timeout problem when updating in elementor I do not know very well why
This topic has 10 replies, 2 voices, and was last updated 5 years, 1 months ago ago by Olga Barlow
I want to show the percentage of discount in discounted products and I want the discounted price to come out ahead, I am also having a timeout problem when updating in elementor I do not know very well why
the reduced price ahead of the non-reduced price all this that I ask I would like it to be seen both in the product loop and in the home and the product view
and finally we can always put the variation of sizes above the color or it has to be individual
Hello,
Take my apologies for the delay in answering.
1) I have checked your site and see the percentage discount label for your products http://prntscr.com/v2wdm9 So, what is the problem with this?
2) I see that size is above the color http://prntscr.com/v2wi5v So, could you explain what you want to achieve in more detail?
Regards
Hello, I want the color variation to be above the size, in all. You also need the discounted price to be displayed before the above price
Hello,
Edit the product and change the order of the attributes https://gyazo.com/ff73348c3b2e511daeb761929cff8f87
Do you want to display the sale price in this way http://prntscr.com/v3wauc ? Add the below code to Custom CSS
.content-product .price {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row-reverse;
}
.content-product .price del {
margin-left: 10px;
}
Regards
okey and in product page?
Regarding the attributes, some way to do it in batch?
Hello,
1) Remove the negative margin in your custom code http://prntscr.com/v59f85
2) Replace the previous code by the following
.content-product .price, .price {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.single-product .price {
justify-content: flex-end;
}
.content-product .price {
align-items: center;
justify-content: center;
}
.price ins {
margin-right: 10px;
}
Regards
ohh , youre very efficient, i have problems with de update with elementor and customize, i dont know
Hello,
What problem do you have? Could you, please, explain in more detail and provide screenshots for better understanding.
Regards
The issue related to '‘Price and discount’' has been successfully resolved, and the topic is now closed for further responses