jppcalcados.com.br Open in urlscan Pro
52.206.238.9  Public Scan

Submitted URL: http://jppcalcados.com.br/
Effective URL: https://jppcalcados.com.br/
Submission: On April 11 via api from US — Scanned from DE

Form analysis 31 forms found in the DOM

GET /search/

<form class="js-search-container js-search-form search-container " action="/search/" method="get">
  <div class="form-group m-0">
    <input class="js-search-input form-control form-control-rounded search-input " autocomplete="off" type="search" name="q" placeholder="O que você está buscando?" aria-label="O que você está buscando?">
    <button type="submit" class="search-input-submit" value="Buscar" aria-label="Buscar">
      <svg class="icon-inline icon-lg svg-icon-text" viewBox="0 0 512 512">
        <path
          d="M496.37,453.94l-94.53-94.53c25.99-35.85,41.49-79.79,41.49-127.45,0-120.18-97.42-217.6-217.6-217.6S8.13,111.78,8.13,231.96s97.42,217.6,217.6,217.6c54.04,0,103.38-19.82,141.42-52.43l93.01,93.02c10,10,26.21,10,36.2,0,10-10,10-26.21,0-36.2Zm-270.64-55.59c-91.9,0-166.4-74.5-166.4-166.4S133.83,65.56,225.73,65.56s166.4,74.5,166.4,166.4-74.5,166.4-166.4,166.4Z">
        </path>
      </svg> </button>
  </div>
</form>

GET /search/

<form class="js-search-container js-search-form search-container " action="/search/" method="get">
  <div class="form-group m-0">
    <input class="js-search-input form-control form-control-rounded search-input " autocomplete="off" type="search" name="q" placeholder="O que você está buscando?" aria-label="O que você está buscando?">
    <button type="submit" class="search-input-submit" value="Buscar" aria-label="Buscar">
      <svg class="icon-inline icon-lg svg-icon-text" viewBox="0 0 512 512">
        <path
          d="M496.37,453.94l-94.53-94.53c25.99-35.85,41.49-79.79,41.49-127.45,0-120.18-97.42-217.6-217.6-217.6S8.13,111.78,8.13,231.96s97.42,217.6,217.6,217.6c54.04,0,103.38-19.82,141.42-52.43l93.01,93.02c10,10,26.21,10,36.2,0,10-10,10-26.21,0-36.2Zm-270.64-55.59c-91.9,0-166.4-74.5-166.4-166.4S133.83,65.56,225.73,65.56s166.4,74.5,166.4,166.4-74.5,166.4-166.4,166.4Z">
        </path>
      </svg> </button>
  </div>
</form>

POST /comprar/

<form action="/comprar/" method="post" class="js-ajax-cart-panel " data-store="cart-form">
  <div class="js-modal-close js-fullscreen-modal-close  modal-header  ">
    <div class="row">
      <div class="col"> Carrinho de compras </div>
      <div class="col-2 text-right">
        <a class="js-modal-close">
                                    <svg class="icon-inline  svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256,274.92,72.67,458.25l-18.1-18.1L237.9,256.82,54.57,73.49l18.1-18.11L256,238.72,439.33,55.38l18.1,18.11L274.1,256.82,457.43,440.15l-18.1,18.1Z"></path></svg>                                </a>
      </div>
    </div>
  </div>
  <div class="modal-body ">
    <div class="js-ajax-cart-list container-fluid">
    </div>
    <div class="js-empty-ajax-cart">
      <div class="alert alert-info" data-component="cart.empty-message">O carrinho de compras está vazio. </div>
    </div>
    <div id="error-ajax-stock" class="row" style="display: none;">
      <div class="alert alert-warning"> Oops! Não temos mais estoque para incluir este produto ao carrinho. Se você quiser, pode<a href="/produtos/" class="btn-link font-small ml-1">ver outros aquí</a>
      </div>
    </div>
    <div class="cart-row">
      <div class="subtotal-price hidden" data-priceraw="0"></div>
      <div id="store-curr" class="hidden">BRL</div>
      <h5 class="js-visible-on-cart-filled row mb-1" style="display:none;" data-store="cart-subtotal">
        <span class="col-7"> Subtotal <small class="js-subtotal-shipping-wording"> (sem frete)</small> : </span>
        <span class="js-ajax-cart-total js-cart-subtotal col text-right" data-priceraw="0" data-component="cart.subtotal" data-component-value="0">R$0,00</span>
      </h5>
      <div class="js-total-promotions text-accent">
        <span class="js-promo-in" style="display:none;">em</span>
        <span class="js-promo-all" style="display:none;">todos os produtos</span>
        <span class="js-promo-buying" style="display:none;"> comprando</span>
        <span class="js-promo-units-or-more" style="display:none;"> ou mais</span>
      </div>
      <div class="js-fulfillment-info js-allows-non-shippable cart-fulfillment-info" style="display: none">
        <div class="js-visible-on-cart-filled divider mb-0" style="display:none;"></div>
        <div class="js-visible-on-cart-filled js-has-new-shipping js-shipping-calculator-container">
          <div class="js-shipping-method-unavailable alert alert-warning row row mx-0 mb-3" style="display: none;">
            <div class="col-11 text-left pl-1 pr-0">
              <div class="mb-1">O frete escolhido não está mais disponível para este carrinho. </div>
              <div>Mas não se preocupe! Você pode escolher outro.</div>
            </div>
          </div>
          <div id="cart-shipping-container" style="display: none;" data-shipping-url="/frete/">
            <span id="cart-selected-shipping-method" data-code="" class="hidden"></span>
            <div class="js-accordion-container js-toggle-shipping px-3 p-md-0">
              <a href="#" class="js-accordion-toggle py-3 row">
        <div class="col">
            <span class="h5">Meios de envio</span>
        </div>
        <div class="col-auto">
            <span class="js-accordion-toggle-inactive">
                <svg class="icon-inline svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path></svg>            </span>
            <span class="js-accordion-toggle-active" style="display: none;">
                <svg class="icon-inline svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M486.4,269.27H25.6v-25.6H486.4Z"></path></svg>
            </span>
        </div>
    </a>
              <div class="js-accordion-content" style="display: none;">
                <div class="mb-2" data-store="shipping-calculator">
                  <div class="js-shipping-calculator-head shipping-calculator-head position-relative transition-soft with-form ">
                    <div class="js-shipping-calculator-with-zipcode  mb-4 w-100 transition-up position-absolute mt-2">
                      <div class="container p-0">
                        <div class="row align-items-center">
                          <span class="col pr-0">
                            <span class="font-small align-bottom">
                              <span>Entregas para o CEP:</span>
                              <strong class="js-shipping-calculator-current-zip"></strong>
                            </span>
                          </span>
                          <div class="col-auto pl-0">
                            <a class="js-shipping-calculator-change-zipcode btn btn-secondary btn-small float-right" href="#">Alterar CEP</a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="js-shipping-calculator-form mt-2 shipping-calculator-form transition-up position-absolute w-100 transition-up-active">
                      <div class="form-group mb-3">
                        <div class=" mb-2" style="display: none;">
                          <span class="text-accent">Frete grátis</span> a partir de <span></span>
                        </div>
                        <div class=" text-accent mb-2 ml-1" style="display: none;"> Sucesso! Você tem frete grátis </div>
                        <div class="position-relative row">
                          <div class="col pr-0">
                            <div class="form-control-container ">
                              <input type="tel" class=" form-control js-shipping-input form-control-small form-control-rounded form-control-inline" autocorrect="off" autocapitalize="off" name="zipcode" placeholder="Seu CEP" aria-label="Seu CEP"
                                data-component="cart">
                            </div>
                          </div>
                          <div class="col-auto pl-2">
                            <button class="js-calculate-shipping btn btn-secondary btn-medium px-4" aria-label="Calcular frete">
                              <span class="js-calculate-shipping-wording"> OK </span>
                              <span class="float-right loading" style="display: none;">
                                <svg class="icon-inline btn-icon icon-spin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
                                  <path
                                    d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
                                  </path>
                                </svg> </span>
                            </button>
                          </div>
                        </div>
                        <a class="btn-link font-small ml-1 mt-2 mb-2 d-inline-block " href="http://www.buscacep.correios.com.br/sistemas/buscacep/" target="_blank">Não sei meu CEP</a>
                        <div class="js-ship-calculator-error invalid-zipcode alert alert-danger" style="display: none;"> Não conseguimos encontrar esse CEP. Está bem escrito? </div>
                        <div class="js-ship-calculator-error js-ship-calculator-common-error alert alert-danger" style="display: none;">Erro no cálculo. Por favor, tente novamente em alguns segundos.</div>
                        <div class="js-ship-calculator-error js-ship-calculator-external-error alert alert-danger" style="display: none;">Erro no meio de envio. Por favor, tente novamente em alguns segundos.</div>
                      </div>
                    </div>
                  </div>
                  <div class="js-shipping-calculator-spinner shipping-spinner-container my-4 transition-soft text-center" style="display: none;">
                    <i class="spinner col-6 offset-3"></i>
                  </div>
                  <div class="js-shipping-calculator-response transition-soft  radio-buttons-group mb-3" style="display: none;"></div>
                </div>
              </div>
            </div>
            <div class="js-accordion-container js-toggle-branches accordion px-3 p-md-0">
              <a href="#" class="js-accordion-toggle py-3 row">
        <div class="col">
            <span class="h5">
                                    Nossa loja
                            </span>
        </div>
        <div class="col-auto">
            <span class="js-accordion-toggle-inactive">
                <svg class="icon-inline svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path></svg>            </span>
            <span class="js-accordion-toggle-active" style="display: none;">
                <svg class="icon-inline svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M486.4,269.27H25.6v-25.6H486.4Z"></path></svg>
            </span>
        </div>
    </a>
              <div class="js-accordion-content" style="display: none;">
                <div class="radio-buttons-group">
                  <ul class="radio-button-container list-unstyled ">
                    <li class="radio-button-item" data-store="branch-item-branch_310485">
                      <label class="js-shipping-radio js-branch-radio radio-button" data-loop="branch-radio-1">
                        <input class="js-branch-method  shipping-method" data-price="0" type="radio" value="branch_310485" data-name="JPP Calçados  - Rua Tenente Hinon Silva, 113, Ponta Grossa - Entrada pelo Estacionamento - Atendimento de Segunda a Sábado das 9:00 ás 18:00 - Ou
Rua Fernandes Pinheiro - Entrada pela Loja " data-code="branch_310485" data-cost="Grátis" name="option" style="display:none">
                        <div class="shipping-option row-fluid radio-button-content">
                          <div class="radio-button-icons-container">
                            <span class="radio-button-icons">
                              <span class="radio-button-icon unchecked"></span>
                              <span class="radio-button-icon checked"></span>
                            </span>
                          </div>
                          <div class="list-item-icon-container">
                            <span class="list-item-icon"></span>
                          </div>
                          <div class="radio-button-label">
                            <div class="row">
                              <div class="col font-small px-0">
                                <div>JPP Calçados - Rua Tenente Hinon Silva, 113, Ponta Grossa - Entrada pelo Estacionamento - Atendimento de Segunda a Sábado das 9:00 ás 18:00 - Ou Rua Fernandes Pinheiro - Entrada pela Loja </div>
                              </div>
                              <div class="col-auto text-right">
                                <p class="text-accent mb-0 d-inline-block">Grátis</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </label>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="js-cart-total-container js-visible-on-cart-filled mb-4 float-left w-100 pt-3" style="display:none;" data-store="cart-total">
        <h2 class="row mb-0">
          <span class="col">Total:</span>
          <span class="js-cart-total   col text-right" data-component="cart.total" data-component-value="0">R$0,00</span>
        </h2>
        <div class="total-price hidden"> Total: R$0,00 </div>
        <div style="display: none;" data-interest="0" data-cart-installment="1" class="js-installments-cart-total font-small mt-2 text-right"> Ou até <strong class="js-cart-installments-amount">1</strong>x de <strong
            class="js-cart-installments installment-price">R$0,00</strong>
        </div>
      </div>
      <div class="js-visible-on-cart-filled container-fluid" style="display:none;">
        <div class="js-ajax-cart-submit row mb-3" id="ajax-cart-submit-div">
          <input class="btn btn-primary btn-block" type="submit" name="go_to_checkout" value="Iniciar Compra" data-component="cart.checkout-button">
        </div>
        <div class="row">
          <div class="js-ajax-cart-minimum alert alert-warning mt-4" style="display:none" id="ajax-cart-minumum-div"> O valor mínimo de compra é de R$0,00 sem considerar o custo de frete </div>
        </div>
        <input type="hidden" id="ajax-cart-minimum-value" value="0">
        <div class="row mb-2">
          <div class="text-center w-100">
            <a href="#" class="js-modal-close js-fullscreen-modal-close btn-link">Ver mais produtos</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="158221079">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">COR</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="MOSTARDA" selected="selected">MOSTARDA</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">COR</label>
      <a data-option="MOSTARDA" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="MOSTARDA">MOSTARDA</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">GÊNERO</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="MASCULINO" selected="selected">MASCULINO</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">GÊNERO</label>
      <a data-option="MASCULINO" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="MASCULINO">MASCULINO</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">TAMANHO</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="38">38</option>
          <option value="39">39</option>
          <option value="40">40</option>
          <option value="41" selected="selected">41</option>
          <option value="42">42</option>
          <option value="43">43</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">TAMANHO</label>
      <a data-option="38" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="38">38</span>
					</a>
      <a data-option="39" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="39">39</span>
					</a>
      <a data-option="40" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="40">40</span>
					</a>
      <a data-option="41" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="41">41</span>
					</a>
      <a data-option="42" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="42">42</span>
					</a>
      <a data-option="43" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="43">43</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="158276341">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Vermelho">Vermelho</option>
          <option value="Branco">Branco</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Vermelho" class="js-insta-variant btn btn-variant p-0" title="Vermelho" data-variation-id="0">
						<span class="btn-variant-content" style="background: #DC0000; border: 1px solid #eee" data-name="Vermelho">
												</span>
					</a>
      <a data-option="Branco" class="js-insta-variant btn btn-variant p-0" title="Branco" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FFFFFF; border: 1px solid #eee" data-name="Branco">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="35">35</option>
          <option value="36">36</option>
          <option value="37">37</option>
          <option value="38">38</option>
          <option value="39" selected="selected">39</option>
          <option value="40">40</option>
          <option value="41">41</option>
          <option value="42">42</option>
          <option value="43">43</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="35" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="35">35</span>
					</a>
      <a data-option="36" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="36">36</span>
					</a>
      <a data-option="37" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="37">37</span>
					</a>
      <a data-option="38" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="38">38</span>
					</a>
      <a data-option="39" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="39">39</span>
					</a>
      <a data-option="40" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="40">40</span>
					</a>
      <a data-option="41" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="41">41</span>
					</a>
      <a data-option="42" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="42">42</span>
					</a>
      <a data-option="43" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="43">43</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="158067714">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Rosa">Rosa</option>
          <option value="Pink">Pink</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Rosa" class="js-insta-variant btn btn-variant p-0" title="Rosa" data-variation-id="0">
						<span class="btn-variant-content" style="background: #E998FF; border: 1px solid #eee" data-name="Rosa">
												</span>
					</a>
      <a data-option="Pink" class="js-insta-variant btn btn-variant p-0" title="Pink" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FF69B4; border: 1px solid #eee" data-name="Pink">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Gênero</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Menina" selected="selected">Menina</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Menina" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Menina">Menina</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Tamanho</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="20">20</option>
          <option value="21" selected="selected">21</option>
          <option value="22">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="20" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="20">20</span>
					</a>
      <a data-option="21" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="21">21</span>
					</a>
      <a data-option="22" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="22">22</span>
					</a>
      <a data-option="23" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="23">23</span>
					</a>
      <a data-option="24" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="24">24</span>
					</a>
      <a data-option="25" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="25">25</span>
					</a>
      <a data-option="26" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="26">26</span>
					</a>
      <a data-option="27" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="27">27</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="157621666">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Rosa" selected="selected">Rosa</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Rosa" class="js-insta-variant btn btn-variant selected p-0" title="Rosa" data-variation-id="0">
						<span class="btn-variant-content" style="background: #E998FF; border: 1px solid #eee" data-name="Rosa">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="22" selected="selected">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="22" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="22">22</span>
					</a>
      <a data-option="23" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="23">23</span>
					</a>
      <a data-option="24" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="24">24</span>
					</a>
      <a data-option="25" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="25">25</span>
					</a>
      <a data-option="26" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="26">26</span>
					</a>
      <a data-option="27" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="27">27</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Gênero</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Menina" selected="selected">Menina</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Menina" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Menina">Menina</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="157927636">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Pink">Pink</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Pink" class="js-insta-variant btn btn-variant p-0" title="Pink" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FF69B4; border: 1px solid #eee" data-name="Pink">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="25/26" selected="selected">25/26</option>
          <option value="27/28">27/28</option>
          <option value="29/30">29/30</option>
          <option value="31/32">31/32</option>
          <option value="23/24">23/24</option>
          <option value="21/22">21/22</option>
          <option value="19/20">19/20</option>
          <option value="17/18">17/18</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="25/26" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="25/26">25/26</span>
					</a>
      <a data-option="27/28" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="27/28">27/28</span>
					</a>
      <a data-option="29/30" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="29/30">29/30</span>
					</a>
      <a data-option="31/32" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="31/32">31/32</span>
					</a>
      <a data-option="23/24" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="23/24">23/24</span>
					</a>
      <a data-option="21/22" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="21/22">21/22</span>
					</a>
      <a data-option="19/20" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="19/20">19/20</span>
					</a>
      <a data-option="17/18" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="17/18">17/18</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Gênero</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Menina" selected="selected">Menina</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Menina" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Menina">Menina</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="157932135">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto/Marfim" selected="selected">Preto/Marfim</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto/Marfim" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Preto/Marfim">Preto/Marfim</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="25/26" selected="selected">25/26</option>
          <option value="27/28">27/28</option>
          <option value="29/30">29/30</option>
          <option value="31/32">31/32</option>
          <option value="33/34">33/34</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="25/26" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="25/26">25/26</span>
					</a>
      <a data-option="27/28" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="27/28">27/28</span>
					</a>
      <a data-option="29/30" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="29/30">29/30</span>
					</a>
      <a data-option="31/32" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="31/32">31/32</span>
					</a>
      <a data-option="33/34" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="33/34">33/34</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Gênero</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Menino" selected="selected">Menino</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Menino" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Menino">Menino</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="157922295">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Pink" selected="selected">Pink</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Pink" class="js-insta-variant btn btn-variant selected p-0" title="Pink" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FF69B4; border: 1px solid #eee" data-name="Pink">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="28">28</option>
          <option value="29" selected="selected">29</option>
          <option value="30">30</option>
          <option value="31">31</option>
          <option value="32">32</option>
          <option value="33">33</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="28" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="28">28</span>
					</a>
      <a data-option="29" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="29">29</span>
					</a>
      <a data-option="30" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="30">30</span>
					</a>
      <a data-option="31" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="31">31</span>
					</a>
      <a data-option="32" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="32">32</span>
					</a>
      <a data-option="33" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="33">33</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Gênero</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Menina" selected="selected">Menina</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Menina" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Menina">Menina</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="158123427">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">COR</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="DOURADO" selected="selected">DOURADO</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">COR</label>
      <a data-option="DOURADO" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="DOURADO">DOURADO</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">GÊNERO</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="MENINA" selected="selected">MENINA</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">GÊNERO</label>
      <a data-option="MENINA" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="MENINA">MENINA</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">TAMANHO</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="21" selected="selected">21</option>
          <option value="22">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">TAMANHO</label>
      <a data-option="21" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="21">21</span>
					</a>
      <a data-option="22" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="22">22</span>
					</a>
      <a data-option="23" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="23">23</span>
					</a>
      <a data-option="24" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="24">24</span>
					</a>
      <a data-option="25" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="25">25</span>
					</a>
      <a data-option="26" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="26">26</span>
					</a>
      <a data-option="27" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="27">27</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="157930141">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="19/20" selected="selected">19/20</option>
          <option value="21/22">21/22</option>
          <option value="23/24">23/24</option>
          <option value="25/26">25/26</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="19/20" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="19/20">19/20</span>
					</a>
      <a data-option="21/22" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="21/22">21/22</span>
					</a>
      <a data-option="23/24" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="23/24">23/24</span>
					</a>
      <a data-option="25/26" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="25/26">25/26</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Gênero</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Menino" selected="selected">Menino</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Menino" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Menino">Menino</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="157784327">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Azul" selected="selected">Azul</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Azul" class="js-insta-variant btn btn-variant selected p-0" title="Azul" data-variation-id="0">
						<span class="btn-variant-content" style="background: #0000DC; border: 1px solid #eee" data-name="Azul">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Gênero</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Menino" selected="selected">Menino</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Menino" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Menino">Menino</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Tamanho</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="16/17" selected="selected">16/17</option>
          <option value="18/19">18/19</option>
          <option value="20/21">20/21</option>
          <option value="22/23">22/23</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="16/17" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="16/17">16/17</span>
					</a>
      <a data-option="18/19" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="18/19">18/19</span>
					</a>
      <a data-option="20/21" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="20/21">20/21</span>
					</a>
      <a data-option="22/23" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="22/23">22/23</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="158048623">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="22" selected="selected">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
          <option value="21">21</option>
          <option value="20">20</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="22" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="22">22</span>
					</a>
      <a data-option="23" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="23">23</span>
					</a>
      <a data-option="24" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="24">24</span>
					</a>
      <a data-option="25" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="25">25</span>
					</a>
      <a data-option="26" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="26">26</span>
					</a>
      <a data-option="27" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="27">27</span>
					</a>
      <a data-option="21" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="21">21</span>
					</a>
      <a data-option="20" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="20">20</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Gênero</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Menino" selected="selected">Menino</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Menino" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Menino">Menino</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="157929628">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="21/22">21/22</option>
          <option value="23/24">23/24</option>
          <option value="25/26">25/26</option>
          <option value="27/28">27/28</option>
          <option value="29/30">29/30</option>
          <option value="31/32">31/32</option>
          <option value="19/20" selected="selected">19/20</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="21/22" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="21/22">21/22</span>
					</a>
      <a data-option="23/24" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="23/24">23/24</span>
					</a>
      <a data-option="25/26" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="25/26">25/26</span>
					</a>
      <a data-option="27/28" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="27/28">27/28</span>
					</a>
      <a data-option="29/30" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="29/30">29/30</span>
					</a>
      <a data-option="31/32" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="31/32">31/32</span>
					</a>
      <a data-option="19/20" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="19/20">19/20</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Gênero</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Menino" selected="selected">Menino</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Menino" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Menino">Menino</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="157621666">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Rosa" selected="selected">Rosa</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Rosa" class="js-insta-variant btn btn-variant selected p-0" title="Rosa" data-variation-id="0">
						<span class="btn-variant-content" style="background: #E998FF; border: 1px solid #eee" data-name="Rosa">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="22" selected="selected">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="22" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="22">22</span>
					</a>
      <a data-option="23" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="23">23</span>
					</a>
      <a data-option="24" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="24">24</span>
					</a>
      <a data-option="25" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="25">25</span>
					</a>
      <a data-option="26" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="26">26</span>
					</a>
      <a data-option="27" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="27">27</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Gênero</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Menina" selected="selected">Menina</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Menina" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Menina">Menina</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="157621140">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="22" selected="selected">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="22" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="22">22</span>
					</a>
      <a data-option="23" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="23">23</span>
					</a>
      <a data-option="24" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="24">24</span>
					</a>
      <a data-option="25" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="25">25</span>
					</a>
      <a data-option="26" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="26">26</span>
					</a>
      <a data-option="27" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="27">27</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Gênero</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Menino" selected="selected">Menino</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Menino" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Menino">Menino</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="158276341">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
          <option value="Vermelho">Vermelho</option>
          <option value="Branco">Branco</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
      <a data-option="Vermelho" class="js-insta-variant btn btn-variant p-0" title="Vermelho" data-variation-id="0">
						<span class="btn-variant-content" style="background: #DC0000; border: 1px solid #eee" data-name="Vermelho">
												</span>
					</a>
      <a data-option="Branco" class="js-insta-variant btn btn-variant p-0" title="Branco" data-variation-id="0">
						<span class="btn-variant-content" style="background: #FFFFFF; border: 1px solid #eee" data-name="Branco">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="35">35</option>
          <option value="36">36</option>
          <option value="37">37</option>
          <option value="38">38</option>
          <option value="39" selected="selected">39</option>
          <option value="40">40</option>
          <option value="41">41</option>
          <option value="42">42</option>
          <option value="43">43</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="35" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="35">35</span>
					</a>
      <a data-option="36" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="36">36</span>
					</a>
      <a data-option="37" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="37">37</span>
					</a>
      <a data-option="38" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="38">38</span>
					</a>
      <a data-option="39" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="39">39</span>
					</a>
      <a data-option="40" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="40">40</span>
					</a>
      <a data-option="41" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="41">41</span>
					</a>
      <a data-option="42" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="42">42</span>
					</a>
      <a data-option="43" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="43">43</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="158123427">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">COR</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="DOURADO" selected="selected">DOURADO</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">COR</label>
      <a data-option="DOURADO" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="DOURADO">DOURADO</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">GÊNERO</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="MENINA" selected="selected">MENINA</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">GÊNERO</label>
      <a data-option="MENINA" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="MENINA">MENINA</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">TAMANHO</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="21" selected="selected">21</option>
          <option value="22">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">TAMANHO</label>
      <a data-option="21" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="21">21</span>
					</a>
      <a data-option="22" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="22">22</span>
					</a>
      <a data-option="23" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="23">23</span>
					</a>
      <a data-option="24" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="24">24</span>
					</a>
      <a data-option="25" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="25">25</span>
					</a>
      <a data-option="26" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="26">26</span>
					</a>
      <a data-option="27" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="27">27</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="158124759">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">COR</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="VERMELHA" selected="selected">VERMELHA</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">COR</label>
      <a data-option="VERMELHA" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="VERMELHA">VERMELHA</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">GÊNERO</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="MENINA" selected="selected">MENINA</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">GÊNERO</label>
      <a data-option="MENINA" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="MENINA">MENINA</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">TAMANHO</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="20" selected="selected">20</option>
          <option value="21">21</option>
          <option value="22">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">TAMANHO</label>
      <a data-option="20" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="20">20</span>
					</a>
      <a data-option="21" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="21">21</span>
					</a>
      <a data-option="22" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="22">22</span>
					</a>
      <a data-option="23" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="23">23</span>
					</a>
      <a data-option="24" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="24">24</span>
					</a>
      <a data-option="25" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="25">25</span>
					</a>
      <a data-option="26" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="26">26</span>
					</a>
      <a data-option="27" class="js-insta-variant btn btn-variant" data-variation-id="2">
						<span class="btn-variant-content" data-name="27">27</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="158185723">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Pretro/Preto" selected="selected">Pretro/Preto</option>
          <option value="Preto/Branco">Preto/Branco</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Pretro/Preto" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="Pretro/Preto">Pretro/Preto</span>
					</a>
      <a data-option="Preto/Branco" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="Preto/Branco">Preto/Branco</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="38" selected="selected">38</option>
          <option value="39">39</option>
          <option value="40">40</option>
          <option value="41">41</option>
          <option value="42">42</option>
          <option value="43">43</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="38" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="38">38</span>
					</a>
      <a data-option="39" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="39">39</span>
					</a>
      <a data-option="40" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="40">40</span>
					</a>
      <a data-option="41" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="41">41</span>
					</a>
      <a data-option="42" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="42">42</span>
					</a>
      <a data-option="43" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="43">43</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="158048131">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="22">22</option>
          <option value="23" selected="selected">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
          <option value="21">21</option>
          <option value="20">20</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="22" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="22">22</span>
					</a>
      <a data-option="23" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="23">23</span>
					</a>
      <a data-option="24" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="24">24</span>
					</a>
      <a data-option="25" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="25">25</span>
					</a>
      <a data-option="26" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="26">26</span>
					</a>
      <a data-option="27" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="27">27</span>
					</a>
      <a data-option="21" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="21">21</span>
					</a>
      <a data-option="20" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="20">20</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Gênero</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Menino" selected="selected">Menino</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Menino" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Menino">Menino</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="158839280">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Preto" selected="selected">Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant selected p-0" title="Preto" data-variation-id="0">
						<span class="btn-variant-content" style="background: #000000; border: 1px solid #eee" data-name="Preto">
												</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="38" selected="selected">38</option>
          <option value="39">39</option>
          <option value="40">40</option>
          <option value="41">41</option>
          <option value="42">42</option>
          <option value="43">43</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="38" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="38">38</span>
					</a>
      <a data-option="39" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="39">39</span>
					</a>
      <a data-option="40" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="40">40</span>
					</a>
      <a data-option="41" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="41">41</span>
					</a>
      <a data-option="42" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="42">42</span>
					</a>
      <a data-option="43" class="js-insta-variant btn btn-variant" data-variation-id="1">
						<span class="btn-variant-content" data-name="43">43</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="164391942">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="37" selected="selected">37</option>
          <option value="38">38</option>
          <option value="39">39</option>
          <option value="40">40</option>
          <option value="41">41</option>
          <option value="42">42</option>
          <option value="43">43</option>
          <option value="44">44</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="37" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="37">37</span>
					</a>
      <a data-option="38" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="38">38</span>
					</a>
      <a data-option="39" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="39">39</span>
					</a>
      <a data-option="40" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="40">40</span>
					</a>
      <a data-option="41" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="41">41</span>
					</a>
      <a data-option="42" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="42">42</span>
					</a>
      <a data-option="43" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="43">43</span>
					</a>
      <a data-option="44" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="44">44</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Gênero</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Masculino" selected="selected">Masculino</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Masculino" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Masculino">Masculino</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Cor</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Marrom/Azul" selected="selected">Marrom/Azul</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Marrom/Azul" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Marrom/Azul">Marrom/Azul</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="164392117">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="37" selected="selected">37</option>
          <option value="38">38</option>
          <option value="39">39</option>
          <option value="40">40</option>
          <option value="41">41</option>
          <option value="42">42</option>
          <option value="43">43</option>
          <option value="44">44</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="37" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="37">37</span>
					</a>
      <a data-option="38" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="38">38</span>
					</a>
      <a data-option="39" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="39">39</span>
					</a>
      <a data-option="40" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="40">40</span>
					</a>
      <a data-option="41" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="41">41</span>
					</a>
      <a data-option="42" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="42">42</span>
					</a>
      <a data-option="43" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="43">43</span>
					</a>
      <a data-option="44" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="44">44</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Gênero</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Masculino" selected="selected">Masculino</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Masculino" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Masculino">Masculino</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Cor</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Cinza Claro/Preto" selected="selected">Cinza Claro/Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Cinza Claro/Preto" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Cinza Claro/Preto">Cinza Claro/Preto</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="164391444">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="37" selected="selected">37</option>
          <option value="38">38</option>
          <option value="39">39</option>
          <option value="40">40</option>
          <option value="41">41</option>
          <option value="42">42</option>
          <option value="43">43</option>
          <option value="44">44</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="37" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="37">37</span>
					</a>
      <a data-option="38" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="38">38</span>
					</a>
      <a data-option="39" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="39">39</span>
					</a>
      <a data-option="40" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="40">40</span>
					</a>
      <a data-option="41" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="41">41</span>
					</a>
      <a data-option="42" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="42">42</span>
					</a>
      <a data-option="43" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="43">43</span>
					</a>
      <a data-option="44" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="44">44</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Gênero</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Masculino" selected="selected">Masculino</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Masculino" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Masculino">Masculino</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Cor</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Cinza+Preto" selected="selected">Cinza+Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Cinza+Preto" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Cinza+Preto">Cinza+Preto</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="164391615">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="37" selected="selected">37</option>
          <option value="38">38</option>
          <option value="39">39</option>
          <option value="40">40</option>
          <option value="41">41</option>
          <option value="42">42</option>
          <option value="43">43</option>
          <option value="44">44</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="37" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="37">37</span>
					</a>
      <a data-option="38" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="38">38</span>
					</a>
      <a data-option="39" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="39">39</span>
					</a>
      <a data-option="40" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="40">40</span>
					</a>
      <a data-option="41" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="41">41</span>
					</a>
      <a data-option="42" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="42">42</span>
					</a>
      <a data-option="43" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="43">43</span>
					</a>
      <a data-option="44" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="44">44</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Gênero</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Masculino" selected="selected">Masculino</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Masculino" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Masculino">Masculino</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Cor</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Marrom+Azul" selected="selected">Marrom+Azul</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Marrom+Azul" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Marrom+Azul">Marrom+Azul</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="164391790">
  <div class="js-product-variants js-product-quickshop-variants form-row pb-3">
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_1">Tamanho</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="37" selected="selected">37</option>
          <option value="38">38</option>
          <option value="39">39</option>
          <option value="40">40</option>
          <option value="41">41</option>
          <option value="42">42</option>
          <option value="43">43</option>
          <option value="44">44</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Tamanho</label>
      <a data-option="37" class="js-insta-variant btn btn-variant selected" data-variation-id="0">
						<span class="btn-variant-content" data-name="37">37</span>
					</a>
      <a data-option="38" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="38">38</span>
					</a>
      <a data-option="39" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="39">39</span>
					</a>
      <a data-option="40" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="40">40</span>
					</a>
      <a data-option="41" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="41">41</span>
					</a>
      <a data-option="42" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="42">42</span>
					</a>
      <a data-option="43" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="43">43</span>
					</a>
      <a data-option="44" class="js-insta-variant btn btn-variant" data-variation-id="0">
						<span class="btn-variant-content" data-name="44">44</span>
					</a>
    </div>
    <div class="js-product-variants-group  col-12 mb-2" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_2">Gênero</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="Masculino" selected="selected">Masculino</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Gênero</label>
      <a data-option="Masculino" class="js-insta-variant btn btn-variant selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="Masculino">Masculino</span>
					</a>
    </div>
    <div class="js-product-variants-group js-color-variants-container col-12 mb-2" data-variation-id="2">
      <div class="form-group  d-none">
        <label class="form-label " for="variation_3">Cor</label>
        <select id="variation_3" class="form-select js-variation-option js-refresh-installment-data " name="variation[2]">
          <option value="Azul+Preto" selected="selected">Azul+Preto</option>
        </select>
        <div class="form-select-icon">
          <svg class="icon-inline icon-w-14" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
            <path d="M256,340.3,451.75,144.55l18.1,18.1L256,376.5,42.15,162.65l18.1-18.1Z"></path>
          </svg>
        </div>
      </div>
      <label class="form-label d-block mb-2">Cor</label>
      <a data-option="Azul+Preto" class="js-insta-variant btn btn-variant selected" data-variation-id="2">
						<span class="btn-variant-content" data-name="Azul+Preto">Azul+Preto</span>
					</a>
    </div>
  </div>
  <div class="form-row">
    <div class="col-4">
      <div class="form-group js-quantity form-quantity form-quantity-product mb-2">
        <div class="form-row m-0 align-items-center" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon btn" data-component="product.quantity.minus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M486.4,269.27H25.6v-25.6H486.4Z"></path>
            </svg>
          </span>
          <div class="form-control-container col" data-component="product.adding-amount">
            <input type="number" class=" form-control js-quantity-input form-control-inline" autocorrect="off" autocapitalize="off" pattern="\d*" name="quantity" value="1" min="1" aria-label="Alterar quantidade" data-component="adding-amount.value">
          </div>
          <span class="js-quantity-up form-quantity-icon btn" data-component="product.quantity.plus">
            <svg class="icon-inline icon-w-12 icon-xs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path>
            </svg> </span>
        </div>
      </div>
    </div>
    <div class="col-8">
      <input type="submit" class="js-addtocart js-prod-submit-form btn btn-primary w-100 mb-2 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition mb-1 disabled" style="display: none;">
        <div class="d-inline-block">
          <span class="js-addtocart-text">Comprar</span>
          <span class="js-addtocart-success transition-container"> Pronto! </span>
          <div class="js-addtocart-adding transition-container transition-icon">
            <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
              <path
                d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
              </path>
            </svg>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /winnie-pooh

<form class="mt-4" method="post" action="/winnie-pooh" onsubmit="this.setAttribute('action', '');" data-store="home-newsletter-form">
  <div class="input-append">
    <div class="form-group px-1 mb-2">
      <input type="email" id="email" class=" form-control form-control-big " autocorrect="off" autocapitalize="off" name="email" placeholder="E-mail" aria-label="E-mail">
    </div>
    <div class="winnie-pooh" style="display: none;">
      <label for="winnie-pooh-newsletter">Não preencher este campo</label>
      <input id="winnie-pooh-newsletter" type="text" name="winnie-pooh">
    </div>
    <input type="hidden" name="name" value="Sem nome">
    <input type="hidden" name="message" value="Pedido de inscrição na newsletter">
    <input type="hidden" name="type" value="newsletter">
    <input type="submit" name="contact" class="btn btn-primary btn-block" value="Enviar">
  </div>
</form>

POST /winnie-pooh

<form id="news-popup-form" method="post" action="/winnie-pooh" class="js-news-form" data-store="newsletter-form-popup">
  <div class="input-append">
    <div class="row">
      <div class="col pr-2">
        <div class="form-group ">
          <input type="email" id="email" class=" form-control js-mandatory-field form-control-rounded " autocorrect="off" autocapitalize="off" name="email" placeholder="Email" aria-label="E-mail">
        </div>
      </div>
      <div class="col-auto pl-0">
        <div class="winnie-pooh" style="display: none;">
          <label for="winnie-pooh-newsletter">Não preencher este campo</label>
          <input id="winnie-pooh-newsletter" type="text" name="winnie-pooh">
        </div>
        <input type="hidden" name="name" value="Sem nome">
        <input type="hidden" name="message" value="Pedido de inscrição na newsletter">
        <input type="hidden" name="type" value="newsletter">
        <div class="">
          <button class="js-news-popup-submit btn btn-medium btn-primary" type="submit" value="Enviar" name="contact"> Enviar <span class="js-news-spinner" style="display: none;">
              <svg class="icon-inline icon-xs icon-spin ml-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
                <path
                  d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
                </path>
              </svg> </span>
          </button>
        </div>
      </div>
    </div>
  </div>
  <div class="js-news-spinner h6" style="display: none;"></div>
  <div class="js-news-popup-success alert alert-success mb-2" style="display: none;">Obrigado por se inscrever! A partir de agora você receberá nossas novidades no seu e-mail.</div>
  <div class="js-news-popup-failed alert alert-danger mb-2" style="display: none;">Precisamos do seu email para te enviar nossas novidades.</div>
</form>

POST /winnie-pooh

<form method="post" action="/winnie-pooh" onsubmit="this.setAttribute('action', '');" data-store="newsletter-form">
  <div class="newsletter-form input-append">
    <div class="row">
      <div class="col pr-2">
        <div class="form-group ">
          <input type="email" id="email" class=" form-control form-control-rounded " autocorrect="off" autocapitalize="off" name="email" placeholder="E-mail" aria-label="E-mail">
        </div>
      </div>
      <div class="col-auto pl-0">
        <div class="winnie-pooh" style="display: none;">
          <label for="winnie-pooh-newsletter">Não preencher este campo</label>
          <input id="winnie-pooh-newsletter" type="text" name="winnie-pooh">
        </div>
        <input type="hidden" name="name" value="Sem nome">
        <input type="hidden" name="message" value="Pedido de inscrição na newsletter">
        <input type="hidden" name="type" value="newsletter">
        <input type="submit" name="contact" class="btn btn-medium btn-primary" value="Enviar">
      </div>
    </div>
  </div>
</form>

Text Content

Iniciar sessão | Criar uma conta
Use o cupom MINHAPRIMEIRACOMPRA
FRETE GRÁTIS NAS COMPRAS ACIMA DE R$ 99,00
COMPRE NA LOJA FÍSICA NOS CARTÕES SENFF
Use o cupom MINHAPRIMEIRACOMPRA
FRETE GRÁTIS NAS COMPRAS ACIMA DE R$ 99,00


JPP CALÇADOS ACEITAMOS

R$0,00 ( 0 )

   
 * Início
 * Masculino
    * Tênis
    * Chinelo

 * Feminino
    * Tênis
    * Sandália
    * Chinelo

 * Coturnos
    * Botas / Coturnos

 * Infantil
    * Menina
      * Tênis
      * Sandálias
    * Menino
      * Sandálias
      * Tênis

 * Kits
    * Kit 2 Pares
    * Kit 3Pares
    * Kit 4 Pares

   

Ao navegar por este site você aceita o uso de cookies para agilizar a sua
experiência de compra.
Entendi
()
x
Adicionado ao carrinho com sucesso!

Total ( 0 produtos): produto): R$0,00
Ver carrinho
 * Início
 * Masculino
     Masculino
     
   * Ver tudo em Masculino
   * Tênis
   * Chinelo
 * Feminino
     Feminino
     
   * Ver tudo em Feminino
   * Tênis
   * Sandália
   * Chinelo
 * Coturnos
     Coturnos
     
   * Ver tudo em Coturnos
   * Botas / Coturnos
 * Infantil
     Infantil
     
   * Ver tudo em Infantil
   * Menina
       Menina
       
     * Ver tudo em Menina
     * Tênis
     * Sandálias
   * Menino
       Menino
       
     * Ver tudo em Menino
     * Sandálias
     * Tênis
 * Kits
     Kits
     
   * Ver tudo em Kits
   * Kit 2 Pares
   * Kit 3Pares
   * Kit 4 Pares

Iniciar sessão | Criar uma conta

Carrinho de compras

O carrinho de compras está vazio.
Oops! Não temos mais estoque para incluir este produto ao carrinho. Se você
quiser, podever outros aquí
BRL

SUBTOTAL (SEM FRETE) : R$0,00

em todos os produtos comprando ou mais
O frete escolhido não está mais disponível para este carrinho.
Mas não se preocupe! Você pode escolher outro.
Meios de envio

Entregas para o CEP:
Alterar CEP
Frete grátis a partir de
Sucesso! Você tem frete grátis
OK
Não sei meu CEP
Não conseguimos encontrar esse CEP. Está bem escrito?
Erro no cálculo. Por favor, tente novamente em alguns segundos.
Erro no meio de envio. Por favor, tente novamente em alguns segundos.


Nossa loja

 * JPP Calçados - Rua Tenente Hinon Silva, 113, Ponta Grossa - Entrada pelo
   Estacionamento - Atendimento de Segunda a Sábado das 9:00 ás 18:00 - Ou Rua
   Fernandes Pinheiro - Entrada pela Loja
   
   Grátis


TOTAL: R$0,00

Total: R$0,00
Ou até 1x de R$0,00
O valor mínimo de compra é de R$0,00 sem considerar o custo de frete
Ver mais produtos

Confira





Confira







DESTAQUES

Grátis
COR MOSTARDA

COR MOSTARDA
GÊNERO MASCULINO

GÊNERO MASCULINO
TAMANHO 38 39 40 41 42 43

TAMANHO 38 39 40 41 42 43
Comprar Pronto!

-10%
Comprando 2 ou mais
TÊNIS ASICS GEL LYTE III OG
R$164,80 R$206,00
3x de R$54,93 sem juros
Comprar
Cor Preto Vermelho Branco

Cor
Tamanho 35 36 37 38 39 40 41 42 43

Tamanho 35 36 37 38 39 40 41 42 43
Comprar Pronto!

-10%
Comprando 2 ou mais
TÊNIS CONVERSE ALL STAR CHUCK TAYLOR
R$70,00 R$159,00
3x de R$23,33 sem juros
Comprar
Cor Preto Rosa Pink

Cor
Gênero Menina

Gênero Menina
Tamanho 20 21 22 23 24 25 26 27

Tamanho 20 21 22 23 24 25 26 27
Comprar Pronto!

-10%
Comprando 2 ou mais
TÊNIS INFANTIL GUI STAR MENINA
R$69,99 R$0,00
3x de R$23,33 sem juros
Comprar
Cor Rosa

Cor
Tamanho 22 23 24 25 26 27

Tamanho 22 23 24 25 26 27
Gênero Menina

Gênero Menina
Comprar Pronto!

-10%
Comprando 2 ou mais
Tênis Star Cano Alto Arco Iris Infantil
R$79,00 R$89,90
3x de R$26,33 sem juros
Comprar
Cor Preto Pink

Cor
Tamanho 25/26 27/28 29/30 31/32 23/24 21/22 19/20 17/18

Tamanho 25/26 27/28 29/30 31/32 23/24 21/22 19/20 17/18
Gênero Menina

Gênero Menina
Comprar Pronto!

-10%
Comprando 2 ou mais
Babuche Crocs Infantil Personagem Lol
R$50,00 R$0,00
3x de R$16,67 sem juros
Comprar
Cor Preto/Marfim

Cor Preto/Marfim
Tamanho 25/26 27/28 29/30 31/32 33/34

Tamanho 25/26 27/28 29/30 31/32 33/34
Gênero Menino

Gênero Menino
Comprar Pronto!

-10%
Comprando 2 ou mais
Chinelo Juvenil Nova Onda Em Tira
R$49,90 R$0,00
3x de R$16,63 sem juros
Comprar
Cor Pink

Cor
Tamanho 28 29 30 31 32 33

Tamanho 28 29 30 31 32 33
Gênero Menina

Gênero Menina
Comprar Pronto!

-10%
Comprando 2 ou mais
Crocs Infantil Yvate Menina
R$70,00 R$0,00
3x de R$23,33 sem juros
Comprar
COR DOURADO

COR DOURADO
GÊNERO MENINA

GÊNERO MENINA
TAMANHO 21 22 23 24 25 26 27

TAMANHO 21 22 23 24 25 26 27
Comprar Pronto!

-10%
Comprando 2 ou mais
SANDÁLIA INFANTIL PIMENTINHA EM TIRA
R$29,90 R$39,90
3x de R$9,97 sem juros
Comprar
Cor Preto

Cor
Tamanho 19/20 21/22 23/24 25/26

Tamanho 19/20 21/22 23/24 25/26
Gênero Menino

Gênero Menino
Comprar Pronto!

-10%
Comprando 2 ou mais
Sandália Papete Melky Infantil Homem Aranha
R$35,00 R$0,00
3x de R$11,67 sem juros
Comprar
Cor Azul

Cor
Gênero Menino

Gênero Menino
Tamanho 16/17 18/19 20/21 22/23

Tamanho 16/17 18/19 20/21 22/23
Comprar Pronto!

-10%
Comprando 2 ou mais
TÊNIS BABY CUTY URSINHO KIATH
R$51,90 R$0,00
3x de R$17,30 sem juros
Comprar
Cor Preto

Cor
Tamanho 22 23 24 25 26 27 21 20

Tamanho 22 23 24 25 26 27 21 20
Gênero Menino

Gênero Menino
Comprar Pronto!

-10%
Comprando 2 ou mais
Tênis Calce Fácil Personagem Batmam
R$39,99 R$64,90
3x de R$13,33 sem juros
Comprar
Cor Preto

Cor
Tamanho 21/22 23/24 25/26 27/28 29/30 31/32 19/20

Tamanho 21/22 23/24 25/26 27/28 29/30 31/32 19/20
Gênero Menino

Gênero Menino
Comprar Pronto!

-10%
Comprando 2 ou mais
Babuche Crocs Infantil Personagem Homem Aranha
R$50,00 R$0,00
3x de R$16,67 sem juros
Comprar
Nossas marcas




OFERTAS DE ABRIL

Cor Rosa

Cor
Tamanho 22 23 24 25 26 27

Tamanho 22 23 24 25 26 27
Gênero Menina

Gênero Menina
Comprar Pronto!

-10%
Comprando 2 ou mais
Tênis Star Cano Alto Arco Iris Infantil
R$79,00 R$89,90
3x de R$26,33 sem juros
Comprar
Cor Preto

Cor
Tamanho 22 23 24 25 26 27

Tamanho 22 23 24 25 26 27
Gênero Menino

Gênero Menino
Comprar Pronto!

-10%
Comprando 2 ou mais
Tênis Star Cano Alto Video Game Infantil
R$79,00 R$89,90
3x de R$26,33 sem juros
Comprar
Cor Preto Vermelho Branco

Cor
Tamanho 35 36 37 38 39 40 41 42 43

Tamanho 35 36 37 38 39 40 41 42 43
Comprar Pronto!

-10%
Comprando 2 ou mais
TÊNIS CONVERSE ALL STAR CHUCK TAYLOR
R$70,00 R$159,00
3x de R$23,33 sem juros
Comprar
COR DOURADO

COR DOURADO
GÊNERO MENINA

GÊNERO MENINA
TAMANHO 21 22 23 24 25 26 27

TAMANHO 21 22 23 24 25 26 27
Comprar Pronto!

-10%
Comprando 2 ou mais
SANDÁLIA INFANTIL PIMENTINHA EM TIRA
R$29,90 R$39,90
3x de R$9,97 sem juros
Comprar
COR VERMELHA

COR VERMELHA
GÊNERO MENINA

GÊNERO MENINA
TAMANHO 20 21 22 23 24 25 26 27

TAMANHO 20 21 22 23 24 25 26 27
Comprar Pronto!

-10%
Comprando 2 ou mais
SANDÁLIA INFANTIL PIMENTINHA CORAÇÃO
R$29,90 R$39,90
3x de R$9,97 sem juros
Comprar
Grátis
Cor Pretro/Preto Preto/Branco

Cor Pretro/Preto Preto/Branco
Tamanho 38 39 40 41 42 43

Tamanho 38 39 40 41 42 43
Comprar Pronto!

-10%
Comprando 2 ou mais
Tênis DC Shoes Striker
R$154,98 R$189,00
3x de R$51,66 sem juros
Comprar
Cor Preto

Cor
Tamanho 22 23 24 25 26 27 21 20

Tamanho 22 23 24 25 26 27 21 20
Gênero Menino

Gênero Menino
Comprar Pronto!

-10%
Comprando 2 ou mais
Tênis Calce Fácil Personagem Homem Aranha
R$39,99 R$64,90
3x de R$13,33 sem juros
Comprar
Cor Preto

Cor
Tamanho 38 39 40 41 42 43

Tamanho 38 39 40 41 42 43
Comprar Pronto!

-10%
Comprando 2 ou mais
SAPATENIS LACOSTE SPORT
R$128,00 R$159,90
3x de R$42,67 sem juros
Comprar


LANÇAMENTOS

Ver todos
Tamanho 37 38 39 40 41 42 43 44

Tamanho 37 38 39 40 41 42 43 44
Gênero Masculino

Gênero Masculino
Cor Marrom/Azul

Cor Marrom/Azul
Comprar Pronto!

-10%
Comprando 2 ou mais
Kit 2 Sapatenis Kreeper
R$129,90 R$219,98
3x de R$43,30 sem juros
Comprar
Tamanho 37 38 39 40 41 42 43 44

Tamanho 37 38 39 40 41 42 43 44
Gênero Masculino

Gênero Masculino
Cor Cinza Claro/Preto

Cor Cinza Claro/Preto
Comprar Pronto!

-10%
Comprando 2 ou mais
Kit 2 Sapatenis Kreeper
R$129,90 R$219,98
3x de R$43,30 sem juros
Comprar
Tamanho 37 38 39 40 41 42 43 44

Tamanho 37 38 39 40 41 42 43 44
Gênero Masculino

Gênero Masculino
Cor Cinza+Preto

Cor Cinza+Preto
Comprar Pronto!

-10%
Comprando 2 ou mais
Kit 2 Sapatenis Kreeper
R$129,90 R$219,98
3x de R$43,30 sem juros
Comprar
Tamanho 37 38 39 40 41 42 43 44

Tamanho 37 38 39 40 41 42 43 44
Gênero Masculino

Gênero Masculino
Cor Marrom+Azul

Cor Marrom+Azul
Comprar Pronto!

-10%
Comprando 2 ou mais
Kit 2 Sapatenis Kreeper
R$129,90 R$219,98
3x de R$43,30 sem juros
Comprar
Tamanho 37 38 39 40 41 42 43 44

Tamanho 37 38 39 40 41 42 43 44
Gênero Masculino

Gênero Masculino
Cor Azul+Preto

Cor Azul+Preto
Comprar Pronto!

-10%
Comprando 2 ou mais
Kit 2 Sapatenis Kreeper
R$129,90 R$219,98
3x de R$43,30 sem juros
Comprar
Melhores Ofertas JPP Calçados
Confira


FIQUE POR DENTRO DE TODAS AS PROMOÇÕES

Quer receber nossas ofertas? Cadastre-se e comece a recebê-las!

Não preencher este campo
Não preencher este campo
Enviar

Obrigado por se inscrever! A partir de agora você receberá nossas novidades no
seu e-mail.
Precisamos do seu email para te enviar nossas novidades.



Siga-nos
Departamentos
 * Início
 * Masculino
 * Feminino
 * Coturnos
 * Infantil
 * Kits

Sobre a Loja
 * Sobre a JPP
 * Política de Privacidade
 * Política de Entrega
 * Política de Devolução
 * Entre em Contato
 * Regulamentos

Entre em contato
 * 5542991185730
 * 42 32296714
 * lojafisicajppcalcados@gmail.com
 * Rua São José dos Pinhais N° 780

Assine nossa newsletter
Não preencher este campo

Copyright JPP Calçados Ltda - 44834864000184 - 2023. Todos os direitos
reservados.