Sizes crossed out (attributes) if out of stock

[TG Team]

I'm looking for a way to strike out a size (attribute) if this one is out of stock, like this screenshot. More precision, I use color / size as an attribute

[chemocycling]

hi

 

looking for the same think . did you solve this ?

[Prescol]

You can do it with a combination of smarty and css. 
For the strike through:
- For size

position:relative;

Now make use of css pseudoelements:

.your-size-selector:after {
position: absolute;
top:50%;
left:50%;
transform: translateX(-50%) translateY(-50%);
content:"";
display:block;
width: 60px; //may need some adjusts to fit your size
border-top: 2px solid darkgray;
}

 

 

[chemocycling]

22 minutes ago, Prescol said:

You can do it with a combination of smarty and css. 
For the strike through:
- For size

position:relative;

Now make use of css pseudoelements:

.your-size-selector:after {
position: absolute;
top:50%;
left:50%;
transform: translateX(-50%) translateY(-50%);
content:"";
display:block;
width: 60px; //may need some adjusts to fit your size
border-top: 2px solid darkgray;
}

 

 

i am not programmer . where to put these ?

[Prescol]

Well, if you are not familiar with css and smarty templates, i suggest to find a developer to do the job for you.

[dudecorn]

The same problem here.

Maybe someone?