Add Min Max Price variant

product-variant-options.liquid line 94
  {% assign selected_variant = product.selected_variant %}
          {% for variant in product.variants %}
            {% if variant.title contains value %}
              {% assign selected_variant = variant %}
              {% break %} 
            {% endif %}
          {% endfor %}
     {% if selected_variant.metafields.custom.discount!= blank %}

        <label for="{{ input_id }}"  max-qty="{{ selected_variant.metafields.custom.max_quantity }}" min-qty="{{ selected_variant.metafields.custom.min_quantity }}" class="varint_price_custom">
           <span class="varint_price_custom_num">{{ value -}}</span>
              <span class="varint_meta">{{ selected_variant.metafields.custom.discount }}</span>
        
          
          {{ label_unavailable }} 
           <span class="cstm_vrnt_price">
                <span class="varint_price">
                   {{ selected_variant.price  | money  }}
                </span>
            </span>
          
        </label>
       
       {%- else -%}
         <label for="{{ input_id }}" class="custom-label">
            {%- assign original_price_cents = selected_variant.compare_at_price | times: 1.0 -%}
            {%- assign sale_price_cents = selected_variant.price | times: 1.0 -%}
            {%- if original_price_cents > sale_price_cents  %}
                {%- assign discount_cents = sale_price_cents | divided_by: original_price_cents  -%}
                {%- assign discount_percentage_raw = discount_cents | times: 100 -%}
                {%- assign discount_percentage = 100 | minus: discount_percentage_raw  | round: 1 -%}
            {%- endif -%}
        
            {{ value -}}
            {{ label_unavailable }} 
            {% if discount_percentage != blank %}
                <span class="percentage">{{ discount_percentage | ceil }}% Ersparnis</span>
            {% endif %}

        </label>
       
      {% endif %}

 js 


  $(document).ready(function() {
      // Function to update the checked radio button based on quantity
      function updateRadioButton() {
          var qty = parseInt($(".quantity__input").val());
          if (!isNaN(qty)) {
              $('label.varint_price_custom').each(function() {
                  var minQty = parseInt($(this).attr("min-qty"));
                  var maxQty = parseInt($(this).attr("max-qty"));
                  if (qty >= minQty && qty <= maxQty) {
                      var radioButton = $("#" + $(this).attr("for"))[0];
                      if (radioButton) radioButton.checked = true;
                  }
              });
          }
      }
  
      // Attach the updateRadioButton function to relevant events
      $('.quantity__button').on('click', updateRadioButton);
      $('.quantity__input').on('input', updateRadioButton);
  });

Leave a Reply

Your email address will not be published. Required fields are marked *