Order by Quantity Increments

Highlighted
Tourist
11 0 0

wow.  this is great.  thx.  Can you tell me the spots where you inserted the code.  I'm not facile with liquid code but can get around.  Just need to know where to insert...

0 Likes
Highlighted
Excursionist
19 1 1

I inserted this by the quantity selector. I am not sure how that looks on each theme, but it should have a field that looks like this:

input type="number"

 

0 Likes
Highlighted
New Member
6 0 0

I have added this in my product-template.liquid and I keep getting this error message... can you help me figure out what I need to change to get this to save? Thank you for your time in advance!

Liquid syntax error: 'schema' tag must not be nested inside other tags

{% if product.tags contains "MOQ2" %}
          <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 2</h4>
          <input type="number" id="quantity" name="quantity" value="2" min="2" step="2" class="quantity-selector">
      {% elsif product.tags contains "MOQ3" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 3</h4>
          <input type="number" id="quantity" name="quantity" value="3" min="3" step="3" class="quantity-selector">
      {% elsif product.tags contains "MOQ4" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 4</h4>
          <input type="number" id="quantity" name="quantity" value="4" min="4" step="4" class="quantity-selector">
      {% elsif product.tags contains "MOQ10" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 10</h4>
          <input type="number" id="quantity" name="quantity" value="10" min="10" step="10" class="quantity-selector">
      {% elsif product.tags contains "MOQ12" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 12</h4>
          <input type="number" id="quantity" name="quantity" value="12" min="12" step="12" class="quantity-selector">
      {% elsif product.tags contains "MOQ1" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 1</h4>
          <input type="number" id="quantity" name="quantity" value="1" min="1" step="1" class="quantity-selector">
      {% elsif product.tags contains "MOQ6" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 6</h4>
          <input type="number" id="quantity" name="quantity" value="6" min="6" step="6" class="quantity-selector">
      {% elsif product.tags contains "MOQ8" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 8</h4>
          <input type="number" id="quantity" name="quantity" value="8" min="8" step="8" class="quantity-selector">
 {% endif %}
0 Likes
Highlighted
Excursionist
19 1 1

Can you send me the whole code of the page? (Please format it to look like code) It can be that you did not close a tag properly around this code.

What theme are you using?

0 Likes
Highlighted
New Member
6 0 0
Debut is the theme we are using.
 
{%- include 'bold-product' with product, hide_action: 'break', output: 'none' -%}
<div class="page-width breadcrumbs-style" style="text-align:left;">{% include 'breadcrumbs' %}</div>
<div class="product-template__container page-width" itemscope itemtype="http://schema.org/Product" id="ProductSection-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="product" data-enable-history-state="true">
  <meta itemprop="name" content="{{ product.title }}">
  <meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
  <meta itemprop="image" content="{{ product.featured_image.src | img_url: '800x' }}">
 
  <script>
   window.customily = {
    engraverOptions: { /* if you know what youre doing */ },
    accordion_sets: false,
    hover_zoom: false,
    
  }
  customily.pdomain = '{{ shop.permanent_domain }}';
  </script>
 
  {% if product.tags contains "custom" %}
  <style>
    #customily-options{
    width: 100%;
    }
      .canvas-wrapper{
        display: none;
      }
      .canvas-container{
        position: absolute!important;
        z-index: 5;
      }
    .btn-secondary{    
    background-color: #ea1f77;
    }
   .swatch-container {
    flex-wrap: wrap;
    width: 100%;
      }
 
      .customily_option {
          justify-content: flex-start!important;
          flex-wrap: wrap;
      }
      .customily_option>label{
          margin-right: 10px;
            display: flex;
        align-items: center;
      }
   @media (min-width: 576px) {
   
    #cl_optionsapp .swatch-container .swatch {
    height: 80px;
    }
 
    #cl_optionsapp .swatch-container label{
        width: 80px!important;
        height: 80px!important;
    }
    
    #cl_optionsapp .swatch-container label img{
        width: 76px!important;
        height: 76px!important;
    }
     
   }
  </style>
  {% endif %}
  {% comment %}
    Get first variant, or deep linked one
  {% endcomment %}
  {%- assign current_variant = product.selected_or_first_available_variant -%}
{% include 'saw_variant_variables' %}
  {%- assign product_image_zoom_size = '1024x1024' -%}
  {%- assign product_image_scale = '2' -%}
  {%- assign enable_zoom = section.settings.enable_zoom -%}
 
 
  {% case section.settings.image_size %}
    {% when 'small' %}
      {%- assign product_image_width = 'medium-up--one-third' -%}
      {%- assign product_description_width = 'medium-up--two-thirds' -%}
      {%- assign product_thumbnail_width = 'medium-up--one-third' -%}
      {%- assign height = 345 -%}
    {% when 'medium' %}
      {%- assign product_image_width = 'medium-up--one-half' -%}
      {%- assign product_description_width = 'medium-up--one-half' -%}
      {%- assign product_thumbnail_width = 'medium-up--one-quarter' -%}
      {%- assign height = 530 -%}
    {% when 'large' %}
      {%- assign product_image_width = 'medium-up--two-thirds' -%}
      {%- assign product_description_width = 'medium-up--one-third' -%}
      {%- assign product_thumbnail_width = 'medium-up--one-fifth' -%}
      {%- assign height = 720 -%}
    {% when 'full' %}
      {%- assign product_image_width = '' -%}
      {%- assign product_description_width = '' -%}
      {%- assign product_thumbnail_width = 'medium-up--one-eighth' -%}
      {%- assign height = 1090 -%}
      {%- assign enable_zoom = false -%}
  {% endcase %}
 
  <div class="grid product-single">
    <div style="position: relative" class="grid__item product-single__photos {{ product_image_width }}{% if section.settings.image_size == 'full' %} product-single__photos--full{% endif %}">
      {%- assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image -%}
      {% if product.tags contains "custom" %}
      <div class="canvas-wrapper hide" >
        <canvas id="preview-canvas"></canvas>
      </div>
      {% endif %}
      {% for image in product.images %}
          {% capture img_id %}FeaturedImage-{{ section.id }}-{{ image.id }}{% endcapture %}
          {% capture img_class %}product-featured-img{% endcapture %}
          {% capture zoom_img_id %}FeaturedImageZoom-{{ section.id }}-{{ image.id }}{% endcapture %}
          {% capture img_wrapper_id %}{{ zoom_img_id }}-wrapper{% endcapture %}
          {%- assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
 
          {% include 'image-style' with small_style: true, width: height, height: height, wrapper_id: img_wrapper_id, img_id: img_id %}
 
          <div id="{{ img_wrapper_id }}" class="product-single__photo-wrapper js">
            <div id="{{ zoom_img_id }}" style="padding-top:{{ 1 | divided_by: image.aspect_ratio | times: 100}}%;" class="product-single__photo{% if enable_zoom %} js-zoom-enabled{% endif %}{% if product.images.size > 1 %} product-single__photo--has-thumbnails{% endif %}{% unless featured_image == image %} hide{% endunless %}" data-image-id="{{ image.id }}"{% if enable_zoom %} data-zoom="{{ image | img_url: product_image_zoom_size, scale: product_image_scale }}"{% endif %}>
              <img id="{{ img_id }}"
                  class="feature-row__image {{ img_class }} lazyload{% unless featured_image == image %} lazypreload{% endunless %}"
                  src="{{ image | img_url: '300x300' }}"
                  data-src="{{ img_url }}"
                  data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
                  data-aspectratio="{{ image.aspect_ratio }}"
                  data-sizes="auto"
                  alt="{{ image.alt | escape }}">
            </div>
          </div>
        {% endfor %}
 
      {% if product.tags contains "custom" %}
    <div id="customilyData" style="display: none;" data-cid="{{ current_variant.barcode }}"{% for tag in product.tags %}{% if tag contains "customily" %} data-{{ tag | split: '_' | first }}="{{ tag | split: '_' | last }}"{% endif %}{% endfor %}></div>
  {% endif %}
 
      <noscript>
        {% capture product_image_size %}{{ height }}x{% endcapture %}
        <img src="{{ featured_image | img_url: product_image_size, scale: product_image_scale }}" alt="{{ featured_image.alt }}" id="FeaturedImage-{{ section.id }}" class="product-featured-img" style="max-width: {{ height }}px;">
      </noscript>
 
      {% if product.images.size > 1 %}
        {% if product.images.size > 3 %}
          {%- assign enable_thumbnail_slides = true -%}
        {% endif %}
 
        <div class="thumbnails-wrapper{% if enable_thumbnail_slides == true %} thumbnails-slider--active{% endif %}">
          {% if enable_thumbnail_slides == true %}
            <button type="button" class="btn btn--link medium-up--hide thumbnails-slider__btn thumbnails-slider__prev thumbnails-slider__prev--{{ section.id }}">
              {% include 'icon-chevron-left' %}
              <span class="icon__fallback-text">{{ 'sections.slideshow.previous_slide' | t }}</span>
            </button>
          {% endif %}
          <ul class="grid grid--uniform product-single__thumbnails product-single__thumbnails-{{ section.id }}">
            {% for image in product.images %}
              <li class="grid__item {{ product_thumbnail_width }} product-single__thumbnails-item js">
                <a href="{{ image.src | img_url: product_image_zoom_size, scale: product_image_scale }}"
                   class="text-link product-single__thumbnail product-single__thumbnail--{{ section.id }}"
                   data-thumbnail-id="{{ image.id }}"
                   {% if enable_zoom %}data-zoom="{{ image.src | img_url: product_image_zoom_size, scale: product_image_scale }}"{% endif %}>
                     <img class="product-single__thumbnail-image" src="{{ image.src | img_url: '110x110', scale: 2 }}" alt="{{ image.alt | escape }}">
                </a>
              </li>
            {% endfor %}
          </ul>
          {% if enable_thumbnail_slides == true %}
            <button type="button" class="btn btn--link medium-up--hide thumbnails-slider__btn thumbnails-slider__next thumbnails-slider__next--{{ section.id }}">
              {% include 'icon-chevron-right' %}
              <span class="icon__fallback-text">{{ 'sections.slideshow.next_slide' | t }}</span>
            </button>
          {% endif %}
        </div>
      {% endif %}
    </div>
 
    <div class="grid__item {{ product_description_width }}">
      <div class="product-single__meta">
 
        <h1 itemprop="name" class="product-single__title">{{ product.title }}</h1>
        {% assign current_variant = product.selected_or_first_available_variant %}
       
        <span class="variant-sku">{{ current_variant.sku }}</span><br>
        {% if section.settings.show_vendor %}
          <p itemprop="brand" class="product-single__vendor">{{ product.vendor }}</p>
        {% endif %}
 
   
       
        <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" >
          <meta itemprop="priceCurrency" content="{{ shop.currency }}">
 
          <link itemprop="availability" href="http://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}">
 
          <p class="product-single__price product-single__price-{{ section.id }}{% unless current_variant.available %} product-price--sold-out{% endunless %}">
            {% if WCVariantCurrentVariantComparePrice > WCVariantCurrentVariantPrice %}
                <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
                <s id="ComparePrice-{{ section.id }}">{{ WCVariantCurrentVariantComparePrice | money }}</s>
                <span class="product-price__price product-price__price-{{ section.id }} product-price__sale product-price__sale--single">
                  <span id="ProductPrice-{{ section.id }}"
                    itemprop="price" content="{{ WCVariantCurrentVariantPrice | divided_by: 100.00 }}">
                    {{ WCVariantCurrentVariantPrice | money }}
                  </span>
                  <span class="product-price__sale-label product-price__sale-label-{{ section.id }}">{{ 'products.product.on_sale' | t }}</span>
                </span>
            {% else %}
              <span class="visually-hidden">{{ 'products.product.regular_price' | t }}</span>
              <s id="ComparePrice-{{ section.id }}" class="hide">{{ WCVariantCurrentVariantComparePrice | money }}</s>
              <span class="product-price__price product-price__price-{{ section.id }}">
                <span id="ProductPrice-{{ section.id }}"
                  itemprop="price" content="{{ WCVariantCurrentVariantPrice | divided_by: 100.00 }}">
                  {{ WCVariantCurrentVariantPrice | money }}
                </span>
                <span class="product-price__sale-label product-price__sale-label-{{ section.id }} hide">{{ 'products.product.on_sale' | t }}</span>
              </span>
            {% endif %}      
          </p>
         
          
         
 
 
          <form action="/cart/add" method="post" enctype="multipart/form-data" class="product-form product-form-{{ section.id }}{% unless section.settings.show_variant_labels %} product-form--hide-variant-labels{% endunless %}" data-section="{{ section.id }}">
            {% if product.tags contains "custom" %}
            <div id="customily-options" style="display: none"> </div>
            <div style="width:100%; clear:both" > </div>
{% endif %}
            
            {% unless product.options.size == 1 and product.variants[0].title == 'Default Title' %}
              {% for option in product.options_with_values %}
                <div class="selector-wrapper js product-form__item">
                  <label {% if option.name == 'default'%}class="label--hidden"{% endif %}for="SingleOptionSelector-{{ forloop.index0 }}">
                    {{ option.name }}
                  </label>
 
                  <select class="single-option-selector single-option-selector-{{ section.id }} product-form__input" id="SingleOptionSelector-{{ forloop.index0 }}" data-index="option{{ forloop.index }}">
                    {% for value in option.values %}
                      <option value="{{ value | escape }}"{% if option.selected_value == value %} selected="selected"{% endif %}>{{ value }}</option>
                    {% endfor %}
                  </select>
                </div>
              {% endfor %}
            {% endunless %}
 
            <select name="id" id="ProductSelect-{{ section.id }}" data-section="{{ section.id }}" class="product-form__variants no-js">
              {% for variant in product.variants %}
                {% if variant.available %}
                  <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} value="{{ variant.id }}">
                    {{ variant.title }}
                  </option>
                {% else %}
                  <option disabled="disabled">{{ variant.title }} - {{ 'products.product.sold_out' | t }}</option>
                {% endif %}
              {% endfor %}
            </select>
            
            <label for="quantity">Qty: </label>
 
<style>
  #quantity {
    padding: 20px;
    width: 100px;
    border: 1px solid #555;
  } <br> <br>
  
  
</style>
            
 
                       {% include 'product-personalizer' %}
            {% if section.settings.show_quantity_selector %}
              <div class="product-form__item product-form__item--quantity">
            
  
{% if product.tags contains "MOQ2" %}
          <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 2</h4>
          <input type="number" id="quantity" name="quantity" value="2" min="2" step="2" class="quantity-selector">
      {% elsif product.tags contains "MOQ3" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 3</h4>
          <input type="number" id="quantity" name="quantity" value="3" min="3" step="3" class="quantity-selector">
      {% elsif product.tags contains "MOQ4" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 4</h4>
          <input type="number" id="quantity" name="quantity" value="4" min="4" step="4" class="quantity-selector">
      {% elsif product.tags contains "MOQ10" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 10</h4>
          <input type="number" id="quantity" name="quantity" value="10" min="10" step="10" class="quantity-selector">
      {% elsif product.tags contains "MOQ12" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 12</h4>
          <input type="number" id="quantity" name="quantity" value="12" min="12" step="12" class="quantity-selector">
      {% elsif product.tags contains "MOQ1" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 1</h4>
          <input type="number" id="quantity" name="quantity" value="1" min="1" step="1" class="quantity-selector">
      {% elsif product.tags contains "MOQ6" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 6</h4>
          <input type="number" id="quantity" name="quantity" value="6" min="6" step="6" class="quantity-selector">
      {% elsif product.tags contains "MOQ8" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 8</h4>
          <input type="number" id="quantity" name="quantity" value="8" min="8" step="8" class="quantity-selector">
 {% endif %}
                
</div>      
          
          
 
            <div class="product-form__item product-form__item--submit">
            {% if product.tags contains "custom" %}
                <div style="margin-bottom: 10px" >
                  <div type="" class="btn btn-secondary" onclick="if(customily && customily.optionsapp){ customily.optionsapp.$data.optionsVisible = true; } setTimeout(function(){ $('#customily-options').slideDown(); $('.canvas-wrapper').removeClass('hide');}, 10); if(window.displayCanvas){ displayCanvas(); }; $(this).hide().next().show();"> 
                  Monogram 
                  </div>
                  <div class="btn btn-secondary" style="display: none" onclick="$('.canvas-wrapper').fadeOut(); $('#customily-options').slideUp(300, function(){if(customily && customily.optionsapp){ customily.optionsapp.$data.optionsVisible = false;} }); $(this).hide().prev().show();">
                    Cancel 
                  </div>
                </div>
            {% endif%}
              <button type="submit" name="add" id="AddToCart-{{ section.id }}" {% unless current_variant.available %}disabled="disabled"{% endunless %} class="btn product-form__cart-submit{% if product.options.size == 1 and product.variants[0].title == 'Default Title' %} product-form__cart-submit--small{% endif %}">
                <span id="AddToCartText-{{ section.id }}">
                  {% unless current_variant.available %}
                    {{ 'products.product.sold_out' | t }}
                  {% else %}
                    {{ 'products.product.add_to_cart' | t }}
                  {% endunless %}
                </span>
              </button>
            </div>
          </form>
 
        </div>
 
        <div class="product-single__description rte" itemprop="description">
          {{ product.description }}
        </div>
 
        <div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>
 
        
        
        {% if section.settings.show_share_buttons %}
          {% include 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product %}
        {% endif %}
      </div>
    </div>
  </div>
</div>
 
{% if collection %}
  <div class="text-center return-link-wrapper">
    <a href="{{ collection.url }}" class="btn btn--secondary btn--has-icon-before return-link">
      {% include 'icon-arrow-left' %}
      {{ 'products.product.back_to_collection' | t: title: collection.title }}
    </a>
  </div>
{% endif %}
 
{% unless product == empty %}
  <script type="application/json" id="ProductJson-{{ section.id }}">
    {{ product | json }}
  </script>
{% endunless %}
 
{% if product.tags contains "custom" %}
 
<script>
      if(window.customily && window.customily.loaded){
      customily.optionsapp.$data.optionsVisible = false;
      }else{
        window.addEventListener('customily-done', function(){
        customily.optionsapp.$data.optionsVisible = false;
});
      }
     
    window.addEventListener('load',function(){
            if(mobileCheck && mobileCheck()){
              $('<style>.canvas-container{pointer-events: none!important}</style>').appendTo('body');
            }
         });
  
    </script>
 
{% endif %}
 
{% schema %}
  {
    "name": "Product pages",
    "settings": [
      {
        "type": "select",
        "id": "image_size",
        "label": "Image size",
        "options": [
          {
            "value": "small",
            "label": "Small"
          },
          {
            "value": "medium",
            "label": "Medium"
          },
          {
            "value": "large",
            "label": "Large"
          },
          {
            "value": "full",
            "label": "Full-width"
          }
        ],
        "default": "medium"
      },
      {
        "type": "checkbox",
        "id": "show_quantity_selector",
        "label": "Show quantity selector",
        "default": false
      },
      {
        "type": "checkbox",
        "id": "show_variant_labels",
        "label": "Show variant labels",
        "default": true
      },
      {
        "type": "checkbox",
        "id": "show_vendor",
        "label": "Show vendor",
        "default": false
      },
      {
        "type": "checkbox",
        "id": "enable_zoom",
        "label": "Enable image zoom",
        "default": true
      },
      {
        "type": "checkbox",
        "id": "show_share_buttons",
        "label": "Show social sharing buttons",
        "default": true
      }
    ]
  }
{% endschema %}
 
<div id="cbb-also-bought-box"></div>

 

0 Likes
Highlighted
Excursionist
19 1 1

You are missing an {% endif %}

You open an if statement, then have the quantity code, and you need to close the if statement after that:

 
                       {% include 'product-personalizer' %}
            {% if section.settings.show_quantity_selector %}
              <div class="product-form__item product-form__item--quantity">
            
  
{% if product.tags contains "MOQ2" %}
          <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 2</h4>
          <input type="number" id="quantity" name="quantity" value="2" min="2" step="2" class="quantity-selector">
      {% elsif product.tags contains "MOQ3" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 3</h4>
          <input type="number" id="quantity" name="quantity" value="3" min="3" step="3" class="quantity-selector">
      {% elsif product.tags contains "MOQ4" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 4</h4>
          <input type="number" id="quantity" name="quantity" value="4" min="4" step="4" class="quantity-selector">
      {% elsif product.tags contains "MOQ10" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 10</h4>
          <input type="number" id="quantity" name="quantity" value="10" min="10" step="10" class="quantity-selector">
      {% elsif product.tags contains "MOQ12" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 12</h4>
          <input type="number" id="quantity" name="quantity" value="12" min="12" step="12" class="quantity-selector">
      {% elsif product.tags contains "MOQ1" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 1</h4>
          <input type="number" id="quantity" name="quantity" value="1" min="1" step="1" class="quantity-selector">
      {% elsif product.tags contains "MOQ6" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 6</h4>
          <input type="number" id="quantity" name="quantity" value="6" min="6" step="6" class="quantity-selector">
      {% elsif product.tags contains "MOQ8" %}
      <label for="quantity" class="quantity-selector quantity-selector-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
      <h4>Minimum quantity for this product is 8</h4>
          <input type="number" id="quantity" name="quantity" value="8" min="8" step="8" class="quantity-selector">
 {% endif %}
     
</div>    

You can see an open {%if section.setting.show_quantity_selector %} that was never closed.

0 Likes
Highlighted
New Member
6 0 0

OMG! Yes, totally worked! Thanks so so much for your help with this!

 

0 Likes
Highlighted
New Member
6 0 0

Do you know of a way to have customers 1st order has to be at least $500 and after that $150 min order? 

0 Likes
Highlighted
New Member
2 0 0

So I have added an app for my minimum order amount and I think maybe that has messed with my coding for the quantity increments.

I can duplicate that coding and paste to the top and it starts working but then I end up having 2 quantity boxes listed on my product page.  Can someone help me with fixing this issue? 

0 Likes