tiendawow.com.ar Open in urlscan Pro
185.133.35.14  Public Scan

URL: https://tiendawow.com.ar/
Submission: On August 20 via api from US — Scanned from DE

Form analysis 44 forms found in the DOM

GET /search/

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

GET /search/

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

POST /comprar/

<form action="/comprar/" method="post" class="js-ajax-cart-panel " data-store="cart-form">
  <div class="js-modal-close js-fullscreen-modal-close  modal-header  ">
    <div class="row">
      <div class="col"> Carrito de compras </div>
      <div class="col-2 text-right">
        <a class="js-modal-close">
<svg class="icon-inline  svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256,274.92,72.67,458.25l-18.1-18.1L237.9,256.82,54.57,73.49l18.1-18.11L256,238.72,439.33,55.38l18.1,18.11L274.1,256.82,457.43,440.15l-18.1,18.1Z"></path></svg> </a>
      </div>
    </div>
  </div>
  <div class="modal-body ">
    <div class="js-ajax-cart-list container-fluid">
    </div>
    <div class="js-empty-ajax-cart">
      <div class="alert alert-info" data-component="cart.empty-message">El carrito de compras está vacío. </div>
    </div>
    <div id="error-ajax-stock" class="row" style="display: none;">
      <div class="alert alert-warning"> ¡Uy! No tenemos más stock de este producto para agregarlo al carrito. Si querés podés<a href="/productos/" class="btn-link font-small ml-1">ver otros acá</a>
      </div>
    </div>
    <div class="cart-row">
      <div class="js-visible-on-cart-filled" style="display: none;">
        <div class="js-fulfillment-info js-allows-non-shippable" style="display: none">
          <div class="js-ship-free-rest  mt-2 mb-3">
            <div class="js-bar-progress bar-progress">
              <div class="js-bar-progress-active bar-progress-active transition-soft" style="width: 0%;"></div>
            </div>
            <div class="js-ship-free-rest-message ship-free-rest-message condition">
              <div class="ship-free-rest-text bar-progress-success text-accent transition-soft"> ¡Genial! Tenés envío gratis </div>
              <div class="ship-free-rest-text bar-progress-amount transition-soft"> ¡Estás a <span class="js-ship-free-dif"></span> de tener <span class="text-accent">envío gratis</span>! </div>
              <div class="ship-free-rest-text bar-progress-condition transition-soft">
                <span class="text-accent">Envío gratis</span> superando los <span>$70.000,00</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="subtotal-price hidden" data-priceraw="0"></div>
      <div id="store-curr" class="hidden">ARS</div>
      <h5 class="js-visible-on-cart-filled row mb-1" style="display:none;" data-store="cart-subtotal">
        <span class="col-7"> Subtotal <small class="js-subtotal-shipping-wording"> (sin envío)</small> : </span>
        <span class="js-ajax-cart-total js-cart-subtotal col text-right" data-priceraw="0" data-component="cart.subtotal" data-component-value="0">$0,00</span>
      </h5>
      <div class="js-total-promotions text-accent">
        <span class="js-promo-in" style="display:none;">en</span>
        <span class="js-promo-all" style="display:none;">todos los productos</span>
        <span class="js-promo-buying" style="display:none;"> comprando</span>
        <span class="js-promo-units-or-more" style="display:none;"> o más</span>
      </div>
      <div class="js-fulfillment-info js-allows-non-shippable cart-fulfillment-info" style="display: none">
        <div class="js-visible-on-cart-filled divider mb-0" style="display:none;"></div>
        <div class="js-visible-on-cart-filled js-has-new-shipping js-shipping-calculator-container">
          <div class="js-shipping-method-unavailable alert alert-warning row row mx-0 mb-3" style="display: none;">
            <div class="col-11 text-left pl-1 pr-0">
              <div class="mb-1">El medio de envío que habías elegido ya no se encuentra disponible para este carrito. </div>
              <div>¡No te preocupes! Podés elegir otro.</div>
            </div>
          </div>
          <div id="cart-shipping-container" style="display: none;" data-shipping-url="/envio/">
            <span id="cart-selected-shipping-method" data-code="" class="hidden"></span>
            <div class="js-accordion-container js-toggle-shipping px-3 p-md-0">
              <a href="#" class="js-accordion-toggle py-3 row">
<div class="col">
<span class="h5">Medios de envío</span>
</div>
<div class="col-auto">
<span class="js-accordion-toggle-inactive">
<svg class="icon-inline svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path></svg> </span>
<span class="js-accordion-toggle-active" style="display: none;">
<svg class="icon-inline svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M486.4,269.27H25.6v-25.6H486.4Z"></path></svg>
</span>
</div>
</a>
              <div class="js-accordion-content" style="display: none;">
                <div class="mb-2" data-store="shipping-calculator">
                  <div class="js-shipping-calculator-head shipping-calculator-head position-relative transition-soft with-form ">
                    <div class="js-shipping-calculator-with-zipcode  mb-4 w-100 transition-up position-absolute mt-2">
                      <div class="container p-0">
                        <div class="row align-items-center">
                          <span class="col pr-0">
                            <span class="font-small align-bottom">
                              <span>Entregas para el CP:</span>
                              <strong class="js-shipping-calculator-current-zip"></strong>
                            </span>
                          </span>
                          <div class="col-auto pl-0">
                            <a class="js-shipping-calculator-change-zipcode btn btn-secondary btn-small float-right" href="#">Cambiar CP</a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="js-shipping-calculator-form mt-2 shipping-calculator-form transition-up position-absolute w-100 transition-up-active">
                      <div class="form-group mb-3">
                        <div class=" mb-2" style="display: none;">
                          <span class="text-accent">Envío gratis</span> superando los <span>$70.000,00</span>
                        </div>
                        <div class=" text-accent mb-2 ml-1" style="display: none;"> ¡Genial! Tenés envío gratis </div>
                        <div class="position-relative row">
                          <div class="col pr-0">
                            <div class="form-control-container ">
                              <input type="tel" class=" form-control js-shipping-input form-control-small form-control-rounded form-control-inline" autocorrect="off" autocapitalize="off" name="zipcode" placeholder="Tu código postal"
                                aria-label="Tu código postal" data-component="cart">
                            </div>
                          </div>
                          <div class="col-auto pl-2">
                            <button class="js-calculate-shipping btn btn-secondary btn-medium px-4" aria-label="Calcular envío">
                              <span class="js-calculate-shipping-wording"> OK </span>
                              <span class="float-right loading" style="display: none;">
                                <svg class="icon-inline btn-icon icon-spin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
                                  <path
                                    d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
                                  </path>
                                </svg> </span>
                            </button>
                          </div>
                        </div>
                        <a class="btn-link font-small ml-1 mt-2 mb-2 d-inline-block " href="https://www.correoargentino.com.ar/formularios/cpa" target="_blank">No sé mi código postal</a>
                        <div class="js-ship-calculator-error invalid-zipcode alert alert-danger" style="display: none;"> No encontramos este código postal. ¿Está bien escrito? </div>
                        <div class="js-ship-calculator-error js-ship-calculator-common-error alert alert-danger" style="display: none;">Ocurrió un error al calcular el envío. Por favor intentá de nuevo en unos segundos.</div>
                        <div class="js-ship-calculator-error js-ship-calculator-external-error alert alert-danger" style="display: none;">El calculo falló por un problema con el medio de envío. Por favor intentá de nuevo en unos segundos.</div>
                      </div>
                    </div>
                  </div>
                  <div class="js-shipping-calculator-spinner shipping-spinner-container my-4 transition-soft text-center" style="display: none;">
                    <i class="spinner col-6 offset-3"></i>
                  </div>
                  <div class="js-shipping-calculator-response transition-soft  radio-buttons-group mb-3" style="display: none;"></div>
                </div>
              </div>
            </div>
            <div class="js-accordion-container js-toggle-branches accordion px-3 p-md-0">
              <a href="#" class="js-accordion-toggle py-3 row">
<div class="col">
<span class="h5">
Nuestros locales
</span>
</div>
<div class="col-auto">
<span class="js-accordion-toggle-inactive">
<svg class="icon-inline svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M268.8,268.8V486.4H243.2V268.8H25.6V243.2H243.2V25.6h25.6V243.2H486.4v25.6Z"></path></svg> </span>
<span class="js-accordion-toggle-active" style="display: none;">
<svg class="icon-inline svg-icon-text" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M486.4,269.27H25.6v-25.6H486.4Z"></path></svg>
</span>
</div>
</a>
              <div class="js-accordion-content" style="display: none;">
                <div class="radio-buttons-group">
                  <ul class="radio-button-container list-unstyled ">
                    <li class="radio-button-item" data-store="branch-item-branch_148699">
                      <label class="js-shipping-radio js-branch-radio radio-button" data-loop="branch-radio-1">
                        <input class="js-branch-method  shipping-method" data-price="0" type="radio" value="branch_148699"
                          data-name="Rosario (Santa Fe) - Pte Roca 1116, Rosario, Santa Fe - ¡Quedate tranqui que nos comunicamos con vos para informarte el día y el horario en el que podés pasar a retirar!" data-code="branch_148699"
                          data-cost="Gratis" name="option" style="display:none">
                        <div class="shipping-option row-fluid radio-button-content">
                          <div class="radio-button-icons-container">
                            <span class="radio-button-icons">
                              <span class="radio-button-icon unchecked"></span>
                              <span class="radio-button-icon checked"></span>
                            </span>
                          </div>
                          <div class="list-item-icon-container">
                            <span class="list-item-icon"></span>
                          </div>
                          <div class="radio-button-label">
                            <div class="row">
                              <div class="col font-small px-0">
                                <div>Rosario (Santa Fe) - Pte Roca 1116, Rosario, Santa Fe - ¡Quedate tranqui que nos comunicamos con vos para informarte el día y el horario en el que podés pasar a retirar!</div>
                              </div>
                              <div class="col-auto text-right">
                                <p class="text-accent mb-0 d-inline-block">Gratis</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </label>
                    </li>
                    <li class="radio-button-item" data-store="branch-item-branch_148700">
                      <label class="js-shipping-radio js-branch-radio radio-button" data-loop="branch-radio-2">
                        <input class="js-branch-method  shipping-method" data-price="0" type="radio" value="branch_148700"
                          data-name="Cañada de Gómez (Santa Fe) - Ocampo 1270, Cañada de Gómez, Sta. Fe - ¡Quedate tranqui que nos comunicamos con vos para informarte el día y el horario en el que podés pasar a retirar!" data-code="branch_148700"
                          data-cost="Gratis" name="option" style="display:none">
                        <div class="shipping-option row-fluid radio-button-content">
                          <div class="radio-button-icons-container">
                            <span class="radio-button-icons">
                              <span class="radio-button-icon unchecked"></span>
                              <span class="radio-button-icon checked"></span>
                            </span>
                          </div>
                          <div class="list-item-icon-container">
                            <span class="list-item-icon"></span>
                          </div>
                          <div class="radio-button-label">
                            <div class="row">
                              <div class="col font-small px-0">
                                <div>Cañada de Gómez (Santa Fe) - Ocampo 1270, Cañada de Gómez, Sta. Fe - ¡Quedate tranqui que nos comunicamos con vos para informarte el día y el horario en el que podés pasar a retirar!</div>
                              </div>
                              <div class="col-auto text-right">
                                <p class="text-accent mb-0 d-inline-block">Gratis</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </label>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="js-cart-total-container js-visible-on-cart-filled mb-4 float-left w-100 pt-3" style="display:none;" data-store="cart-total">
        <h2 class="row mb-0">
          <span class="col">Total:</span>
          <span class="js-cart-total   col text-right" data-component="cart.total" data-component-value="0">$0,00</span>
        </h2>
        <div class="total-price hidden"> Total: $0,00 </div>
        <div class="js-payment-discount-price-cart-container payment-discount-price-cart-container font-small text-accent mt-2 text-right" style="display: none;">
          <span>O</span>
          <span class="js-payment-discount-price-cart payment-discount-price-cart " data-discount="15" data-priceraw-without-shipping="0">$0,00</span>
          <span>con</span>
          <span class="">transferencia</span>
        </div>
      </div>
      <div class="js-visible-on-cart-filled container-fluid" style="display:none;">
        <div class="js-ajax-cart-submit row mb-3" id="ajax-cart-submit-div">
          <input class="btn btn-primary btn-block" type="submit" name="go_to_checkout" value="Iniciar Compra" data-component="cart.checkout-button">
        </div>
        <div class="row">
          <div class="js-ajax-cart-minimum alert alert-warning mt-4" style="display:none" id="ajax-cart-minumum-div"> El monto mínimo de compra es de $0,00 sin incluir el costo de envío </div>
        </div>
        <input type="hidden" id="ajax-cart-minimum-value" value="0">
        <div class="row mb-2">
          <div class="text-center w-100">
            <a href="#" class="js-modal-close js-fullscreen-modal-close btn-link">Ver más productos</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</form>

POST /comprar/

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

POST /comprar/

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

POST /comprar/

<form class="js-product-form d-block" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="222948998">
  <input type="submit" class="js-addtocart js-prod-submit-form btn btn-secondary btn-small py-2 cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="222948998">
  <div class="js-addtocart js-addtocart-placeholder btn btn-secondary btn-block btn-transition btn-small mb-1 py-2 disabled" style="display: none;">
    <div class="d-inline-block">
      <span class="js-addtocart-text">Comprar</span>
      <span class="js-addtocart-success transition-container"> ¡Listo! </span>
      <div class="js-addtocart-adding transition-container transition-icon">
        <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
          <path
            d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
          </path>
        </svg>
      </div>
    </div>
  </div>
</form>

POST /comprar/

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

POST /comprar/

<form class="js-product-form d-block" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="220911200">
  <input type="submit" class="js-addtocart js-prod-submit-form btn btn-secondary btn-small py-2 cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="220911200">
  <div class="js-addtocart js-addtocart-placeholder btn btn-secondary btn-block btn-transition btn-small mb-1 py-2 disabled" style="display: none;">
    <div class="d-inline-block">
      <span class="js-addtocart-text">Comprar</span>
      <span class="js-addtocart-success transition-container"> ¡Listo! </span>
      <div class="js-addtocart-adding transition-container transition-icon">
        <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
          <path
            d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
          </path>
        </svg>
      </div>
    </div>
  </div>
</form>

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

<form class="js-product-form d-block" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="222948998">
  <input type="submit" class="js-addtocart js-prod-submit-form btn btn-secondary btn-small py-2 cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="222948998">
  <div class="js-addtocart js-addtocart-placeholder btn btn-secondary btn-block btn-transition btn-small mb-1 py-2 disabled" style="display: none;">
    <div class="d-inline-block">
      <span class="js-addtocart-text">Comprar</span>
      <span class="js-addtocart-success transition-container"> ¡Listo! </span>
      <div class="js-addtocart-adding transition-container transition-icon">
        <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
          <path
            d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
          </path>
        </svg>
      </div>
    </div>
  </div>
</form>

POST /comprar/

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

POST /comprar/

<form class="js-product-form d-block" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="220911200">
  <input type="submit" class="js-addtocart js-prod-submit-form btn btn-secondary btn-small py-2 cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="220911200">
  <div class="js-addtocart js-addtocart-placeholder btn btn-secondary btn-block btn-transition btn-small mb-1 py-2 disabled" style="display: none;">
    <div class="d-inline-block">
      <span class="js-addtocart-text">Comprar</span>
      <span class="js-addtocart-success transition-container"> ¡Listo! </span>
      <div class="js-addtocart-adding transition-container transition-icon">
        <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
          <path
            d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
          </path>
        </svg>
      </div>
    </div>
  </div>
</form>

POST /comprar/

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

POST /comprar/

<form class="js-product-form d-block" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="218343190">
  <input type="submit" class="js-addtocart js-prod-submit-form btn btn-secondary btn-medium w-100 py-2 cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="218343190">
  <div class="js-addtocart js-addtocart-placeholder btn btn-secondary btn-block btn-transition btn-medium mb-1 py-2 disabled" style="display: none;">
    <div class="d-inline-block">
      <span class="js-addtocart-text">Comprar</span>
      <span class="js-addtocart-success transition-container"> ¡Listo! </span>
      <div class="js-addtocart-adding transition-container transition-icon">
        <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
          <path
            d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
          </path>
        </svg>
      </div>
    </div>
  </div>
</form>

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

<form class="js-product-form d-block" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="211679664">
  <input type="submit" class="js-addtocart js-prod-submit-form btn btn-secondary btn-medium w-100 py-2 cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="211679664">
  <div class="js-addtocart js-addtocart-placeholder btn btn-secondary btn-block btn-transition btn-medium mb-1 py-2 disabled" style="display: none;">
    <div class="d-inline-block">
      <span class="js-addtocart-text">Comprar</span>
      <span class="js-addtocart-success transition-container"> ¡Listo! </span>
      <div class="js-addtocart-adding transition-container transition-icon">
        <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
          <path
            d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
          </path>
        </svg>
      </div>
    </div>
  </div>
</form>

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

<form class="js-product-form d-block" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="218343190">
  <input type="submit" class="js-addtocart js-prod-submit-form btn btn-secondary btn-medium w-100 py-2 cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="218343190">
  <div class="js-addtocart js-addtocart-placeholder btn btn-secondary btn-block btn-transition btn-medium mb-1 py-2 disabled" style="display: none;">
    <div class="d-inline-block">
      <span class="js-addtocart-text">Comprar</span>
      <span class="js-addtocart-success transition-container"> ¡Listo! </span>
      <div class="js-addtocart-adding transition-container transition-icon">
        <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
          <path
            d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
          </path>
        </svg>
      </div>
    </div>
  </div>
</form>

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

<form class="js-product-form d-block" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="183519330">
  <input type="submit" class="js-addtocart js-prod-submit-form btn btn-secondary btn-medium w-100 py-2 cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="183519330">
  <div class="js-addtocart js-addtocart-placeholder btn btn-secondary btn-block btn-transition btn-medium mb-1 py-2 disabled" style="display: none;">
    <div class="d-inline-block">
      <span class="js-addtocart-text">Comprar</span>
      <span class="js-addtocart-success transition-container"> ¡Listo! </span>
      <div class="js-addtocart-adding transition-container transition-icon">
        <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
          <path
            d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
          </path>
        </svg>
      </div>
    </div>
  </div>
</form>

POST /comprar/

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

POST /comprar/

<form class="js-product-form d-block" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212246654">
  <input type="submit" class="js-addtocart js-prod-submit-form btn btn-secondary btn-medium w-100 py-2 cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="212246654">
  <div class="js-addtocart js-addtocart-placeholder btn btn-secondary btn-block btn-transition btn-medium mb-1 py-2 disabled" style="display: none;">
    <div class="d-inline-block">
      <span class="js-addtocart-text">Comprar</span>
      <span class="js-addtocart-success transition-container"> ¡Listo! </span>
      <div class="js-addtocart-adding transition-container transition-icon">
        <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
          <path
            d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
          </path>
        </svg>
      </div>
    </div>
  </div>
</form>

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /comprar/

<form class="js-product-form d-block" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="183519330">
  <input type="submit" class="js-addtocart js-prod-submit-form btn btn-secondary btn-medium w-100 py-2 cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="183519330">
  <div class="js-addtocart js-addtocart-placeholder btn btn-secondary btn-block btn-transition btn-medium mb-1 py-2 disabled" style="display: none;">
    <div class="d-inline-block">
      <span class="js-addtocart-text">Comprar</span>
      <span class="js-addtocart-success transition-container"> ¡Listo! </span>
      <div class="js-addtocart-adding transition-container transition-icon">
        <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
          <path
            d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
          </path>
        </svg>
      </div>
    </div>
  </div>
</form>

POST /comprar/

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

POST /comprar/

<form class="js-product-form d-block" method="post" action="/comprar/">
  <input type="hidden" name="add_to_cart" value="212246654">
  <input type="submit" class="js-addtocart js-prod-submit-form btn btn-secondary btn-medium w-100 py-2 cart" value="Comprar" data-component="product-list-item.add-to-cart" data-component-value="212246654">
  <div class="js-addtocart js-addtocart-placeholder btn btn-secondary btn-block btn-transition btn-medium mb-1 py-2 disabled" style="display: none;">
    <div class="d-inline-block">
      <span class="js-addtocart-text">Comprar</span>
      <span class="js-addtocart-success transition-container"> ¡Listo! </span>
      <div class="js-addtocart-adding transition-container transition-icon">
        <svg class="icon-inline btn-icon icon-spin font-body" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
          <path
            d="M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z">
          </path>
        </svg>
      </div>
    </div>
  </div>
</form>

POST /comprar/

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

POST /comprar/

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

POST /comprar/

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

POST /winnie-pooh

<form class="mt-4" method="post" action="/winnie-pooh" onsubmit="this.setAttribute('action', '');" data-store="home-newsletter-form">
  <div class="input-append">
    <div class="form-group px-1 mb-2">
      <input type="email" id="email" class=" form-control form-control-big " autocorrect="off" autocapitalize="off" name="email" placeholder="Email" aria-label="Email">
    </div>
    <div class="winnie-pooh" style="display: none;">
      <label for="winnie-pooh-newsletter">No completar este campo</label>
      <input id="winnie-pooh-newsletter" type="text" name="winnie-pooh">
    </div>
    <input type="hidden" name="name" value="Sin nombre">
    <input type="hidden" name="message" value="Pedido de inscripción a newsletter">
    <input type="hidden" name="type" value="newsletter">
    <input type="submit" name="contact" class="btn btn-primary btn-block" value="Enviar">
  </div>
</form>

Text Content

Iniciar sesión |Crear cuenta
3 cuotas sin interés
Envíos gratis desde $70.000
15% OFF transferencia bancaria
3 cuotas sin interés
Envíos gratis desde $70.000




TIENDA WOW

$0,00 ( 0 )
()
x
¡Agregado al carrito con éxito!

Total ( 0 productos): producto): $0,00
Ver carrito

   
 * Inicio
 * Productos
    * HOGAR
      * Cocina
      * Baño
      * Escritorio
    * BOTELLAS
    * LUNCHERAS
    * ORGANIZADORES
    * VIAJES
    * LÍNEA BEAUTY
    * HUMIDIFICADORES
    * LOS MÁS PEQUEÑOS
    * PROMOS WOW

 * Clientes felices
 * Información Wow
    * Sobre Wow
    * Preguntas frecuentes
    * Formas de envíos y pagos
    * Políticas de cambios o devoluciones
    * Contacto

   

Al navegar por este sitio aceptás el uso de cookies para agilizar tu experiencia
de compra.
Entendido
()
x
¡Agregado al carrito con éxito!

Total ( 0 productos): producto): $0,00
Ver carrito
 * Inicio
 * Productos
     Productos
     
   * Ver todos los productos
   * HOGAR
       HOGAR
       
     * Ver todo en HOGAR
     * Cocina
     * Baño
     * Escritorio
   * BOTELLAS
   * LUNCHERAS
   * ORGANIZADORES
   * VIAJES
   * LÍNEA BEAUTY
   * HUMIDIFICADORES
   * LOS MÁS PEQUEÑOS
   * PROMOS WOW
 * Clientes felices
 * Información Wow
     Información Wow
     
   * Sobre Wow
   * Preguntas frecuentes
   * Formas de envíos y pagos
   * Políticas de cambios o devoluciones
   * Contacto

Iniciar sesión |Crear cuenta

Carrito de compras

El carrito de compras está vacío.
¡Uy! No tenemos más stock de este producto para agregarlo al carrito. Si querés
podésver otros acá
¡Genial! Tenés envío gratis
¡Estás a de tener envío gratis!
Envío gratis superando los $70.000,00

ARS

SUBTOTAL (SIN ENVÍO) : $0,00

en todos los productos comprando o más
El medio de envío que habías elegido ya no se encuentra disponible para este
carrito.
¡No te preocupes! Podés elegir otro.
Medios de envío

Entregas para el CP:
Cambiar CP
Envío gratis superando los $70.000,00
¡Genial! Tenés envío gratis
OK
No sé mi código postal
No encontramos este código postal. ¿Está bien escrito?
Ocurrió un error al calcular el envío. Por favor intentá de nuevo en unos
segundos.
El calculo falló por un problema con el medio de envío. Por favor intentá de
nuevo en unos segundos.


Nuestros locales

 * Rosario (Santa Fe) - Pte Roca 1116, Rosario, Santa Fe - ¡Quedate tranqui que
   nos comunicamos con vos para informarte el día y el horario en el que podés
   pasar a retirar!
   
   Gratis

 * Cañada de Gómez (Santa Fe) - Ocampo 1270, Cañada de Gómez, Sta. Fe - ¡Quedate
   tranqui que nos comunicamos con vos para informarte el día y el horario en el
   que podés pasar a retirar!
   
   Gratis


TOTAL: $0,00

Total: $0,00
O $0,00 con transferencia
El monto mínimo de compra es de $0,00 sin incluir el costo de envío
Ver más productos



CATEGORÍAS


VIAJES
LUNCHERAS
BOTELLAS
LÍNEA BEAUTY
ORGANIZADORES
HOGAR
Escritorio


¡LO NUEVO!

Ver todos

Color Rosa Blanco

Color
Agregar al carrito ¡Listo!

Espejo Oso
$14.550,00 $0,00
$12.367,50 con transferencia
Comprar
Color Rosa Blanco

Color
Agregar al carrito ¡Listo!

Espejo Conejo
$14.550,00 $0,00
$12.367,50 con transferencia
Comprar
Sin stock
Calculadora Rainbow
$21.710,00 $0,00
$18.453,50 con transferencia
Avísame cuando haya stock

Lunchera Térmica Baby Bee
$31.310,00 $0,00
$26.613,50 con transferencia
Comprar ¡Listo!

Modelo Panda dormilón Panda estrellitas Panda corazón Panda familia

Modelo Panda dormilón Panda estrellitas Panda corazón Panda familia
Agregar al carrito ¡Listo!

Set Coffee Panda
$26.430,00 $0,00
$22.465,50 con transferencia
Comprar
Organizador para Auto
$18.870,00 $0,00
$16.039,50 con transferencia
Comprar ¡Listo!

Color Azul Verde Blanco Rosa

Color
Agregar al carrito ¡Listo!

Contenedor Doble Grande
$21.310,00 $0,00
$18.113,50 con transferencia
Comprar
Color Azul Verde Blanco Rosa

Color
Agregar al carrito ¡Listo!

Contenedor Doble Chico
$19.950,00 $0,00
$16.957,50 con transferencia
Comprar
Color Rosa Blanco

Color
Agregar al carrito ¡Listo!

Espejo Oso
$14.550,00 $0,00
$12.367,50 con transferencia
Comprar
Color Rosa Blanco

Color
Agregar al carrito ¡Listo!

Espejo Conejo
$14.550,00 $0,00
$12.367,50 con transferencia
Comprar
Sin stock
Calculadora Rainbow
$21.710,00 $0,00
$18.453,50 con transferencia
Avísame cuando haya stock

Lunchera Térmica Baby Bee
$31.310,00 $0,00
$26.613,50 con transferencia
Comprar ¡Listo!

Modelo Panda dormilón Panda estrellitas Panda corazón Panda familia

Modelo Panda dormilón Panda estrellitas Panda corazón Panda familia
Agregar al carrito ¡Listo!

Set Coffee Panda
$26.430,00 $0,00
$22.465,50 con transferencia
Comprar
Organizador para Auto
$18.870,00 $0,00
$16.039,50 con transferencia
Comprar ¡Listo!


Ver todos

Color Violeta Verde Amarillo

Color
Agregar al carrito ¡Listo!

Limpia Vidrios Baby Duck
$10.040,00 $0,00
$8.534,00 con transferencia
Comprar
Organizador de Escobas Magic
$32.290,00 $0,00
$27.446,50 con transferencia
Comprar ¡Listo!

Modelo Smile Panda

Modelo Smile Panda
Agregar al carrito ¡Listo!

Mantel Individual Smile
$12.310,00 $0,00
$10.463,50 con transferencia
Comprar
Color Blanco Beige

Color
Agregar al carrito ¡Listo!

Organizador Arizona
$23.680,00 $0,00
$20.128,00 con transferencia
Comprar
Color Amarillo Rosa Violeta

Color
Agregar al carrito ¡Listo!

Taza Elegance
$23.040,00 $0,00
$19.584,00 con transferencia
Comprar
Set de Resaltadores Huellita
$22.690,00 $0,00
$19.286,50 con transferencia
Comprar ¡Listo!

Color Gris Celeste Azul Negro

Color
Agregar al carrito ¡Listo!

Porta Cosméticos Marbella
$25.620,00 $0,00
$21.777,00 con transferencia
Comprar
Modelo Galaxia Saturno Sistema Solar

Modelo Galaxia Saturno Sistema Solar
Agregar al carrito ¡Listo!

Luz Nocturna Space
$32.560,00 $0,00
$27.676,00 con transferencia
Comprar
Color Violeta Verde Amarillo

Color
Agregar al carrito ¡Listo!

Limpia Vidrios Baby Duck
$10.040,00 $0,00
$8.534,00 con transferencia
Comprar
Organizador de Escobas Magic
$32.290,00 $0,00
$27.446,50 con transferencia
Comprar ¡Listo!

Modelo Smile Panda

Modelo Smile Panda
Agregar al carrito ¡Listo!

Mantel Individual Smile
$12.310,00 $0,00
$10.463,50 con transferencia
Comprar
Color Blanco Beige

Color
Agregar al carrito ¡Listo!

Organizador Arizona
$23.680,00 $0,00
$20.128,00 con transferencia
Comprar


PROMOS WOW

Ver todos

Color Marrón Verde Blanco Gris

Color
Agregar al carrito ¡Listo!

-30%
Botella de Agua Star 1400 ml.
$20.783,00 $29.690,00
$17.665,55 con transferencia
Comprar
Color Plata Dorado

Color
Agregar al carrito ¡Listo!

-15%
Baby Oso Polar
$107.253,00 $126.180,00
$91.165,05 con transferencia
Comprar
Color Negro Blanco

Color
Agregar al carrito ¡Listo!

-50%
Porta Cinta y Lapicero Deli
$17.385,00 $34.770,00
$14.777,25 con transferencia
Comprar
-50%
Porta Cápsulas de Café
$16.220,00 $32.440,00
$13.787,00 con transferencia
Comprar ¡Listo!

Sin stock
Set de Brochas y Pinceles Rouge
$21.678,00 $33.350,00
$18.426,30 con transferencia
Avísame cuando haya stock

Color Amarillo Rosa Celeste

Color
Agregar al carrito ¡Listo!

-20%
Set de Utensilios Osito
$24.008,00 $30.010,00
$20.406,80 con transferencia
Comprar
-15%
Baby Perrito Genki
$107.253,00 $126.180,00
$91.165,05 con transferencia
Comprar ¡Listo!

Color Amarillo Rosa Violeta

Color
Agregar al carrito ¡Listo!

-20%
Plato Infantil Dino
$14.808,00 $18.510,00
$12.586,80 con transferencia
Comprar
Color Marrón Verde Blanco Gris

Color
Agregar al carrito ¡Listo!

-30%
Botella de Agua Star 1400 ml.
$20.783,00 $29.690,00
$17.665,55 con transferencia
Comprar
Color Plata Dorado

Color
Agregar al carrito ¡Listo!

-15%
Baby Oso Polar
$107.253,00 $126.180,00
$91.165,05 con transferencia
Comprar
Color Negro Blanco

Color
Agregar al carrito ¡Listo!

-50%
Porta Cinta y Lapicero Deli
$17.385,00 $34.770,00
$14.777,25 con transferencia
Comprar
-50%
Porta Cápsulas de Café
$16.220,00 $32.440,00
$13.787,00 con transferencia
Comprar ¡Listo!

Sin stock
Set de Brochas y Pinceles Rouge
$21.678,00 $33.350,00
$18.426,30 con transferencia
Avísame cuando haya stock

Color Amarillo Rosa Celeste

Color
Agregar al carrito ¡Listo!

-20%
Set de Utensilios Osito
$24.008,00 $30.010,00
$20.406,80 con transferencia
Comprar
-15%
Baby Perrito Genki
$107.253,00 $126.180,00
$91.165,05 con transferencia
Comprar ¡Listo!

Color Amarillo Rosa Violeta

Color
Agregar al carrito ¡Listo!

-20%
Plato Infantil Dino
$14.808,00 $18.510,00
$12.586,80 con transferencia
Comprar
Color Marrón Verde Blanco Gris

Color
Agregar al carrito ¡Listo!

-30%
Botella de Agua Star 1400 ml.
$20.783,00 $29.690,00
$17.665,55 con transferencia
Comprar
Color Plata Dorado

Color
Agregar al carrito ¡Listo!

-15%
Baby Oso Polar
$107.253,00 $126.180,00
$91.165,05 con transferencia
Comprar



HOGAR


LOS MÁS PEQUEÑOS


¡PRIMERA COMPRA CON DESCUENTO!

Te regalamos un 15% de descuento en tu primera compra. Déjanos tu correo
electrónico y recibilo por mail. Disfrutalo en las próximas 24 horas. Apurate!

No completar este campo


ENVÍOS

Envíos gratis desde $70.000


15% OFF TRANSFERENCIA BANCARIA


HASTA 3 CUOTAS SIN INTERÉS



$0,00 con transferencia


Seguinos
Categorías
 * Inicio
 * Productos
 * Clientes felices
 * Información Wow

Contactános
 * 3471563172
 * info@tiendawow.com.ar
 * Cañada de Gómez, Santa Fe


Copyright Tienda Wow - 2024. Todos los derechos reservados.
Defensa de las y los consumidores. Para reclamos ingresá acá. / Botón de
arrepentimiento