cityoutlet.com.br Open in urlscan Pro
52.200.197.31  Public Scan

Submitted URL: http://cityoutlet.com.br/
Effective URL: https://cityoutlet.com.br/
Submission Tags: demotag1 demotag2 Search All
Submission: On March 15 via api from US — Scanned from DE

Form analysis 26 forms found in the DOM

GET /search/

<form action="/search/" method="get" class="js-search-form mobile-search-form">
  <div class="mobile-search-input-container">
    <span class="js-search-back-btn js-toggle-mobile-search mobile-search-input-back m-top-half p-left-half">
      <svg class="svg-inline--fa fa-lg mobile-search-input-icon svg-text-fill" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg">
        <path d="M1427 301l-531 531 531 531q19 19 19 45t-19 45l-166 166q-19 19-45 19t-45-19l-742-742q-19-19-19-45t19-45l742-742q19-19 45-19t45 19l166 166q19 19 19 45t-19 45z"></path>
      </svg> </span>
    <input class="h6 js-mobile-search-input js-search-input mobile-search-input" autocomplete="off" type="search" name="q" placeholder="Buscar" aria-label="Barra de pesquisa">
    <button type="submit" class="mobile-search-input-submit" value="" aria-label="Buscar">
      <svg class="svg-inline--fa fa-lg mobile-search-input-icon svg-text-fill" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
        <path
          d="M1814 355.9c0-123.3-43.8-228.8-131.5-316.5-87.7-87.7-193.2-131.5-316.5-131.5s-228.8 43.8-316.5 131.5C961.8 127.1 918 232.6 918 355.9s43.8 228.8 131.5 316.5c87.7 87.7 193.2 131.5 316.5 131.5s228.8-43.8 316.5-131.5c87.7-87.7 131.5-193.2 131.5-316.5zm512 832c0 34.7-12.7 64.7-38 90s-55.3 38-90 38c-36 0-66-12.7-90-38l-343-342c-119.3 82.7-252.3 124-399 124-95.3 0-186.5-18.5-273.5-55.5s-162-87-225-150-113-138-150-225S662 451.2 662 355.9s18.5-186.5 55.5-273.5 87-162 150-225 138-113 225-150 178.2-55.5 273.5-55.5 186.5 18.5 273.5 55.5 162 87 225 150 113 138 150 225 55.5 178.2 55.5 273.5c0 146.7-41.3 279.7-124 399l343 343c24.7 24.7 37 54.7 37 90z">
        </path>
      </svg> </button>
  </div>
</form>

GET /search/

<form action="/search/" class="js-search-form" method="get" role="form">
  <div class="form-group">
    <input class="js-search-input form-control desktop-search-input" type="search" autocomplete="off" name="q" placeholder="Buscar" aria-label="Barra de pesquisa">
    <button class="desktop-search-submit submit-button" type="submit" aria-label="Buscar">
      <div class="desktop-search-icon">
        <svg class="svg-inline--fa svg-search-icon" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M1814 355.9c0-123.3-43.8-228.8-131.5-316.5-87.7-87.7-193.2-131.5-316.5-131.5s-228.8 43.8-316.5 131.5C961.8 127.1 918 232.6 918 355.9s43.8 228.8 131.5 316.5c87.7 87.7 193.2 131.5 316.5 131.5s228.8-43.8 316.5-131.5c87.7-87.7 131.5-193.2 131.5-316.5zm512 832c0 34.7-12.7 64.7-38 90s-55.3 38-90 38c-36 0-66-12.7-90-38l-343-342c-119.3 82.7-252.3 124-399 124-95.3 0-186.5-18.5-273.5-55.5s-162-87-225-150-113-138-150-225S662 451.2 662 355.9s18.5-186.5 55.5-273.5 87-162 150-225 138-113 225-150 178.2-55.5 273.5-55.5 186.5 18.5 273.5 55.5 162 87 225 150 113 138 150 225 55.5 178.2 55.5 273.5c0 146.7-41.3 279.7-124 399l343 343c24.7 24.7 37 54.7 37 90z">
          </path>
        </svg>
      </div>
    </button>
  </div>
</form>

POST /winnie-pooh

<form id="news-popup-form" method="post" action="/winnie-pooh" data-store="newsletter-form-popup">
  <div class="form-group">
    <input type="text" class="js-mandatory-field form-control" name="name" onfocus="if (this.value == 'Nome Completo') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Nome Completo';}" value="Nome Completo"
      aria-label="Nome Completo">
  </div>
  <div class="form-group">
    <input type="email" class="js-mandatory-field form-control" onfocus="if (this.value == 'Seu E-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Seu E-mail';}" value="Seu E-mail" name="email" aria-label="Seu E-mail">
  </div>
  <div class="form-group winnie-pooh hidden">
    <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="message" value="Pedido de inscrição na newsletter">
  <input type="hidden" name="type" value="newsletter-popup">
  <input type="submit" name="contact" class="js-news-popup-submit btn btn-secondary center-block" value="Inscrever-se">
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="160495416">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Onça</span>
      </label>
      <div class="full-width">
        <a data-option="Azul" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #0000DC" data-name="Azul">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Dourado" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #DAA520" data-name="Dourado">
                          </span>
          </a>
        <a data-option="Pink" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FF69B4" data-name="Pink">
                          </span>
          </a>
        <a data-option="Onça" class="js-insta-variations btn-variant btn-variant-custom Cor selected">
            <span class="btn-variant-content" data-name="Onça">Onça</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Onça" selected="selected">Onça</option>
            <option value="Azul">Azul</option>
            <option value="Preto">Preto</option>
            <option value="Branco">Branco</option>
            <option value="Dourado">Dourado</option>
            <option value="Pink">Pink</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="160495416">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="160523410">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Onça</span>
      </label>
      <div class="full-width">
        <a data-option="Rosa" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #E998FF" data-name="Rosa">
                          </span>
          </a>
        <a data-option="Dourado" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #DAA520" data-name="Dourado">
                          </span>
          </a>
        <a data-option="Lilás" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #8A2BE2" data-name="Lilás">
                          </span>
          </a>
        <a data-option="Onça" class="js-insta-variations btn-variant btn-variant-custom Cor selected">
            <span class="btn-variant-content" data-name="Onça">Onça</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Onça" selected="selected">Onça</option>
            <option value="Rosa">Rosa</option>
            <option value="Dourado">Dourado</option>
            <option value="Lilás">Lilás</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="160523410">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="145662686">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
        <a data-option="40" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="40">40</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Dourado" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #DAA520" data-name="Dourado">
                          </span>
          </a>
        <a data-option="Bronze" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #CD7F32" data-name="Bronze">
                          </span>
          </a>
        <a data-option="Nude" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #EBC8B2" data-name="Nude">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
            <option value="40">40</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Branco" selected="selected">Branco</option>
            <option value="Preto">Preto</option>
            <option value="Dourado">Dourado</option>
            <option value="Bronze">Bronze</option>
            <option value="Nude">Nude</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="145662686">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="147752008">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Azul" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #0000DC" data-name="Azul">
                          </span>
          </a>
        <a data-option="Dourado" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #DAA520" data-name="Dourado">
                          </span>
          </a>
        <a data-option="Marsala" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #955261" data-name="Marsala">
                          </span>
          </a>
        <a data-option="Verde" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #00DC00" data-name="Verde">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Branco">Branco</option>
            <option value="Azul">Azul</option>
            <option value="Dourado">Dourado</option>
            <option value="Marsala">Marsala</option>
            <option value="Verde">Verde</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="147752008">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="154377514">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Nude" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #EBC8B2" data-name="Nude">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Branco">Branco</option>
            <option value="Nude">Nude</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="154377514">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="142055506">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Vermelho" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #DC0000" data-name="Vermelho">
                          </span>
          </a>
        <a data-option="Marrom" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #A57D38" data-name="Marrom">
                          </span>
          </a>
        <a data-option="Verde" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #00DC00" data-name="Verde">
                          </span>
          </a>
        <a data-option="Rosa" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #E998FF" data-name="Rosa">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Vermelho">Vermelho</option>
            <option value="Marrom">Marrom</option>
            <option value="Verde">Verde</option>
            <option value="Rosa">Rosa</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="142055506">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="159936117">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Nude" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #EBC8B2" data-name="Nude">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Lilás" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #8A2BE2" data-name="Lilás">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Nude">Nude</option>
            <option value="Branco">Branco</option>
            <option value="Lilás">Lilás</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="159936117">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="154568936">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Ouro</span>
      </label>
      <div class="full-width">
        <a data-option="Ouro" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #DAA520" data-name="Ouro">
                          </span>
          </a>
        <a data-option="Lilás" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #8A2BE2" data-name="Lilás">
                          </span>
          </a>
        <a data-option="Verde Neon" class="js-insta-variations btn-variant btn-variant-custom Cor ">
            <span class="btn-variant-content" data-name="Verde Neon">Verde Neon</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Ouro" selected="selected">Ouro</option>
            <option value="Lilás">Lilás</option>
            <option value="Verde Neon">Verde Neon</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="154568936">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="156129646">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Prata</span>
      </label>
      <div class="full-width">
        <a data-option="Prata" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #C0C0C0" data-name="Prata">
                          </span>
          </a>
        <a data-option="Rose" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFB6C1" data-name="Rose">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Prata" selected="selected">Prata</option>
            <option value="Rose">Rose</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="156129646">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="161367262">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="161367262">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="155929053">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35/36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35/36">35/36</span>
          </a>
        <a data-option="37/38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37/38">37/38</span>
          </a>
        <a data-option="39/40" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39/40">39/40</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Rosa" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #E998FF" data-name="Rosa">
                          </span>
          </a>
        <a data-option="Verde" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #00DC00" data-name="Verde">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Laranja" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFA500" data-name="Laranja">
                          </span>
          </a>
        <a data-option="Roxo" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #800080" data-name="Roxo">
                          </span>
          </a>
        <a data-option="Off-White" class="js-insta-variations btn-variant btn-variant-custom Cor ">
            <span class="btn-variant-content" data-name="Off-White">Off-White</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35/36">35/36</option>
            <option value="37/38">37/38</option>
            <option value="39/40">39/40</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Rosa">Rosa</option>
            <option value="Verde">Verde</option>
            <option value="Branco">Branco</option>
            <option value="Laranja">Laranja</option>
            <option value="Off-White">Off-White</option>
            <option value="Roxo">Roxo</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="155929053">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="142940233">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Rosa" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #E998FF" data-name="Rosa">
                          </span>
          </a>
        <a data-option="Verde" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #00DC00" data-name="Verde">
                          </span>
          </a>
        <a data-option="Off-White" class="js-insta-variations btn-variant btn-variant-custom Cor ">
            <span class="btn-variant-content" data-name="Off-White">Off-White</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Rosa">Rosa</option>
            <option value="Verde">Verde</option>
            <option value="Off-White">Off-White</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="142940233">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="155199245">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Nude" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #EBC8B2" data-name="Nude">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Nude">Nude</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="155199245">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="161369857">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="161369857">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="161369666">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Bege" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #F5F5DC" data-name="Bege">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Bege">Bege</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="161369666">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="161369096">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Preto</span>
      </label>
      <div class="full-width">
        <a data-option="Preto" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="Bege" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #F5F5DC" data-name="Bege">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Preto" selected="selected">Preto</option>
            <option value="Bege">Bege</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="161369096">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="158132820">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="158132820">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="154501054">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="154501054">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="158659901">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Tamanho" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Tamanho: </span>
        <span class="js-insta-variation-label variant-label-property">34</span>
      </label>
      <div class="full-width">
        <a data-option="34" class="js-insta-variations btn-variant btn-variant-custom Tamanho selected">
            <span class="btn-variant-content" data-name="34">34</span>
          </a>
        <a data-option="35" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="35">35</span>
          </a>
        <a data-option="36" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="36">36</span>
          </a>
        <a data-option="37" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="37">37</span>
          </a>
        <a data-option="38" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="38">38</span>
          </a>
        <a data-option="39" class="js-insta-variations btn-variant btn-variant-custom Tamanho ">
            <span class="btn-variant-content" data-name="39">39</span>
          </a>
      </div>
    </div>
    <div data-variant="Cor" class="variation_2  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_2">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">Branco</span>
      </label>
      <div class="full-width">
        <a data-option="Branco" class="js-insta-variations btn-variant Cor selected">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Tamanho: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_2"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="Branco" selected="selected">Branco</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="158659901">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

<form class="js-product-form" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="141409278">
  <div class="js-product-variants js-product-quickshop-variants product-variants">
    <div data-variant="Cor" class="variation_1  row-fluid variant-container btn-variant-container">
      <label class="variant-label" for="variation_1">
        <span>Cor: </span>
        <span class="js-insta-variation-label variant-label-property">verde</span>
      </label>
      <div class="full-width">
        <a data-option="Azul" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #0000DC" data-name="Azul">
                          </span>
          </a>
        <a data-option="Branco" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #FFFFFF" data-name="Branco">
                          </span>
          </a>
        <a data-option="Preto" class="js-insta-variations btn-variant Cor ">
            <span class="btn-variant-content" style="background: #000000" data-name="Preto">
                          </span>
          </a>
        <a data-option="verde" class="js-insta-variations btn-variant btn-variant-custom Cor selected">
            <span class="btn-variant-content" data-name="verde">verde</span>
          </a>
      </div>
    </div>
    <div class="js-mobile-variations-container  m-none ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12" style="display: none">
        <label class="variant-label" for="variation_1"> Cor: </label>
        <div class="js-product-variants-group js-color-variants-container select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_1" name="variation[0]">
            <option value="Azul">Azul</option>
            <option value="verde" selected="selected">verde</option>
            <option value="Branco">Branco</option>
            <option value="Preto">Preto</option>
          </select>
        </div>
      </div>
    </div>
    <div class="js-mobile-variations-container ">
      <div class="desktop-product-variation variant-container   col-md-4 col-sm-4  col-xs-12">
        <label class="variant-label" for="variation_2"> Tamanho de Sapato: </label>
        <div class="js-product-variants-group  select-container">
          <select class="js-variation-option js-refresh-installment-data form-control select" data-variant-id="variation_2" name="variation[1]">
            <option value="34" selected="selected">34</option>
            <option value="35">35</option>
            <option value="36">36</option>
            <option value="37">37</option>
            <option value="38">38</option>
            <option value="39">39</option>
            <option value="40">40</option>
            <option value="41">41</option>
            <option value="42">42</option>
            <option value="43">43</option>
            <option value="44">44</option>
          </select>
        </div>
      </div>
    </div>
  </div>
  <div class="js-quantity pull-left full-width-xs m-top">
    <button type="button" class="js-quantity-down cart-quantity-btn cart-quantity-btn-left">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h1216c26.7 0 49.3 9.3 68 28s28 41.3 28 68z"></path>
        </svg>
      </div>
    </button>
    <div class="cart-quantity-input-container d-inline-block" data-component="product.adding-amount">
      <input type="number" class="js-quantity-input cart-quantity-input text-center" autocorrect="off" autocapitalize="off" name="quantity" value="1" min="1" pattern="\d*" aria-label="Alterar quantidade" data-component="adding-amount.value">
    </div>
    <button type="button" class="js-quantity-up cart-quantity-btn cart-quantity-btn-right">
      <div class="cart-quantity-svg-icon">
        <svg baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
          <path
            d="M2198 259.9v192c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-416v416c0 26.7-9.3 49.3-28 68s-41.3 28-68 28h-192c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-416H886c-26.7 0-49.3-9.3-68-28s-28-41.3-28-68v-192c0-26.7 9.3-49.3 28-68s41.3-28 68-28h416v-416c0-26.7 9.3-49.3 28-68 18.7-18.7 41.3-28 68-28h192c26.7 0 49.3 9.3 68 28 18.7 18.7 28 41.3 28 68v416h416c26.7 0 49.3 9.3 68 28s28 41.3 28 68z">
          </path>
        </svg>
      </div>
    </button>
  </div>
  <div class="m-top full-width-container">
    <input type="submit" class="js-prod-submit-form js-addtocart js-variant-addtocart btn btn-primary btn-block m-bottom d-inline-block cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="141409278">
    <div class="js-addtocart js-addtocart-placeholder btn btn-primary btn-block d-inline-block btn-transition disabled m-bottom m-top-none" style="display: none;">
      <div class="d-inline-block">
        <span class="js-addtocart-text btn-transition-start transition-container active"> Comprar </span>
        <span class="js-addtocart-success transition-container btn-transition-success">
          <span class="m-left"> Pronto! </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z">
              </path>
            </svg> </span>
        </span>
        <div class="js-addtocart-adding transition-container btn-transition-progress">
          <span class="m-left"> Incluindo... </span>
          <span class="pull-right m-right">
            <svg class="svg-inline--fa fa-spin fa-lg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
              <path
                d="M288 39.056v16.659c0 10.804 7.281 20.159 17.686 23.066C383.204 100.434 440 171.518 440 256c0 101.689-82.295 184-184 184-101.689 0-184-82.295-184-184 0-84.47 56.786-155.564 134.312-177.219C216.719 75.874 224 66.517 224 55.712V39.064c0-15.709-14.834-27.153-30.046-23.234C86.603 43.482 7.394 141.206 8.003 257.332c.72 137.052 111.477 246.956 248.531 246.667C393.255 503.711 504 392.788 504 256c0-115.633-79.14-212.779-186.211-240.236C302.678 11.889 288 23.456 288 39.056z">
              </path>
            </svg> </span>
        </div>
      </div>
    </div>
  </div>
</form>

POST /winnie-pooh

<form role="form" method="post" action="/winnie-pooh" onsubmit="this.setAttribute('action', '');" data-store="newsletter-form">
  <div class="form-group">
    <input type="text" class="form-control" name="name" onfocus="if (this.value == 'Nome Completo') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Nome Completo';}" value="Nome Completo" aria-label="Nome Completo">
  </div>
  <div class="form-group">
    <input type="email" class="form-control" onfocus="if (this.value == 'Seu E-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Seu E-mail';}" value="Seu E-mail" name="email" aria-label="Seu E-mail">
  </div>
  <div class="form-group winnie-pooh hidden">
    <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="message" value="Pedido de inscrição na newsletter">
  <input type="hidden" name="type" value="newsletter">
  <input type="submit" name="contact" class="btn btn-secondary center-block" value="Inscrever-se">
</form>

POST /comprar/

<form action="/comprar/" method="post" id="ajax-cart-details" class="js-ajax-cart-panel js-fullscreen-modal modal-right modal-xs modal-xs-right modal-xs-right-out" style="display: none;" data-store="cart-form" data-component="cart">
  <div class="modal-xs-dialog">
    <div id="store-curr" class="hidden">BRL</div>
    <div class="subtotal-price hidden" data-priceraw="0"></div>
    <a class="js-toggle-cart js-fullscreen-modal-close modal-xs-header visible-xs" href="#">
	        <svg class="svg-inline--fa fa-2x modal-xs-header-icon modal-xs-right-header-icon" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792"><path d="M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z"></path></svg>	        <span class="modal-xs-header-text modal-xs-right-header-text">Carrinho de compras</span>
	    </a>
    <div class="modal-right-header hidden-xs">
      <a href="#" class="js-toggle-cart m-bottom">
		 		<svg class="svg-inline--fa fa-2x svg-text-fill opacity-50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"></path></svg>		 	</a>
    </div>
    <div class="modal-content">
      <div class="ajax-cart-body modal-right-body modal-xs-body">
        <div class="cart-table container-fluid">
          <div class="ajax-cart-table-header cart-table-header hidden-xs row">
            <div class="pull-left p-left-half">
              <h5>Produto</h5>
            </div>
            <div class="pull-right text-right p-right-half m-right-double">
              <h5>Subtotal</h5>
            </div>
          </div>
          <div class="js-ajax-cart-list ajax-cart">
          </div>
          <div class="js-empty-ajax-cart clear-both alert alert-info m-top" data-component="cart.empty-message"> O carrinho de compras está vazio. </div>
        </div>
        <div class="js-visible-on-cart-filled cart-subtotal cart-totals" style="display:none;" data-store="cart-subtotal">
          <span> Subtotal <small class="js-subtotal-shipping-wording"> (sem frete)</small> : </span>
          <span class="js-ajax-cart-total js-cart-subtotal" data-priceraw="0" data-component="cart.subtotal" data-component-value="0">R$0,00</span>
        </div>
        <div class="js-total-promotions total-promotions text-accent full-width pull-left text-right ajax-cart-promotions">
          <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 un.</span>
        </div>
        <div class="js-fulfillment-info js-allows-non-shippable" 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 clear-both m-top" style="display: none;">
              <div><strong>O frete escolhido não está mais disponível para este carrinho. </strong></div>
              <div>Mas não se preocupe! Você pode escolher outro.</div>
            </div>
            <div id="cart-shipping-container" class="row clear-both" style="display: none;" data-shipping-url="/frete/">
              <span id="cart-selected-shipping-method" data-code="" class="hide"></span>
              <div class="container-fluid m-bottom-half m-top-half border-top border-bottom p-top p-bottom-half">
                <div class="shipping-calculator row visible-when-content-ready  m-bottom-none" data-store="shipping-calculator">
                  <div class="js-shipping-calculator-head shipping-calculator-head p-relative transition-soft with-form ">
                    <div class="js-shipping-calculator-with-zipcode  p-absolute  transition-up container-fluid full-width">
                      <div class="container-fluid">
                        <div class="row-flex align-items-center">
                          <span class="col p-right-none">
                            <span class="d-table">
                              <span>Entregas para o CEP:</span>
                              <strong class="js-shipping-calculator-current-zip m-left-quarter"></strong>
                            </span>
                          </span>
                          <div class="col-auto p-left-none">
                            <a class="js-shipping-calculator-change-zipcode btn btn-secondary btn-small" href="#">Alterar CEP</a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="js-shipping-calculator-form shipping-calculator-form col-xs-12 transition-up p-absolute transition-up-active">
                      <div class="row">
                        <p class="col-xs-12">
                          <svg class="shipping-truck m-right-quarter svg-text-fill" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" viewBox="598 -476.1 1792 1792">
                            <path
                              d="M1238 931.9c0-34.7-12.7-64.7-38-90s-55.3-38-90-38-64.7 12.7-90 38-38 55.3-38 90 12.7 64.7 38 90 55.3 38 90 38 64.7-12.7 90-38 38-55.3 38-90zm-384-512h384v-256h-158c-8.7 0-16 3-22 9l-195 195c-6 6-9 13.3-9 22v30zm1280 512c0-34.7-12.7-64.7-38-90s-55.3-38-90-38-64.7 12.7-90 38-38 55.3-38 90 12.7 64.7 38 90 55.3 38 90 38 64.7-12.7 90-38 38-55.3 38-90zm256-1088v1024c0 10-1.3 18.8-4 26.5s-7.2 13.8-13.5 18.5-11.8 8.5-16.5 11.5-12.5 5-23.5 6-18.5 1.7-22.5 2-12.5.3-25.5 0-20.5-.5-22.5-.5c0 70.7-25 131-75 181s-110.3 75-181 75-131-25-181-75-75-110.3-75-181h-384c0 70.7-25 131-75 181s-110.3 75-181 75-131-25-181-75-75-110.3-75-181h-64c-2 0-9.5.2-22.5.5s-21.5.3-25.5 0-11.5-1-22.5-2-18.8-3-23.5-6-10.2-6.8-16.5-11.5-10.8-10.8-13.5-18.5-4-16.5-4-26.5c0-17.3 6.3-32.3 19-45s27.7-19 45-19v-320c0-5.3-.2-17-.5-35s-.3-30.7 0-38 1.2-18.8 2.5-34.5 3.5-28 6.5-37 7.7-19.2 14-30.5 13.8-21.3 22.5-30l198-198c12.7-12.7 29.5-23.3 50.5-32s40.5-13 58.5-13h160v-192c0-17.3 6.3-32.3 19-45s27.7-19 45-19h1024c17.3 0 32.3 6.3 45 19s19 27.7 19 45z">
                            </path>
                          </svg>
                          <span>
                            <span class="js-free-shipping-message" style="display: none;"> Sucesso! Você <strong class="text-accent">tem frete grátis</strong>
                            </span>
                            <span class="js-shipping-calculator-label" style="display: none;">
                              <strong class="text-accent">Frete grátis</strong> a partir de <span></span>
                            </span>
                            <span class="js-shipping-calculator-label-default"> Meios de envio </span>
                          </span>
                        </p>
                        <div class="col-xs-6 col-sm-6 p-right-none">
                          <input type="tel" placeholder="Seu CEP" aria-label="Seu CEP" name="zipcode" autocorrect="off" autocomplete="postal-code" class="js-shipping-input form-control form-control-small input-prepend shipping-zipcode" value="">
                        </div>
                        <div class="col-xs-6 col-sm-6 p-left-none">
                          <button class="js-calculate-shipping btn btn-secondary btn-append btn-small btn-block" aria-label="Calcular frete">
                            <span class="js-calculate-shipping-wording">Calcular</span>
                            <span class="js-calculating-shipping-wording" style="display: none;">Calculando</span>
                          </button>
                        </div>
                        <div class="col-xs-12 m-top-quarter text-left">
                          <a class=" btn-link btn-link-small-extra text-foreground m-left-quarter" href="http://www.buscacep.correios.com.br/sistemas/buscacep/" target="_blank">Não sei meu CEP</a>
                        </div>
                      </div>
                      <div class="row">
                        <div class="col-xs-12 m-top-half">
                          <div class="js-ship-calculator-error invalid-zipcode alert alert-danger" style="display: none;"> Não conseguimos encontrar esse CEP. Está bem escrito? </div>
                          <div class="js-ship-calculator-error js-ship-calculator-common-error alert alert-danger" style="display: none;">Erro no cálculo. Por favor, tente novamente em alguns segundos.</div>
                          <div class="js-ship-calculator-error js-ship-calculator-external-error alert alert-danger" style="display: none;">Erro no meio de envio. Por favor, tente novamente em alguns segundos.</div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="js-shipping-calculator-spinner pull-left shipping-calculator-spinner full-width transition-soft p-top-xs p-bottom-xs m-top-half m-bottom-half" style="display: none;">
                    <div class="spinner-bar opacity-50 m-all m-auto-xs"></div>
                  </div>
                  <div class="js-shipping-calculator-response shipping-calculator-response col-xs-12 m-top-half" style="display: none;"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="js-visible-on-cart-filled cart-totals cart-total" style="display:none;" data-store="cart-total">
          <div id="error-ajax-stock" class="row" style="display:none;">
            <div class="alert alert-warning" role="alert"> Oops! Não temos mais estoque para incluir este produto ao carrinho. Se você quiser, pode <a href="/produtos/" class="btn-link m-left-quarter">ver outros aquí</a>
            </div>
          </div>
          <span class="text-secondary">Total: </span>
          <span class="js-cart-total   text-secondary" data-component="cart.total" data-component-value="0">R$0,00</span>
          <div class="total-price hidden"> Total R$0,00 </div>
          <div style="display: none;" data-interest="0" data-cart-installment="1" class="js-installments-cart-total font-body"> Ou até <span class="js-cart-installments-amount">1</span>x de <span
              class="js-cart-installments installment-price">R$0,00</span>
          </div>
        </div>
        <div class="js-visible-on-cart-filled full-width pull-left" style="display:none;">
          <div class="js-ajax-cart-submit m-bottom" id="ajax-cart-submit-div">
            <input class="btn btn-primary btn-block" type="submit" name="go_to_checkout" value="Finalizar Compra" data-component="cart.checkout-button">
          </div>
          <div class="js-ajax-cart-minimum clear-both p-top-half" style="display:none" id="ajax-cart-minumum-div">
            <div class="alert alert-warning" role="alert"> O valor mínimo de compra é de R$0,00 sem considerar o custo de frete </div>
          </div>
          <div class="text-center">
            <a href="#" class="js-toggle-cart js-fullscreen-modal-close btn btn-link m-bottom p-none">Ver mais produtos</a>
          </div>
          <input type="hidden" id="ajax-cart-minimum-value" value="0">
        </div>
      </div>
    </div>
  </div>
</form>

POST /account/login/

<form id="login-form" action="/account/login/" method="post" class="m-top" data-store="account-login">
  <input type="hidden" class="hidden" name="from" value="quick-login">
  <input type="hidden" class="hidden" autocorrect="off" autocapitalize="off" name="redirect_to" value="/">
  <div class="form-group">
    <label for="email">E-mail</label>
    <input class="form-control" autocorrect="off" autocapitalize="off" type="email" name="email" value="">
  </div>
  <div class="form-group">
    <label for="password">Senha</label>
    <div class="p-relative">
      <input class="js-password-input form-control" type="password" name="password" autocomplete="off">
      <a aria-label="Ver senha" class="js-password-view btn form-toggle-eye p-absolute">
                                    <span class="js-eye-open" style="display: none;">
                                        <svg class="svg-inline--fa svg-text-fill" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z"></path></svg>
                                    </span>
                                    <span class="js-eye-closed">
                                        <svg class="svg-inline--fa svg-text-fill" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z"></path></svg>
                                    </span>
                                </a>
    </div>
  </div>
  <input class="btn btn-primary full-width-xs pull-right" type="submit" value="Login">
</form>

Text Content

   
 * Cadastre-se
 * Login

 * CALÇADOS FEMININOS
 * CALÇADOS MASCULINOS
 * ACESSÓRIOS
   * Ver tudo em ACESSÓRIOS
   * Bolsas
     * Ver tudo em Bolsas
     * Térmica



PARCELE SUAS COMPRAS EM ATÉ 3X SEM JUROS!
Início


Início

Produtos

Carrinho
0


 * Ver todos os produtos
 * CALÇADOS FEMININOS
 * CALÇADOS MASCULINOS
 * ACESSÓRIOS
   

CALÇADOS FEMININOS
Ver tudo desta categoria

CALÇADOS MASCULINOS
Ver tudo desta categoria

ACESSÓRIOS
Ver tudo desta categoria Bolsas


Bolsas
Ver tudo desta categoria Térmica

Térmica
Ver tudo desta categoria

Compre mais rápido e acompanhe seus pedidos!
Iniciar sessão
Ao navegar por este site você aceita o uso de cookies para agilizar a sua
experiência de compra.
Entendi
PARCELE SUAS COMPRAS EM ATÉ 3X SEM JUROS!
 * WhatsApp (11) 91593-3336
 * contato@cityoutlet.com.br

 * Cadastre-se
 * Login


CITY OUTLET

 * Início
 * CALÇADOS FEMININOS
 * CALÇADOS MASCULINOS
 * ACESSÓRIOS
   * Bolsas
     * Térmica

0

R$0,00

City Outlet

Inscreva-se para receber novidades!

Não preencher este campo
Confirmando inscrição...
Sua inscrição na newsletter foi realizada com sucesso
Digite seu e-mail aqui


FRETE GRÁTIS PARA TODO O BRASIL!

POR TEMPO LIMITADO! CORRA!

PARCELE SUAS COMPRAS

EM ATÉ 3X SEM JUROS!

COMPRE COM SEGURANÇA

SE SINTA EM CASA

FRETE GRÁTIS PARA TODO O BRASIL!

POR TEMPO LIMITADO! CORRA!

PARCELE SUAS COMPRAS

EM ATÉ 3X SEM JUROS!

COMPRE COM SEGURANÇA

SE SINTA EM CASA





DESTAQUES

PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Cor: Onça
Onça
Tamanho:
34 35 36 37 38 39
Cor:
Onça Azul Preto Branco Dourado Pink

Comprar Pronto!
Incluindo...


RASTEIRA FEMININA TIRAS DE BRILHO SCH

R$399,00 50% OFF
R$199,00
3x de R$66,33 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Cor: Onça
Onça
Tamanho:
34 35 36 37 38 39
Cor:
Onça Rosa Dourado Lilás

Comprar Pronto!
Incluindo...


RASTEIRA COM TIRAS DE BRILHO SCH

R$399,00 50% OFF
R$199,00
3x de R$66,33 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39 40
Cor: Branco

Tamanho:
34 35 36 37 38 39 40
Cor:
Branco Preto Dourado Bronze Nude

Comprar Pronto!
Incluindo...


SANDÁLIA RASTEIRA COM TIRAS SCH

R$219,00 27% OFF
R$159,00
3x de R$53,00 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Cor: Preto

Tamanho:
34 35 36 37 38 39
Cor:
Preto Branco Azul Dourado Marsala Verde

Comprar Pronto!
Incluindo...


RASTEIRA SCH COBRA TENDÊNCIA VERÃO 2023

R$219,00 23% OFF
R$169,00
3x de R$56,33 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Cor: Preto

Tamanho:
34 35 36 37 38 39
Cor:
Preto Branco Nude

Comprar Pronto!
Incluindo...


SANDÁLIA PAPETE SCHZ COM DETALHES

R$219,00 23% OFF
R$169,00
3x de R$56,33 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Cor: Preto

Tamanho:
34 35 36 37 38 39
Cor:
Preto Vermelho Marrom Verde Rosa

Comprar Pronto!
Incluindo...


KIT SANDÁLIA RASTEIRA + BOLSA

R$249,00 40% OFF
R$149,90
3x de R$49,97 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Cor: Preto

Tamanho:
34 35 36 37 38 39
Cor:
Preto Nude Branco Lilás

Comprar Pronto!
Incluindo...


RASTEIRA FEMININA COM TIRA BRILHANTE

R$289,00 42% OFF
R$169,00
3x de R$56,33 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Cor: Ouro
Verde Neon
Tamanho:
34 35 36 37 38 39
Cor:
Ouro Lilás Verde Neon

Comprar Pronto!
Incluindo...


RASTEIRA AMARRAÇÃO SCHZ COM BRILHO

R$319,00 47% OFF
R$169,90
3x de R$56,63 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Cor: Prata

Tamanho:
34 35 36 37 38 39
Cor:
Prata Rose

Comprar Pronto!
Incluindo...


SANDÁLIA PAPETE COM BRILHO FLATFORM

R$329,00 45% OFF
R$179,90
3x de R$59,97 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Tamanho:
34 35 36 37 38 39

Comprar Pronto!
Incluindo...


RASTEIRA FEMININA COBRA DOURADO

R$249,00 20% OFF
R$199,00
3x de R$66,33 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35/36 37/38 39/40
Cor: Preto
Off-White
Tamanho:
34 35/36 37/38 39/40
Cor:
Preto Rosa Verde Branco Laranja Off-White Roxo

Comprar Pronto!
Incluindo...


PAPETE BIRKEN SLIDE TIRAS STRASS

R$329,00 45% OFF
R$179,90
3x de R$59,97 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Cor: Preto
Off-White
Tamanho:
34 35 36 37 38 39
Cor:
Preto Rosa Verde Off-White

Comprar Pronto!
Incluindo...


RASTEIRA + SACOLA PRAIANA SCHZ MODA VERÃO

R$239,00 29% OFF
R$169,90
3x de R$56,63 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Cor: Preto

Tamanho:
34 35 36 37 38 39
Cor:
Preto Nude

Comprar Pronto!
Incluindo...


RASTEIRA FEMININA SCH LAÇO COM PEDRA

R$259,00 38% OFF
R$159,90
3x de R$53,30 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Tamanho:
34 35 36 37 38 39

Comprar Pronto!
Incluindo...


MULE MOCASSIM TRATORADO PEDRARIAS

R$249,00 12% OFF
R$219,00
3x de R$73,00 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Cor: Preto

Tamanho:
34 35 36 37 38 39
Cor:
Preto Bege

Comprar Pronto!
Incluindo...


MULE MOCASSIM FEMININO TRATORADO

R$249,00 20% OFF
R$199,00
3x de R$66,33 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Cor: Preto

Tamanho:
34 35 36 37 38 39
Cor:
Preto Bege

Comprar Pronto!
Incluindo...


MULE MOCASSIM TRATORADO ELO

R$249,00 20% OFF
R$199,00
3x de R$66,33 sem juros
Comprar
Ver todos os produtos



PROMOÇÕES

PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Tamanho:
34 35 36 37 38 39

Comprar Pronto!
Incluindo...


TÊNIS FEMININO DE ELÁSTICO MEIA SCH

R$259,00 38% OFF
R$159,90
3x de R$53,30 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Tamanho:
34 35 36 37 38 39

Comprar Pronto!
Incluindo...


SANDÁLIA PAPETE TRATORADA FIVELA

R$319,00 44% OFF
R$179,90
3x de R$59,97 sem juros
Comprar
PROMO!
Sem Estoque :(
Frete grátis!
Tamanho: 34
34 35 36 37 38 39
Cor: Branco

Tamanho:
34 35 36 37 38 39
Cor:
Branco Preto

Comprar Pronto!
Incluindo...


TÊNIS FEMININO SNEAKER CHUNKY SCH

R$389,00 49% OFF
R$199,00
3x de R$66,33 sem juros
Comprar
PROMO!
Sem Estoque :(
Cor: verde
verde
Cor:
Azul verde Branco Preto
Tamanho de Sapato:
34 35 36 37 38 39 40 41 42 43 44

Comprar Pronto!
Incluindo...


TÊNIS BOOST FAST PRO 33Y SPORT NEW

R$349,00 40% OFF
R$209,00
3x de R$69,67 sem juros
Comprar





NOSSO NEWSLETTER

Inscreva-se para receber as últimas novidades.

Não preencher este campo


@LOJACITYOUTLET

Nosso instagram
Ver perfil

SIGA-NOS

 * 



NAVEGAÇÃO

 * Quem Somos
 * Como Comprar
 * Trocas e Devoluções
 * Perguntas Frequentes
 * Politica de Privacidade
 * Informações de Entrega
 * Rastreie o seu pedido

FORMAS DE PAGAMENTO



FORMAS DE ENVIO



CONTATO

 * WhatsApp (11) 91593-3336
 * contato@cityoutlet.com.br
 * Precisa de ajuda? É só chamar!

Copyright City Outlet - 2023. Todos os direitos reservados.


BRL

Carrinho de compras


PRODUTO

SUBTOTAL


O carrinho de compras está vazio.
Subtotal (sem frete) : R$0,00
em todos os produtos comprando ou mais un.
O frete escolhido não está mais disponível para este carrinho.
Mas não se preocupe! Você pode escolher outro.
Entregas para o CEP:
Alterar CEP

Sucesso! Você tem frete grátis Frete grátis a partir de Meios de envio


Calcular Calculando
Não sei meu CEP
Não conseguimos encontrar esse CEP. Está bem escrito?
Erro no cálculo. Por favor, tente novamente em alguns segundos.
Erro no meio de envio. Por favor, tente novamente em alguns segundos.


Oops! Não temos mais estoque para incluir este produto ao carrinho. Se você
quiser, pode ver outros aquí
Total: R$0,00
Total R$0,00
Ou até 1x de R$0,00
O valor mínimo de compra é de R$0,00 sem considerar o custo de frete
Ver mais produtos



QUE BOM VER VOCÊ DE VOLTA!

Faça login para comprar mais rápido e veja todos os seus pedidos.

E-mail
Senha