<form action="/cart/add" data-productid="{{product.id}}" method="post" enctype="multipart/form-data" id="AddToCartForm" class="form-vertical product-form product-form-{{ section.id }}" data-section="{{ section.id }}">

              {% if product.available %}{% include 'subscription-product' %}{% endif %}<br>


              <div class="product-title">
                <h1 itemprop="name">{{ product.title }}</h1>
                {% if section.settings.show_vendors %}
                  <span class="vendor">{{ product.vendor | link_to_vendor }}</span>
                {% endif %}
              </div>

              <div class="selection-wrapper price product-single__price-{{ section.id }}">
                <span class="money" id="ProductPrice-{{ section.id }}" itemprop="price" content="{{ current_variant.price | money_without_currency | remove: ',' }}">{{ current_variant.price | money }}</span>
                {% if current_variant.compare_at_price > current_variant.price %}
                  <p id="ComparePrice-{{ section.id }}" style="display:block;">
                    {{ 'products.product.compare_at' | t }} <span class="money">{{ current_variant.compare_at_price | money }}</span>
                  </p>
                {% else %}
                  <p id="ComparePrice-{{ section.id }}" style="display:none;">
                    {{ 'products.product.compare_at' | t }} <span class="money">{{ current_variant.compare_at_price | money }}</span>
                  </p>
                {% endif %}
              </div>

              {% comment %}
                Collection of variant options
              {% endcomment %}
              {% unless product.options.size == 1 and product.variants[0].title == 'Default Title' %}
                <div class="selection-wrapper variant js">
                  <div class="variant-grid">
                    {% for option in product.options_with_values %}
                      <div class="selector-wrapper">
                        <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 }}" id="SingleOptionSelector-{{ forloop.index0 }}" data-name="{{ option.name }}" 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 %}
                  </div>
                </div>
              {% endunless %}

              {% comment %}
                Primary variant select controlled JS
              {% endcomment %}
              <div class="selection-wrapper variant no-js">
                <div class="selector-wrapper full-width">
                  <select name="id" data-productid="{{product.id }}" id="ProductSelect-{{ section.id }}" data-section="{{ section.id }}" class="product-form__variants no-js">
                    {% for variant in product.variants %}

                        <option {% if variant == product.selected_or_first_available_variant %} selected="selected" {% endif %} value="{{ variant.id }}" data-sku="{{ variant.sku }}">
                         {{ variant.price | money_with_currency }}
                        </option>

                    {% endfor %}
                  </select>
                </div>
              </div>


              <div class="error cart-error cart-error-{{ section.id }}"></div>
              <div class="selection-wrapper cart">

                <div class="button-wrapper">
                  <button type="submit" name="add" id="AddToCart-{{ section.id }}" class="button solid " >
                    <span id="AddToCartText-{{ section.id }}">

                        Add To Cart

                    </span>
                  </button>

                </div>

              </div>

            </form>