www.vistanabi.com.br Open in urlscan Pro
185.133.35.22  Public Scan

URL: https://www.vistanabi.com.br/
Submission: On June 03 via api from US — Scanned from DE

Form analysis 19 forms found in the DOM

GET /search/

<form class="js-search-container js-search-form  search-container left-line-md" action="/search/" method="get">
  <div class="form-group mb-0 h-100">
    <input class="js-search-input form-control search-input" autocomplete="off" type="search" name="q" placeholder="O que você está buscando?" aria-label="Buscar">
    <button type="submit" class="search-input-submit" value="Buscar" aria-label="Buscar">
      <svg class="icon-inline icon-lg" viewBox="0 0 512 512">
        <path
          d="M504.79,474.23l-118.81-118.81c30.76-37.53,49.22-85.52,49.22-137.83C435.2,97.42,337.78,0,217.6,0S0,97.42,0,217.6s97.42,217.6,217.6,217.6c58.65,0,111.88-23.21,151.01-60.94l118.08,118.08,18.1-18.1Zm-287.19-64.63c-106.04,0-192-85.96-192-192S111.56,25.6,217.6,25.6s192,85.96,192,192-85.96,192-192,192Z">
        </path>
      </svg> </button>
  </div>
</form>

GET /search/

<form class="js-search-container js-search-form w-100 search-container left-line-md" action="/search/" method="get">
  <div class="form-group mb-0 h-100">
    <input class="js-search-input form-control search-input" autocomplete="off" type="search" name="q" placeholder="O que você está buscando?" aria-label="Buscar">
    <button type="submit" class="search-input-submit" value="Buscar" aria-label="Buscar">
      <svg class="icon-inline icon-lg" viewBox="0 0 512 512">
        <path
          d="M504.79,474.23l-118.81-118.81c30.76-37.53,49.22-85.52,49.22-137.83C435.2,97.42,337.78,0,217.6,0S0,97.42,0,217.6s97.42,217.6,217.6,217.6c58.65,0,111.88-23.21,151.01-60.94l118.08,118.08,18.1-18.1Zm-287.19-64.63c-106.04,0-192-85.96-192-192S111.56,25.6,217.6,25.6s192,85.96,192,192-85.96,192-192,192Z">
        </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 no-gutters align-items-center">
      <div class="col px-3"> Carrinho de compras </div>
      <div class="col-auto">
        <a class="js-modal-close modal-close left-line">
                                    <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 p-0">
    <div class="js-ajax-cart-list">
    </div>
    <div class="js-empty-ajax-cart">
      <div class="alert alert-info top-no-line text-center p-4 bottom-line" data-component="cart.empty-message">O carrinho de compras está vazio. </div>
    </div>
    <div id="error-ajax-stock" style="display: none;">
      <div class="alert alert-warning bottom-line top-no-line"> 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 no-gutters p-3 mb-0 bottom-line" 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 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">
              <a href="#" class="js-accordion-toggle row no-gutters bottom-line">
		<div class="col p-3">
			<div class="font-small text-uppercase">Meios de envio</div>
		</div>
		<div class="col-auto icon-48px left-line">
			<span class="js-accordion-toggle-inactive">
				<svg class="icon-inline icon-lg 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 icon-lg 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 bottom-line mb-neg-1" style="display: none;">
                <div 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  w-100 transition-up position-absolute">
                      <div class="row no-gutters top-line bottom-line my-neg-1">
                        <span class="col p-3">
                          <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 col-btn p-3 left-line">
                          <a class="js-shipping-calculator-change-zipcode btn btn-link font-small float-right" href="#">Alterar CEP</a>
                        </div>
                      </div>
                    </div>
                    <div class="js-shipping-calculator-form shipping-calculator-form transition-up position-absolute w-100 transition-up-active">
                      <div class="js-ship-calculator-error invalid-zipcode alert alert-danger my-neg-1" 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 my-neg-1" 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 my-neg-1" style="display: none;">Erro no meio de envio. Por favor, tente novamente em alguns segundos.</div>
                      <div class="form-group ">
                        <div class=" form-label px-3 py-2" style="display: none;">
                          <span class="text-accent">Frete grátis</span> a partir de <span></span>
                        </div>
                        <div class=" form-label text-accent px-3 py-2" style="display: none;"> Sucesso! Você tem frete grátis </div>
                        <div class="position-relative form-row m-0 top-line bottom-line my-neg-1">
                          <div class="col p-0">
                            <div class="js-tooltip-icon form-control-btn">
                              <div class="tooltip-icon align-item-middle font-small opacity-50">?</div>
                            </div>
                            <div class="js-tooltip tooltip" style="display: none;">
                              <span class="tooltip-arrow tooltip-arrow-up"></span>
                              <a class="btn-link font-small" href="http://www.buscacep.correios.com.br/sistemas/buscacep/" target="_blank">Não sei meu CEP</a>
                              <a class="js-tooltip-close ml-2" href="#">
												<svg class="icon-inline svg-icon-text icon-md" 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 class="form-control-container ">
                              <input type="tel" class=" form-control js-shipping-input d-block top-no-line bottom-no-line 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 p-0 left-line background-main">
                            <div class="js-calculate-shipping btn-link px-3 py-2 align-item-middle" aria-label="Calcular frete">
                              <span class="js-calculate-shipping-wording d-inline-block btn-link"> Calcular </span>
                              <span class="loading" style="display: none;">
                                <svg class="icon-inline icon-spin icon-md ml-2" 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>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="js-shipping-calculator-spinner py-4 top-line" style="display: none;">
                    <div class="row mx-0 mb-4">
                      <div class="col">
                        <div class="placeholder-line placeholder-color placeholder-shine position-relative mb-3 col-10 col-md-8"></div>
                        <div class="placeholder-line placeholder-color placeholder-shine position-relative col-6 col-md-3"></div>
                      </div>
                      <div class="col-auto">
                        <div class="placeholder-line placeholder-shipping-price placeholder-color placeholder-shine position-relative"></div>
                      </div>
                    </div>
                    <div class="row mx-0">
                      <div class="col">
                        <div class="placeholder-line placeholder-color placeholder-shine position-relative mb-3 col-10 col-md-8"></div>
                        <div class="placeholder-line placeholder-color placeholder-shine position-relative col-6 col-md-3"></div>
                      </div>
                      <div class="col-auto">
                        <div class="placeholder-line placeholder-shipping-price placeholder-color placeholder-shine position-relative"></div>
                      </div>
                    </div>
                  </div>
                  <div class="js-shipping-calculator-response transition-soft  radio-buttons-group" style="display: none;"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="js-cart-total-container js-visible-on-cart-filled" style="display:none;" data-store="cart-total">
        <h2 class="row no-gutters bottom-line p-3 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>
          <span class="col-12 ">
            <div style="display: none;" data-interest="0" data-cart-installment="1" class="js-installments-cart-total cart-installments font-small mt-1 text-right "> Ou até <span class="js-cart-installments-amount cart-installments-amount ">1</span>
              <span>
                <span class="installment-short-separator"> x </span> de </span>
              <span class="js-cart-installments cart-installments-money ">R$0,00</span>
            </div>
          </span>
        </h2>
        <div class="total-price hidden"> Total: R$0,00 </div>
      </div>
      <div class="js-visible-on-cart-filled " style="display:none;">
        <div class="js-ajax-cart-submit mb-3" id="ajax-cart-submit-div">
          <input class="btn btn-primary btn-big btn-block" type="submit" name="go_to_checkout" value="Iniciar Compra" data-component="cart.checkout-button">
        </div>
        <div class="js-ajax-cart-minimum alert alert-warning bottom-line top-no-line mb-2 text-center" 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>
        <input type="hidden" id="ajax-cart-minimum-value" value="0">
        <div class="text-center w-100 mb-md-2 bottom-line-md pb-3">
          <a href="#" class="js-modal-close js-fullscreen-modal-close btn-link">Ver mais produtos</a>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="213635192">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">Branco</option>
          <option value="Preto">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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant mb-neg-1 selected 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>
      <a data-option="Preto" class="js-insta-variant btn btn-variant mb-neg-1 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="196773511">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant mb-neg-1 selected 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="197157903">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant mb-neg-1 selected 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="207011326">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " 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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant mb-neg-1 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="209349789">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant mb-neg-1 selected 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="208915533">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant mb-neg-1 selected 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="205887872">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant mb-neg-1 selected 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="204513967">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant mb-neg-1 selected 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="202979743">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant mb-neg-1 selected 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="202874268">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant mb-neg-1 selected 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="190876320">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " 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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Preto" class="js-insta-variant btn btn-variant mb-neg-1 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="201565387">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">Branco</option>
          <option value="Preto">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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant mb-neg-1 selected 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>
      <a data-option="Preto" class="js-insta-variant btn btn-variant mb-neg-1 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="201564978">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">Branco</option>
          <option value="Preto">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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant mb-neg-1 selected 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>
      <a data-option="Preto" class="js-insta-variant btn btn-variant mb-neg-1 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="201564307">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">Branco</option>
          <option value="Preto">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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant mb-neg-1 selected 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>
      <a data-option="Preto" class="js-insta-variant btn btn-variant mb-neg-1 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </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="201564656">
  <div class="js-product-variants js-product-quickshop-variants row no-gutters left-line mx-neg-1">
    <div class="js-product-variants-group js-color-variants-container col-12 bottom-line" data-variation-id="0">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_1">Cor</label>
        <select id="variation_1" class="form-select js-variation-option js-refresh-installment-data " name="variation[0]">
          <option value="Branco" selected="selected">Branco</option>
          <option value="Preto">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 px-3 py-2 bottom-line">Cor</label>
      <a data-option="Branco" class="js-insta-variant btn btn-variant mb-neg-1 selected 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>
      <a data-option="Preto" class="js-insta-variant btn btn-variant mb-neg-1 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" data-variation-id="1">
      <div class="form-group  d-none">
        <label class="form-label d-block px-3 py-2 " for="variation_2">Tamanho</label>
        <select id="variation_2" class="form-select js-variation-option js-refresh-installment-data " name="variation[1]">
          <option value="P" selected="selected">P</option>
          <option value="M">M</option>
          <option value="G">G</option>
          <option value="GG">GG</option>
          <option value="XG">XG</option>
          <option value="52">52</option>
          <option value="54">54</option>
          <option value="56">56</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 px-3 py-2 bottom-line">Tamanho</label>
      <a data-option="P" class="js-insta-variant btn btn-variant mb-neg-1 selected" data-variation-id="1">
						<span class="btn-variant-content" data-name="P">P</span>
					</a>
      <a data-option="M" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="M">M</span>
					</a>
      <a data-option="G" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="G">G</span>
					</a>
      <a data-option="GG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="GG">GG</span>
					</a>
      <a data-option="XG" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="XG">XG</span>
					</a>
      <a data-option="52" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="52">52</span>
					</a>
      <a data-option="54" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="54">54</span>
					</a>
      <a data-option="56" class="js-insta-variant btn btn-variant mb-neg-1" data-variation-id="1">
						<span class="btn-variant-content" data-name="56">56</span>
					</a>
    </div>
  </div>
  <div class="row no-gutters my-neg-1">
    <div class="col-5">
      <div class="form-group js-quantity form-quantity">
        <div class="form-row m-0 align-items-center right-line" data-component="product.quantity">
          <span class="js-quantity-down form-quantity-icon icon-48px right-line my-neg-1" data-component="product.quantity.minus">
            <svg class="icon-inline" 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 icon-48px left-line my-neg-1" data-component="product.quantity.plus">
            <svg class="icon-inline" 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-7">
      <input type="submit" class="js-addtocart js-prod-submit-form btn-add-to-cart btn btn-primary btn-big w-100 cart" value="Comprar">
      <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block btn-transition btn-big 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 icon-spin h3 mt-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>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /winnie-pooh

<form class="mx-neg-1" method="post" action="/winnie-pooh" onsubmit="this.setAttribute('action', '');" data-store="newsletter-form">
  <div class="newsletter-form input-append row no-gutters">
    <div class="col right-line">
      <div class="form-group mb-0">
        <input type="email" id="email" class=" form-control  " autocorrect="off" autocapitalize="off" name="email" placeholder="Cadastre seu e-mail..." aria-label="E-mail">
      </div>
    </div>
    <div class="col-auto">
      <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-big btn-line btn-primary" value="Enviar">
    </div>
  </div>
</form>

Text Content

3% off pagando via pix


NABI FANMADE STORE

0
()
x
Adicionado ao carrinho com sucesso!

Ao navegar por este site você aceita o uso de cookies para agilizar a sua
experiência de compra.
Entendi
 * Início
 * Produtos
     Produtos
     
   * Ver todos os produtos
   * Por grupo
       Por grupo
       
     * Ver tudo em Por grupo
     * Stray Kids
   * Por peça
       Por peça
       
     * Ver tudo em Por peça
     * Camisetas
     * Moletons
     * Bolsas
 * Perguntas Frequentes
 * Trocas e Devoluções

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
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.
Frete grátis a partir de
Sucesso! Você tem frete grátis
?
Não sei meu CEP

Calcular




TOTAL: R$0,00
OU ATÉ 1 X DE R$0,00

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


Cor Branco Preto

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

God’s Menu

R$84,90 R$0,00
Cor Branco

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

3RACHA

R$79,90 R$0,00
Cor Branco

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

Danceracha

R$79,90 R$0,00
Cor Preto

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

Fate

R$84,90 R$0,00
Cor Branco

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

Yongbok

R$84,90 R$0,00
Cor Branco

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

Hwang

R$84,90 R$0,00
Cor Branco

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

Han

R$84,90 R$0,00
Cor Branco

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

SpearB

R$84,90 R$0,00
Cor Branco

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

Lee Know

R$84,90 R$0,00
Cor Branco

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

Bang

R$84,90 R$0,00
Cor Preto

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

Rockstar

R$79,90 R$0,00
Cor Branco Preto

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

5STAR

R$84,90 R$0,00
Cor Branco Preto

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

Maxident

R$84,90 R$0,00
Cor Branco Preto

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

Oddinary

R$84,90 R$0,00
Cor Branco Preto

Cor
Tamanho P M G GG XG 52 54 56

Tamanho P M G GG XG 52 54 56
Comprar Pronto!

Noeasy

R$84,90 R$0,00



Siga-nos no

Newsletter
Não preencher este campo
 * Início
 * Produtos
 * Perguntas Frequentes
 * Trocas e Devoluções

Iniciar sessão - Criar uma conta
Copyright nabi fanmade store - 2024. Todos os direitos reservados.