Prestige Theme - Cross Out Unavailable Variant

[NMalone]

Hi,

I'm wanting to cross out the unavailable variant similar to below.
Can anyone tell me if this is possible in the Prestige Theme?

Thanks so much!

[dmwwebartisan]

@NMalone 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

[NMalone]

Thank you so much!

It's www.shanetafashion.com

[dmwwebartisan]

@NMalone 

You should create a class for strikethrough and add this class for variants where variant. available is false in the liquid template.

The CSS for the class would be something as simple as:

Add the following at the bottom of your assets/theme.css file.

.unavailable-variant {
text-decoration: line-through;
}

[NMalone]

Thank you. I have added the CSS to asset file, but not sure how to find the variant returning as false in the liquid.
Are you able to help any further? 
Thanking you.

[dmwwebartisan]

@NMalone 

If you see the above CSS code it only targets the unavailable variants so no need to go and check in liquid. 

As you said you added code in CSS file. Is this working for you?

If this works then no need to change in liquid.

Let me know.

[NMalone]

Hi,

No it hasn't made any changes to the website - all variants are still showing as normal.

[okw]

In the product page liquid, there' no variant.unavailable code, it only has something along the lines of "if variant available". Is it possible to work around that?

[hailkody]

@dmwwebartisan 

Hello,

I would like to add a strike through for out of stock items.

Currently on the prestige theme.

Could you please help me out.

Thank You

[dmwwebartisan]

@hailkody 

Please share your store URL and a screenshot.

[hailkody]

@dmwwebartisan 

I sent you a PM

[hailkody]

@dmwwebartisan 

I sent you and email and a PM.

Could you let me know if you can help me out.

thanks

[davinder]

Hi,

I'm wanting to cross out the unavailable variant.
Can anyone tell me if this is possible in the Prestige Theme?

Thanks so much!

[dimanoclothing]

Can you also help me with this issue? I want to show the unavailable sizes crossed out and if possible in red.

My website is dimano-clothing.com and theme is prestige

[Starin]

Hey, i have the same issue.

https://starin.in/products/chain-corset-dress-baby-pink

[Starin]

@dmwwebartisan 

Hello,

I would like to add a strike through for sold out products.

Currently on prestige theme, could you please help me out.

URL: https://www.starin.in/products/ivory-backless-ruched-dress

Thank You