Shopify themes, liquid, logos, and UX
How can i change the position from the red badge.
I want that the badge is in 2 lines otherwise its not possible to display the whole text. And it should be directly on top of the product picture not 2mm under it.
Anyone advice ?
Solved! Go to the solution
This is an accepted solution.
Hey @senttense
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (max-width: 767px) {
on-sale-badge.badge.badge--on-sale {
width: 95% !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Try searching for it in Edit Default Content by clicking on the 3 dots when you click on Online Store.
Best Regards,
Moeed
do you have the preview link?
https://www.senttense.com/collections/frauendufte-auto-parfum But its only in the Mobile Design the Problem
This is an accepted solution.
Hey @senttense
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
@media screen and (max-width: 767px) {
on-sale-badge.badge.badge--on-sale {
width: 95% !important;
}
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you it works. 🙂
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
Can you tell me how can i change the Text from
Ersparnis zum Markenduft 85,00€ to
Spare 85,00€
This is an accepted solution.
Try searching for it in Edit Default Content by clicking on the 3 dots when you click on Online Store.
Best Regards,
Moeed
Hello Mate 🙂
Do you know if its possible to make a second line there. Like a second product title that i can insert different details for each product ?
Thanks a lot !
I recommend following as it considers both a sale badge and another badge like 'sold out' and also some style for the space you mentioned.
<style>
@media screen and (max-width: 767px) {
.badge {
width: 100% !important;
}
.product-card__figure>.badge-list {
inset-block-start: 0 !important;
inset-inline-start: 0 !important;
}
}
</style>
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024