How to grey out sold out product variants and add a diagonal line across the box

Minako85
Excursionist
33 0 8

Hi!

I’m having a hard time figuring out how to grey out sold out product variants. I would also like to replace the strikethrough line with a diagonal line.
Can someone help me?

 

Minako85_0-1709697258956.png

 

Theme: Dawn
Password: AMANEC

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
7726 1504 1511

Hi @Minako85 

You can do that by adding this code at the bottom of your base.css file 

 

.product-form__input:has(input.disabled) label {
background-color: #e3e3e3 !important;
}

 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

Minako85
Excursionist
33 0 8

Hi @Dan-From-Ryviu 

 

Thank you!

If you also know how to change the strikethrough over the text to a diagonal line, I would really appreciate it.

 

Thank you!

Minako85_0-1709699748676.png

 

deepaksharma
Shopify Partner
448 63 94

Hi there @Minako85 

Can you provide the store url so I help you make diagonal line instead of strike through.

Deepak Sharma || Shopify Developer || Helping eCommerce Stores
- Was my reply helpful? Accept it as solution
- Was your question answered? Mark it as an Accepted Solution.
-CHAT ON WHATSAPP | BUY ME A COFFEE | MAIL ME: ds2305187@gmail.com
Minako85
Excursionist
33 0 8

Hi @deepaksharma 

 

URL: https://amanoutlet.com/

Password: AMANEC

 

Thank you!