How can I hide sold out opiton values/variants ?

Store Design
1

I am struggling to hide the sold out variants/option values. Does someone know how to do it ? This is the code of my productpage so far.


    

        {% for image in product.images %}
            
        {% endfor %}

        {% for media in product.media %}
            {% if media.media_type == 'video' %}
              {{ media |  video_tag: autoplay: true, loop: true, muted: true, controls: true  }}
            {% endif %}
          {% endfor %}
    

        
    

    
        

            # {{ product.title }}
            

{{product.price | money }}

            

inkl. MwSt

            {% if product.available == false %}
                {% if product.type == 'comming soon' %}
                    

comming soon!

                {% else %}
                

sold out!

                {% endif %}
            {% endif %}
        

        {% if product.available %}
        

            {% form 'product', product %}

                

    
                

                    {% for option in product.options_with_values %}
                        
                    {% endfor %}
                    
                

        
                
                    

                        
                        

+

                    

    
                    
                        
                        

$

                    

                

                
            {% endform %}

        

            {% else %}
            {% if product.type == 'comming soon' %}
                

Der Artikel ist bald Verfügbar !

            {% else %}
            

dieser Artikel ist leider Ausverkauft!

            {% endif %}    
        {% endif %}
        
        
        
            {{ product.description }}