How to show preorder on a specific product instead of buy now

Hi, how to show preorder on a specific products instead of buy now. Replacement will be taken care, please help me in changing tag to preorder for these 4 product instead of buy now.

URL - https://www.holief.com/collections/gummies

Is their any chance for out of stock products, instead of buy now, can i write preorder?

this is the code , How i can make it as if stock = 0 then preorder instead of shop now. Please someone help me on this.


      {% if on_sale %}
      {{ product.compare_at_price | money_without_trailing_zeros }}
      {% else %}
      {{ product.price_max | money_without_trailing_zeros }}   |   Shop Now
      {% endif %}
    ​

this is the whole snippet by the way, I know basic coding, but didn’t found a way


{% comment %}

  This snippet is used to showcase each product during the loop,
  'for product in collection.products' in collection.liquid.

  A liquid variable (grid_item_width) is set just before the this
  snippet is included to change the size of the container.
  Once the variable is set on a page, all future instances of this
  snippet will use that width. Overwrite the variable to adjust this.

  Example
    - assign grid_item_width = 'large--one-quarter medium--one-half'

{% endcomment %}

{% unless grid_item_width %}
  {% assign grid_item_width = 'large--one-half medium--one-half' %}
{% endunless %}

{% unless width %}
  {%- assign width = 310 -%}
{% endunless %}
{% unless height %}
  {%- assign height = 415 -%}
{% endunless %}

{% assign on_sale = false %}
{% if product.compare_at_price > product.price %}
  {% assign on_sale = true %}
{% endif %}

{% assign sold_out = true %}
{% if product.available %}
  {% assign sold_out = false %}
{% endif %}

{% capture img_id_class %}ProductImage-{{ product.featured_image.id }}{% endcapture %}
{% capture img_wrapper_id %}ProductImageWrapper-{{ product.featured_image.id }}{% endcapture %}
{%- assign img_url = product.featured_image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}

  

    

      
        {% if product.featured_image.src== blank %}
          
        {% else %}

          

          {% include 'image-style' with image: product.featured_image, small_style: true, width: width, height: height, wrapper_id: img_wrapper_id, img_id_class: img_id_class %}
          

            

              
            

          

          
          

          
            
            
          

        {% endif %}
      
      {% if sold_out %}
        

          

{{ 'products.product.sold_out_html' | t }}

        

      {% elsif on_sale %}
        
          {% capture saved_amount %}{{ product.compare_at_price | minus: product.price | money_without_trailing_zeros }}{% endcapture %}
          

ON
 SALE

        

      {% endif %}
    

    
      {{ product.title }}
     
      {% if section.settings.product_vendor_enable %}
        

{{ product.vendor }}

      {% endif %}
    

    
      {% if on_sale %}
      {{ product.compare_at_price | money_without_trailing_zeros }}
      {% else %}
      {{ product.price_max | money_without_trailing_zeros }}   |   Shop now
      {% endif %}
    

  

Want it like this

Is this even possible?