Shopify themes, liquid, logos, and UX
Hi I am having a hard time greying out/adding strikethrough to sold out variants. I have tried to add the codes most people suggest into the base.css but non of them are working. Here is my site https://thelokigiftshop.com/products/hello-pumpkin-corded-sweatshirt-in-orange?variant=4646301001349...
TIA!!!
Hi @thelokishop
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>
<style>
span.badge.price__badge-sold-out.color-inverse {
text-decoration: line-through !important;
color: gray !important;
}
</style>
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!
thanks so much for your response! is this the right spot? it is not working on my site still
No worries and no, this is not the correct position. You are putting this above <head> but you need to put it under and before its closing tag that is </head>
@thelokishop is it working now?
If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!
lol sorry not a coding girl. i think this is right? but its not working
I've checked your store and it is there working fine. Am I missing something?
so sorry. i didnt explain correctly. i was wanting the sold out variant options to be greyed out and strike through. hope this makes sense
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