{% assign section_id_wrap = '' %}
{% if section_id %}

	{% assign section_id_wrap = '-' | append: section_id  %}
{% endif %}
{% assign product_cart_redirect = settings.product_cart_redirect %}

{% assign page_key_cart = 'fl_' | append: page.id| append: '_cart' %}
{% if instructions[page_key_cart] != blank %}
	{% assign product_cart_redirect = instructions[page_key_cart] %}

{% endif %}
{% assign sticky_cart_enable ="sticky_addcart" %}
<form data-product_id={{ product.id }} class="product_varient_count_{{ product.variants.size }} prod_form prod_form_footer{%if settings[sticky_cart_enable]%} sticky_addcart{%if settings.sticky_addcart_position == "top"%} top{%else%} bottom{%endif%}{%if settings.sticky_addcart_position_mob == "topmob"%} topmob{%else%} bottommob{%endif%} {%endif%}{% if settings.enable_product_varient or product.variants.size <=1 or product_varation_type != 'dropdowns'%} hide_mobile_sticky_varient{% endif %}" data-other="prod_form_header" action="/cart/add" method="post" enctype="multipart/form-data" id="prodForm" data-product-form>
 {% assign current_variant = product.selected_or_first_available_variant %}
  
  <div class="{%if settings[sticky_cart_enable]%}sticky_addcart_wrapper{%endif%} grid">
    {%if settings[sticky_cart_enable]%}
    <div class="oneQuarter sticky_cart_product_decp">

      <div class="sticky_img">
        <a data-image_zoom="zoom_images_count_1" href="#" data-getPopout="#gallery" class="featuredImage featuredImage_sticky featuredImage_sticky_{{ product.id }} flexItem {{ zoomClass }}" id="featuredImage_stickycart">
          {% assign featured_image = current_variant.featured_image | default: product.featured_image %}
          <img src="{{ featured_image | img_url: '' }}" alt="{{ featured_image.alt | escape }}" >
        </a>
      </div>
      <div class="sticky_cart_product_title">
        <div>{{product.title}}</div>
        <div>
          {%include 'review_badge' %}</div>
      </div>
    </div>
    {%endif%}
    <div class="threeQuarter {%if settings[sticky_cart_enable]%} sticky_cart_product_decp2{%endif%}" {%if settings[sticky_cart_enable] == false%}style="width:100%;"{%endif%}>
    
     
      {% if settings.enable_product_varient == false %}
        {%if product.variants.size >1%}
          <select name="id" id="ProductSelect_Bottom" class="product-single__variants" style="display:none;">
            {% for variant in product.variants %}
            {% if variant.available %}
            <option data-compare_at_price_o='{{ variant.compare_at_price }}' data-price_o='{{ variant.price }}' data-compare_at_price='{{ variant.compare_at_price | money_with_currency }}' data-price='{{ variant.price | money_with_currency }}' {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} data-sku="{{ variant.sku }}" value="{{ variant.id }}">{{ variant.title }} — {{ variant.price | money_with_currency }}</option>
            {% else %}
            <option disabled="disabled">{{ variant.title }} - {{ 'products.product.sold_out' | t }}</option>
            {% endif %}
            {% endfor %}
          </select>
        {%else%}
          <input data-compare_at_price='{{ product.variants.first.compare_at_price }}' data-price="{{ product.variants.first.price }}" type="hidden" name="id" value="{{ product.variants.first.id }}" />
        {%endif%}
      {%endif%}
     

	 {%if settings[sticky_cart_enable] or 1 %} 
      {% if settings.product_enable_quantity %}
      <div class="cart-quantity">
            <div class="cart-quantity-text">{{ settings.product_quantity_text }}</div>
            <a href="#" field='updates_{{ product.id }}' class="qtyminus"><i class="fa fa-minus"></i></a>

            <input type="text" name="quantity" id="updates_{{ product.id }}" class="quantity" value="1" />
            <a href="#" field='updates_{{ product.id }}' class="qtyplus"><i class="fa fa-plus"></i></a>  

        </div>
      {% endif %}
     {% endif %}
      {%if settings[sticky_cart_enable]%}
      
      <div class="price"> 
        
          <span class="ProductPrice_stickycart_{{ product.id }}" id="ProductPrice_stickycart">
            {{ current_variant.price | money }}
          </span>

          {%if product.compare_at_price%}
           <span class="ComparePrice_stickycart_{{ product.id }}" id="ComparePrice_stickycart">
            {{ current_variant.compare_at_price | money }}
          </span>
          {%endif%}
       </div>
      {% endif %}
    {%if settings[sticky_cart_enable]%}<div class="sticky_addcart_button">{%endif%}
    <button type="submit" name="add" data-text="{{ settings.add_to_cart_button_text }}" id="AddToCart" data-product_id="{{ product.id }}{{ section_id_wrap }}" class="{%if product_cart_redirect == 'checkout' %}checkout-x-buy-now-btn {%endif%}add_to_cart_btn add_to_cart_btn_{{ product.id }} button {% unless product.available %}disabled nostock{% endunless %}" {% unless product.available %}disabled="disabled"{% endunless %}>
      {% if settings.add_to_cart_button_with_icon %} {% include 'security_icon_type_product' %}{%endif%}
      {% if product.available %}
        <span id="AddToCartText" class="add_to_cart_txt_{{ product.id }}">{{ settings.add_to_cart_button_text }}</span>
      {% else %}
        <span id="AddToCartText" class="add_to_cart_txt_{{ product.id }}">{{ 'products.product.sold_out' | t }}</span>
      {% endif %}
      <span class="add-to-cart-loading"></span>
    </button>
    {%if settings[sticky_cart_enable]%}</div>{%endif%}
    {% if settings.enable_checkout_icon %}
      <div class="text-center prod_secure_img"><img alt="Checkout Secure" src="{{ 'checkout_icon.png' | asset_url }}" class="{%if settings.cart_button_fullwidth == false%}checkout_image{%endif%}" /></div>

    {% endif %}
  
    </div>
  </div>
  
  
</form>


