Sold Out Sticker not Showing (Flex Out of the Sandbox)

[redlobb]

Hi, can anyone help with why the below product doesn't show Sold-Out sticker
https://quiet-affair.com.au/collections/dresses/products/copy-of-copy-of-copy-of-copy-of-ursula-dres...
access pw is: tebrig
Under: Collections: Dresses

If I manually add the product to another sticker collection (ie. Coming Soon collection), then the "Sold Out" sticker appears, but is not appearing as it should for 0 stock products.

{% comment %} Check if sticker holder should be displayed {% endcomment %}
{% if collection_handles contains 'best-seller' or
      collection_handles contains 'coming-soon' or
      collection_handles contains 'new' or
      collection_handles contains 'pre-order' or
      collection_handles contains 'staff-pick' or
      product_on_sale %}
  <div class="
              sticker-holder
              sticker-shape-{{ settings.sticker_shape }}
              sticker-position-{{ settings.sticker_position }}">
    <div class="sticker-holder__content sticker-holder__content--{{ context }}">

      {% if collection_handles contains 'best-seller' %}
        <div class="best-seller-sticker thumbnail-sticker sticker-{{i}}">
          <span class="sticker-text">{{ 'collections.general.best_seller' | t }}</span>
        </div>
      {% endif %}


      {% if collection_handles contains 'coming-soon' %}
        <div class="coming-soon-sticker thumbnail-sticker sticker-{{i}}">
          <span class="sticker-text">{{ 'collections.general.coming_soon' | t }}</span>
        </div>
      {% endif %}


      {% if collection_handles contains 'new' %}
        <div class="new-sticker thumbnail-sticker sticker-{{i}}">
          <span class="sticker-text">{{ 'collections.general.new' | t }}</span>
        </div>
      {% endif %}

      {% if collection_handles contains 'pre-order' %}
        <div class="pre-order-sticker thumbnail-sticker sticker-{{i}}">
          <span class="sticker-text">{{ 'collections.general.pre_order' | t }}</span>
        </div>
      {% endif %}

      {% if product.available and product_on_sale %}
        <div class="sale-sticker thumbnail-sticker sticker-{{i}}">
          <span class="sticker-text">{{ 'collections.general.sale' | t }}</span>
        </div>
      {% endif %}

      {% unless product.available %}
        <div class="sold-out-sticker thumbnail-sticker sticker-{{i}}">
          <span class="sticker-text">{{ 'collections.general.sold_out' | t }}</span>
        </div>
      {% endunless %}

      {% if collection_handles contains 'staff-pick' %}
        <div class="staff-pick-sticker thumbnail-sticker sticker-{{i}}">
          <span class="sticker-text">{{ 'collections.general.staff_pick' | t }}</span>
        </div>
      {% endif %}
    </div>
  </div>
{% endif %}

.thumbnail-sticker.sold-out-sticker {
  background-color: {{ sale_sticker_color }};
  color: {{ sale_sticker_color_text }};

.thumbnail-overlay__container .sold-out {
  color: {{ settings.product_hover_text_color }};

[suyash1]

@redlobb - not able to view page even after adding password

[redlobb]

Hi @suyash1 thanks for having a look, does this one work? 
https://quiet-affair.com.au/collections/dresses/products/copy-of-ursula-dress-3

it's under dresses > called July V-Back Oversized Mini Dress - White

[Shop_Lovers]

As per the condition all variants should be out of stock.

It will not show until all variants out of stock.

Hit Like and Accept as Solution

[redlobb]

Hi @Shop_Lovers I think all the qtys are set to 0 for that one 

[Shop_Lovers]

It's showing when you click on the variants.

[redlobb]

Hi @Shop_Lovers sorry, to clarify, it should be a sold-out badge in a box at the top of the product page and on collections page. This one is with staff-pick collection and I changed the text to made to order


I just saw someone recently posted the same issue with flex theme too, so may be issue with the theme

[udkh12]

@redlobb Did you manage to solve for this? We are facing the same problem as well.