groeldesign.com Open in urlscan Pro
23.227.38.65  Public Scan

URL: https://groeldesign.com/products/ibiza-door-handle-set-on-round-rose?utm_source=Klaviyo
Submission: On September 27 via api from US — Scanned from CA

Form analysis 12 forms found in the DOM

/search

<form class="search" action="/search">
  <label>
    <input class="hide-submit" type="submit">
    <svg style="margin-left: 15px;margin-top: 53px;position: absolute;" xmlns="http://www.w3.org/2000/svg" width="20.235" height="17.998" viewBox="0 0 20.235 17.998">
      <defs>
        <style>
          .a2,
          .c {
            fill: none;
          }

          .a2 {
            stroke: #707070;
          }

          .b {
            stroke: none;
          }
        </style>
      </defs>
      <g transform="translate(-428 -52)">
        <g class="a2" transform="translate(428 52)">
          <circle class="b" cx="7.673" cy="7.673" r="7.673"></circle>
          <circle class="c" cx="7.673" cy="7.673" r="7.173"></circle>
        </g>
        <path class="a2" d="M0,0,4.717,4.1" transform="matrix(0.996, -0.087, 0.087, 0.996, 442.819, 65.511)"></path>
      </g>
    </svg>
  </label>
  <input type="text" data-predictive-search-input="search-popdown-results" class="form-control pranab buscador-jd" placeholder="
Search" name="q" value="">
  <input style="display:none;" type="submit" value="Search">
</form>

GET /search

<form class="search__popdown__form" action="/search" method="get" role="search">
  <button class="search__popdown__form__button" type="submit">
    <span class="visually-hidden">Search</span>
    <!-- /snippets/social-icon.liquid -->
    <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-modern-search" viewBox="0 0 30 30">
      <path d="M14 2c6.075 0 11 4.925 11 11 0 2.932-1.147 5.596-3.017 7.568l4.724 4.725a1 1 0 01-1.32 1.497l-.094-.083-4.817-4.815A10.95 10.95 0 0114 24C7.925 24 3 19.075 3 13S7.925 2 14 2zm0 2a9 9 0 100 18 9 9 0 000-18z"></path>
    </svg>
  </button>
  <input type="search" data-predictive-search-input="search-popdown-results" name="q" value="" placeholder="Search" aria-label="Search our store">
</form>

POST /cart/add

<form method="post" action="/cart/add" id="product_form_8207875211578" accept-charset="UTF-8" class="product-form" enctype="multipart/form-data" data-product-form=""><input type="hidden" name="form_type" value="product"><input type="hidden"
    name="utf8" value="✓">
  <input type="hidden" name="id" value="44776199455034">
  <div class="shop-pay-terms"></div>
  <span style="display:none;font-weight:bold;color:#418FDE">Shipping between 3 and 5 days</span>
  <div class="product__selectors">
    <script>
      document.addEventListener('DOMContentLoaded', function() {
        const radioButtons = document.querySelectorAll('.radio__button input[type="radio"]');
        radioButtons.forEach(function(radioButton) {
          const isFormato = radioButton.getAttribute('data-index') === 'option1';
          if (isFormato) {
            const cruz = radioButton.parentElement.querySelector('svg#cruz g[id="cruz"]');
            if (cruz) {
              cruz.style.display = 'block';
            }
          }
          radioButton.addEventListener('change', function() {
            // Si es el botón de formato, no hacer nada
            if (isFormato) {
              return;
            }
            // Ocultar todas las cruces antes de mostrar la cruz seleccionada, excepto la del botón de formato
            const allCruces = document.querySelectorAll('.radio__button input[type="radio"]:not([data-index="option1"]) ~ label svg#cruz g[id="cruz"]');
            allCruces.forEach(function(cruz) {
              cruz.style.display = 'none';
            });
            // Mostrar la cruz seleccionada
            const selectedCruz = this.parentElement.querySelector('svg#cruz g[id="cruz"]');
            if (selectedCruz) {
              selectedCruz.style.display = 'block';
            }
          });
        });
      });
    </script>
    <script>
      document.addEventListener('DOMContentLoaded', function() {
        var optionSelectors = document.querySelectorAll('input[data-single-option-selector]');
        optionSelectors.forEach(function(optionSelector) {
          optionSelector.addEventListener('change', function() {
            var selectedOptionSpan = document.getElementById('selected-option-' + this.dataset.index.replace('option', ''));
            if (this.checked) {
              selectedOptionSpan.innerHTML = this.value;
            }
          });
        });
      });
    </script>
    <div class="selector-wrapper selector-wrapper--fullwidth" data-select-position="1">
      <fieldset class="radio__fieldset" style="padding-bottom:20px;">
        <legend class="radio__legend " style="
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  ">
          <span class="radio__legend__label">FORMAT</span>
          <span id="selected-option-1">Round rose</span>
          <!-- Agrega esta línea -->
        </legend>
        <span class="radio__button">
          <input 4="" type="radio" style="display:none" data-single-option-selector="" data-index="option1" name="options[FORMAT]" value="Round rose" id="8207875211578-FORMAT-Round rose" checked=""
            onclick="toggleSvgDisplay('8207875211578-FORMAT-Round rose', this.checked)">
          <label for="8207875211578-FORMAT-Round rose">
            <span>Round rose</span>
          </label>
        </span>
        <script>
          function toggleSvgDisplay(id, checked) {
            // Ocultar las cruces de todas las opciones
            var svgElements = document.querySelectorAll('g[id^="cruz-"]');
            svgElements.forEach(function(svgElement) {
              svgElement.style.display = "none";
            });
            // Mostrar la cruz de la opción seleccionada
            var selectedSvgElement = document.getElementById('cruz-' + id);
            if (checked && selectedSvgElement) {
              selectedSvgElement.style.display = "block";
            }
          }
          // Cuando la página se haya cargado por completo
          window.onload = function() {
            // Buscar la opción seleccionada
            var selectedOption = document.querySelector('input[data-single-option-selector]:checked');
            if (selectedOption) {
              // Mostrar la cruz de la opción seleccionada
              toggleSvgDisplay(selectedOption.id, true);
            }
          }
        </script>
        <script>
          window.onload = function() {
            var radioButtons = document.querySelectorAll("input[type='radio']");
            radioButtons.forEach(function(radioButton) {
              radioButton.addEventListener("change", function() {
                // Buscar el elemento selected-option correspondiente a la opción seleccionada
                var selectedOptionSpan = document.getElementById("selected-option-" + this.dataset.index.replace('option', ''));
                if (this.checked) {
                  selectedOptionSpan.innerHTML = this.value;
                }
              });
            });
          };
        </script>
      </fieldset>
    </div>
    <script>
      document.addEventListener('DOMContentLoaded', function() {
        const radioButtons = document.querySelectorAll('.radio__button input[type="radio"]');
        radioButtons.forEach(function(radioButton) {
          const isFormato = radioButton.getAttribute('data-index') === 'option1';
          if (isFormato) {
            const cruz = radioButton.parentElement.querySelector('svg#cruz g[id="cruz"]');
            if (cruz) {
              cruz.style.display = 'block';
            }
          }
          radioButton.addEventListener('change', function() {
            // Si es el botón de formato, no hacer nada
            if (isFormato) {
              return;
            }
            // Ocultar todas las cruces antes de mostrar la cruz seleccionada, excepto la del botón de formato
            const allCruces = document.querySelectorAll('.radio__button input[type="radio"]:not([data-index="option1"]) ~ label svg#cruz g[id="cruz"]');
            allCruces.forEach(function(cruz) {
              cruz.style.display = 'none';
            });
            // Mostrar la cruz seleccionada
            const selectedCruz = this.parentElement.querySelector('svg#cruz g[id="cruz"]');
            if (selectedCruz) {
              selectedCruz.style.display = 'block';
            }
          });
        });
      });
    </script>
    <script>
      document.addEventListener('DOMContentLoaded', function() {
        var optionSelectors = document.querySelectorAll('input[data-single-option-selector]');
        optionSelectors.forEach(function(optionSelector) {
          optionSelector.addEventListener('change', function() {
            var selectedOptionSpan = document.getElementById('selected-option-' + this.dataset.index.replace('option', ''));
            if (this.checked) {
              selectedOptionSpan.innerHTML = this.value;
            }
          });
        });
      });
    </script>
    <div class="selector-wrapper selector-wrapper--fullwidth" data-select-position="2">
      <fieldset class="radio__fieldset" style="padding-bottom:20px;">
        <legend class="radio__legend " style="
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  ">
          <span class="radio__legend__label">FINISH</span>
          <span id="selected-option-2">Powercoat satin brass</span>
          <!-- Agrega esta línea -->
        </legend>
        <span class="swatch__button" data-tooltip="Powercoat inox">
          <input type="radio" style="display:none" data-single-option-selector="" data-index="option2" name="options[FINISH]" value="Powercoat inox" id="8207875211578-FINISH-Powercoat inox">
          <label for="8207875211578-FINISH-Powercoat inox" data-swatch="Powercoat inox"
            style="padding: 0px; --swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-PWIX-guarantee.png&quot;); background-size: cover; background-position: center center;">
            <span class="visually-hidden">Powercoat inox</span>
          </label>
        </span>
        <span class="swatch__button" data-tooltip="Powercoat satin brass">
          <input type="radio" style="display:none" data-single-option-selector="" data-index="option2" name="options[FINISH]" value="Powercoat satin brass" id="8207875211578-FINISH-Powercoat satin brass" checked="">
          <label for="8207875211578-FINISH-Powercoat satin brass" data-swatch="Powercoat satin brass"
            style="padding: 0px; --swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-PWLS-guarantee.png&quot;); background-size: cover; background-position: center center;">
            <span class="visually-hidden">Powercoat satin brass</span>
          </label>
        </span>
        <span class="swatch__button" data-tooltip="Powercoat graphite">
          <input type="radio" style="display:none" data-single-option-selector="" data-index="option2" name="options[FINISH]" value="Powercoat graphite" id="8207875211578-FINISH-Powercoat graphite">
          <label for="8207875211578-FINISH-Powercoat graphite" data-swatch="Powercoat graphite"
            style="padding: 0px; --swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-PWGT-guarantee.png&quot;); background-size: cover; background-position: center center;">
            <span class="visually-hidden">Powercoat graphite</span>
          </label>
        </span>
      </fieldset>
    </div>
  </div>
  <noscript>
    <select name="id" class="product__form__select product__form__select--hidden no-js" aria-label="FORMAT, FINISH">
      <option disabled="disabled" value="44776199487802"> Round rose / Powercoat inox </option>
      <option selected="selected" value="44776199455034"> Round rose / Powercoat satin brass </option>
      <option value="46810516554064"> Round rose / Powercoat graphite </option>
    </select>
  </noscript>
  <div class="anadir-carrito-y-cantidad">
    <div class="product__submit" data-product-id="8207875211578">
      <div class="product__submit__buttons">
        <div class="product__submit__item">
          <button type="submit" name="add" class="btn product__submit__add" data-add-to-cart="" data-focus-element="">
            <span data-add-to-cart-text="">Add to cart</span>
            <svg height="18" width="18" class="svg-loader">
              <circle r="7" cx="9" cy="9"></circle>
              <circle stroke-dasharray="87.96459430051421 87.96459430051421" r="7" cx="9" cy="9"></circle>
            </svg>
          </button>
        </div>
      </div>
    </div>
    <div data-cart-errors-container="" class="product__form__errors"></div>
    <script data-cart-popover-template="" type="text/x-template"> <a href="#" class="close"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close-thin" viewBox="0 0 27 27"><g stroke="#979797" fill="none" fill-rule="evenodd" stroke-linecap="square"><path d="M.5.5l26 26M26.5.5l-26 26"/></g></svg></a>
      <div class="product__add__notification">
        <div class="product__add__success">
          <div class="product__add__success__image">
            <div class="product__add__success__image-bg"
                 style="background-image: url('{{ it.product_image }}');">
            </div>
          </div>
          <div class="product__add__success__content">
            <h6>Added to your cart:</h6>
            
            <h3 class="product__title">{{ it.item_count }} {{ it.product_title }}</h3>
            {{@if(it.variant)}}
              <p class="product__variant">{{ it.variant }}</p>
            {{/if}}
            <p class="product__price">{{ it.price_formatted  | safe }}</p>
            {{@if(it.unit_price)}}
              {{ it.unit_price  | safe }}
            {{/if}}
            
            <div class="buttons-wrap">
              <form action="/cart" method="post" novalidate>
                <button type="submit" name="checkout"class="btn btn--primary">Checkout</button>
              </form>
              <a href="/cart" class="btn btn--outline">View Cart</a>
            </div>

          </div>
        </div>
      </div>
    </script>
    <div class="select__fieldset" style="display: inline-block;">
      <span class="radio__legend__label" style="text-transform:uppercase;display:none;">Quantity</span>
      <ul id="template--19388125020496__main-select-quantity" class="select-popout__list" data-popout-list="">
        <li class="select-popout__item select-popout__item--current">
          <a class="select-popout__option" href="#" aria-current="true" data-value="1" data-popout-option="">
                <span>
                  1 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="2" data-popout-option="">
                <span>
                  2 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="3" data-popout-option="">
                <span>
                  3 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="4" data-popout-option="">
                <span>
                  4 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="5" data-popout-option="">
                <span>
                  5 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="6" data-popout-option="">
                <span>
                  6 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="7" data-popout-option="">
                <span>
                  7 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="8" data-popout-option="">
                <span>
                  8 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="9" data-popout-option="">
                <span>
                  9 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="10" data-popout-option="">
                <span>
                  10 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="11" data-popout-option="">
                <span>
                  11 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="12" data-popout-option="">
                <span>
                  12 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="13" data-popout-option="">
                <span>
                  13 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="14" data-popout-option="">
                <span>
                  14 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="15" data-popout-option="">
                <span>
                  15 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="16" data-popout-option="">
                <span>
                  16 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="17" data-popout-option="">
                <span>
                  17 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="18" data-popout-option="">
                <span>
                  18 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="19" data-popout-option="">
                <span>
                  19 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="20" data-popout-option="">
                <span>
                  20 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="21" data-popout-option="">
                <span>
                  21 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="22" data-popout-option="">
                <span>
                  22 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="23" data-popout-option="">
                <span>
                  23 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="24" data-popout-option="">
                <span>
                  24 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="25" data-popout-option="">
                <span>
                  25 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="26" data-popout-option="">
                <span>
                  26 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="27" data-popout-option="">
                <span>
                  27 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="28" data-popout-option="">
                <span>
                  28 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="29" data-popout-option="">
                <span>
                  29 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="30" data-popout-option="">
                <span>
                  30 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="31" data-popout-option="">
                <span>
                  31 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="32" data-popout-option="">
                <span>
                  32 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="33" data-popout-option="">
                <span>
                  33 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="34" data-popout-option="">
                <span>
                  34 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="35" data-popout-option="">
                <span>
                  35 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="36" data-popout-option="">
                <span>
                  36 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="37" data-popout-option="">
                <span>
                  37 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="38" data-popout-option="">
                <span>
                  38 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="39" data-popout-option="">
                <span>
                  39 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="40" data-popout-option="">
                <span>
                  40 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="41" data-popout-option="">
                <span>
                  41 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="42" data-popout-option="">
                <span>
                  42 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="43" data-popout-option="">
                <span>
                  43 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="44" data-popout-option="">
                <span>
                  44 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="45" data-popout-option="">
                <span>
                  45 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="46" data-popout-option="">
                <span>
                  46 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="47" data-popout-option="">
                <span>
                  47 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="48" data-popout-option="">
                <span>
                  48 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="49" data-popout-option="">
                <span>
                  49 
                </span>
              </a>
        </li>
        <li class="select-popout__item ">
          <a class="select-popout__option" href="#" data-value="50" data-popout-option="">
                <span>
                  50 +
                </span>
              </a>
        </li>
      </ul>
      <div class="quantity-selector" data-quantity-holder="">
        <label for="product-quantity-buttons-template--19388125020496__main" class="label-hidden">Quantity</label>
        <button type="button" class="quantity__minus" data-quantity-minus="" data-quantity-button="" tabindex="0" title="Decrease button quantity - Ibiza door handle set on round rose"><svg aria-hidden="true" focusable="false" role="presentation"
            class="icon icon-minus" viewBox="0 0 20 20">
            <path fill="#444" d="M17.543 11.029H2.1A1.032 1.032 0 011.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"></path>
          </svg></button>
        <input id="product-quantity-buttons-template--19388125020496__main" data-popout-input="" type="number" class="quantity__input" value="1" min="1" aria-label="quantity" autocomplete="off" name="quantity" data-quantity-field=""
          title="Quantity field - Ibiza door handle set on round rose" pattern="[0-9]*">
        <button type="button" class="quantity__plus" data-quantity-plus="" data-quantity-button="" tabindex="0" title="
            Increase button quantity - Ibiza door handle set on round rose"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" viewBox="0 0 20 20">
            <path fill="#444"
              d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z">
            </path>
          </svg></button>
      </div>
    </div>
  </div>
  <br>
  <a href="/pages/business" style="background:#EFEFEF; padding:10px; text-decoration: none; color: black; display: inline-block;">
    Get professional <u>discount</u>
</a>
</form>

<form class="colores-jd" data-grid-swatch-form="" style="display:flex;">
  <div style="display: contents;" class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="idea-door-handle-set-on-round-rose" data-swatch-label="FINISH">
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Polished brass">
      <input type="radio" name="grouped" value="Polished brass" id="8207874720058-44776196538682">
      <label for="8207874720058-44776196538682" data-swatch="Polished brass" data-swatch-variant="44776196538682" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-804r8pwlp-idea.jpg?v=1691476568"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-LP.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Polished brass</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Polished chrome">
      <input type="radio" name="grouped" value="Polished chrome" id="8207874720058-44776196571450">
      <label for="8207874720058-44776196571450" data-swatch="Polished chrome" data-swatch-variant="44776196571450" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-804r8cr.jpg?v=1689925235"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-CR.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Polished chrome</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Satin chrome">
      <input type="radio" name="grouped" value="Satin chrome" id="8207874720058-44776196604218">
      <label for="8207874720058-44776196604218" data-swatch="Satin chrome" data-swatch-variant="44776196604218" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-804r8cs.jpg?v=1689925235"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-CS.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Satin chrome</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Satin brass">
      <input type="radio" name="grouped" value="Satin brass" id="8207874720058-44776196636986">
      <label for="8207874720058-44776196636986" data-swatch="Satin brass" data-swatch-variant="44776196636986" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-804r8pwls-idea.jpg?v=1691476568"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-LS.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Satin brass</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Satin nickel">
      <input type="radio" name="grouped" value="Satin nickel" id="8207874720058-44776196669754">
      <label for="8207874720058-44776196669754" data-swatch="Satin nickel" data-swatch-variant="44776196669754" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-804r8ns.jpg?v=1689925234"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-NS.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Satin nickel</span>
      </label>
    </span>
  </div>
  <img class="no-desktop" style="text-align:left;padding-left: 0px; padding-top: px;width:20px;" src="https://cdn.shopify.com/s/files/1/0574/7621/8925/files/b230f59911b8d228791f36d23900d5ce.png?v=1655216707">
  <img class="no-mobile" style="text-align:left;padding-left: 0px;margin-top: -2px;width: 28px;" src="https://cdn.shopify.com/s/files/1/0574/7621/8925/files/b230f59911b8d228791f36d23900d5ce.png?v=1655216707">
</form>

<form class="colores-jd" data-grid-swatch-form="" style="display:flex;">
  <div style="display: contents;" class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="nina-door-handle-set-on-round-rose" data-swatch-label="FINISH">
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Powercoat satin brass">
      <input type="radio" name="grouped" value="Powercoat satin brass" id="8207873474874-44776180646202">
      <label for="8207873474874-44776180646202" data-swatch="Powercoat satin brass" data-swatch-variant="44776180646202" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-811r8pwls-nina.jpg?v=1691476682"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-PWLS-guarantee.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Powercoat satin brass</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Powercoat polished brass">
      <input type="radio" name="grouped" value="Powercoat polished brass" id="8207873474874-44776180613434" disabled="">
      <label for="8207873474874-44776180613434" data-swatch="Powercoat polished brass" data-swatch-variant="44776180613434" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-811r8pwlp-nina.jpg?v=1693395074"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-PWLP-guarantee.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Powercoat polished brass</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Satin chrome">
      <input type="radio" name="grouped" value="Satin chrome" id="8207873474874-44776180580666">
      <label for="8207873474874-44776180580666" data-swatch="Satin chrome" data-swatch-variant="44776180580666" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-811r8cs.jpg?v=1691476682"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-CS.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Satin chrome</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Polished chrome">
      <input type="radio" name="grouped" value="Polished chrome" id="8207873474874-44776180678970" disabled="">
      <label for="8207873474874-44776180678970" data-swatch="Polished chrome" data-swatch-variant="44776180678970" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-811r8cr.jpg?v=1691476682"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-CR.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Polished chrome</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Powercoat inox">
      <input type="radio" name="grouped" value="Powercoat inox" id="8207873474874-44776180711738" disabled="">
      <label for="8207873474874-44776180711738" data-swatch="Powercoat inox" data-swatch-variant="44776180711738" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-811r8pwix-nina.jpg?v=1691476682"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-PWIX-guarantee.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Powercoat inox</span>
      </label>
    </span>
  </div>
  <img class="no-desktop" style="text-align:left;padding-left: 0px; padding-top: px;width:20px;" src="https://cdn.shopify.com/s/files/1/0574/7621/8925/files/b230f59911b8d228791f36d23900d5ce.png?v=1655216707">
  <img class="no-mobile" style="text-align:left;padding-left: 0px;margin-top: -2px;width: 28px;" src="https://cdn.shopify.com/s/files/1/0574/7621/8925/files/b230f59911b8d228791f36d23900d5ce.png?v=1655216707">
</form>

<form class="colores-jd" data-grid-swatch-form="" style="display:flex;">
  <div style="display: contents;" class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="angolo-door-handle-set-on-round-rose" data-swatch-label="FINISH">
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Matt black">
      <input type="radio" name="grouped" value="Matt black" id="8207869804858-44776152760634">
      <label for="8207869804858-44776152760634" data-swatch="Matt black" data-swatch-variant="44776152760634" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-817r8bk.jpg?v=1690297115"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-BK.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Matt black</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Polished chrome">
      <input type="radio" name="grouped" value="Polished chrome" id="8207869804858-44776152793402">
      <label for="8207869804858-44776152793402" data-swatch="Polished chrome" data-swatch-variant="44776152793402" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-817r8cr.jpg?v=1690297115"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-CR.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Polished chrome</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Powercoat satin brass">
      <input type="radio" name="grouped" value="Powercoat satin brass" id="8207869804858-44776152826170" disabled="">
      <label for="8207869804858-44776152826170" data-swatch="Powercoat satin brass" data-swatch-variant="44776152826170" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-817r8pwls-angolo.jpg?v=1691477127"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-PWLS-guarantee.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Powercoat satin brass</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Powercoat polished brass">
      <input type="radio" name="grouped" value="Powercoat polished brass" id="8207869804858-44776152858938">
      <label for="8207869804858-44776152858938" data-swatch="Powercoat polished brass" data-swatch-variant="44776152858938" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-817r8pwlp-angolo.jpg?v=1691477127"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-PWLP-guarantee.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Powercoat polished brass</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Satin chrome">
      <input type="radio" name="grouped" value="Satin chrome" id="8207869804858-44776152891706" disabled="">
      <label for="8207869804858-44776152891706" data-swatch="Satin chrome" data-swatch-variant="44776152891706" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-817r8cs.jpg?v=1691477127"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-CS.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Satin chrome</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Powercoat inox">
      <input type="radio" name="grouped" value="Powercoat inox" id="8207869804858-44776152924474" disabled="">
      <label for="8207869804858-44776152924474" data-swatch="Powercoat inox" data-swatch-variant="44776152924474" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-817r8pwix-angolo.jpg?v=1691477127"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-PWIX-guarantee.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Powercoat inox</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Powercoat graphite">
      <input type="radio" name="grouped" value="Powercoat graphite" id="8207869804858-44776152957242">
      <label for="8207869804858-44776152957242" data-swatch="Powercoat graphite" data-swatch-variant="44776152957242" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-817r8pwgt-angolo.jpg?v=1693395124"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-PWGT-guarantee.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Powercoat graphite</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Matt white">
      <input type="radio" name="grouped" value="Matt white" id="8207869804858-44776152990010">
      <label for="8207869804858-44776152990010" data-swatch="Matt white" data-swatch-variant="44776152990010" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-817r8wtm.jpg?v=1691477127"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-WT.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Matt white</span>
      </label>
    </span>
  </div>
  <img class="no-desktop" style="text-align:left;padding-left: 0px; padding-top: px;width:20px;" src="https://cdn.shopify.com/s/files/1/0574/7621/8925/files/b230f59911b8d228791f36d23900d5ce.png?v=1655216707">
  <img class="no-mobile" style="text-align:left;padding-left: 0px;margin-top: -2px;width: 28px;" src="https://cdn.shopify.com/s/files/1/0574/7621/8925/files/b230f59911b8d228791f36d23900d5ce.png?v=1655216707">
</form>

<form class="colores-jd" data-grid-swatch-form="" style="display:flex;">
  <div style="display: contents;" class="selector-wrapper__scrollbar" data-scrollbar="" data-grid-swatches="" data-swatch-handle="fey-door-handle-set-on-round-rose" data-swatch-label="FINISH">
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Satin chrome">
      <input type="radio" name="grouped" value="Satin chrome" id="8207874228538-44776190574906">
      <label for="8207874228538-44776190574906" data-swatch="Satin chrome" data-swatch-variant="44776190574906" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-806r8cs.jpg?v=1689923901"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-CS.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Satin chrome</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Powercoat polished brass">
      <input type="radio" name="grouped" value="Powercoat polished brass" id="8207874228538-44776190705978">
      <label for="8207874228538-44776190705978" data-swatch="Powercoat polished brass" data-swatch-variant="44776190705978" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-806r8pwlp-fey.jpg?v=1691476606"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-PWLP-guarantee.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Powercoat polished brass</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Polished chrome">
      <input type="radio" name="grouped" value="Polished chrome" id="8207874228538-44776190673210">
      <label for="8207874228538-44776190673210" data-swatch="Polished chrome" data-swatch-variant="44776190673210" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-806r8cr.jpg?v=1691476606"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-CR.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Polished chrome</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Powercoat satin brass">
      <input type="radio" name="grouped" value="Powercoat satin brass" id="8207874228538-44776190607674">
      <label for="8207874228538-44776190607674" data-swatch="Powercoat satin brass" data-swatch-variant="44776190607674" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-806r8pwls-fey.jpg?v=1691476606"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-PWLS-guarantee.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Powercoat satin brass</span>
      </label>
    </span>
    <span class="swatch__button swatch-color-jd" data-swatch-button="" data-tooltip="Powercoat inox">
      <input type="radio" name="grouped" value="Powercoat inox" id="8207874228538-44776190640442" disabled="">
      <label for="8207874228538-44776190640442" data-swatch="Powercoat inox" data-swatch-variant="44776190640442" data-swatch-image="https://cdn.shopify.com/s/files/1/0721/9930/7578/files/web-806r8pwix-fey.jpg?v=1693395574"
        style="--swatch: #888888; background-image: url(&quot;//groeldesign.com/cdn/shop/t/9/assets/acabado-PWIX-guarantee.png&quot;); background-size: cover; background-position: center center;">
        <span class="visually-hidden">Powercoat inox</span>
      </label>
    </span>
  </div>
  <img class="no-desktop" style="text-align:left;padding-left: 0px; padding-top: px;width:20px;" src="https://cdn.shopify.com/s/files/1/0574/7621/8925/files/b230f59911b8d228791f36d23900d5ce.png?v=1655216707">
  <img class="no-mobile" style="text-align:left;padding-left: 0px;margin-top: -2px;width: 28px;" src="https://cdn.shopify.com/s/files/1/0574/7621/8925/files/b230f59911b8d228791f36d23900d5ce.png?v=1655216707">
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-WqNLsz" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; max-width: 650px; margin: 0px auto; border-radius: 2px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 10px 5px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; min-height: 150px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1"
        style="display: flex; justify-content: flex-start; padding: 10px 0px 0px; position: relative; background-color: rgba(255, 255, 255, 0); flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_78107160" class="needsclick go3922178079 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Enter your email" aria-label="Enter your email" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 50px; text-align: left; color: rgb(52, 52, 52); font-family: Poppins, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgb(247, 247, 247); border: 1px solid rgb(52, 52, 52);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1"
        style="display: flex; justify-content: flex-start; padding: 5px 0px 0px; position: relative; flex: 0 1 auto; margin: 0px 0px 0px auto;"><button class="needsclick go3637526126 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgba(48, 59, 67, 0); border-radius: 0px; border-style: solid; border-color: rgb(52, 52, 52); border-width: 0px; color: rgb(52, 52, 52); font-family: Poppins, &quot;Century Gothic&quot;, CenturyGothic, AppleGothic, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: 0px; line-height: 1; white-space: normal; padding: 0px 10px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 40px;">
          SUBSCRIBE </button></div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span style="font-size: 12px; color: #343434;">Take a look at our
              <a href="http://groel.es/en/pages/politica-de-privacidad" style="color: #343434;">privacy policy</a> to learn more about the processing of your data. You can unsubscribe whenever you want.</span></p>
        </div>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

POST /localization

<form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="popout--footer" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization"><input type="hidden" name="utf8" value="✓"><input
    type="hidden" name="_method" value="put"><input type="hidden" name="return_to"
    value="/products/ibiza-door-handle-set-on-round-rose?utm_source=Klaviyo&amp;utm_medium=campaign&amp;_kx=YKXzG6BnNYsZakl9Ig_uTSXoXPmgn-2sgpYAUts_hffVF1Bm9uFzLeMIUvAk9X5k.RebQaT"></form>

POST /cart

<form action="/cart" method="post" novalidate="" class="form-cart">
  <div class="cart__widget" data-cart-widget="">
    <a href="#notes" data-expand-button="">Add order notes</a>
    <div class="cart__widget-content" id="notes">
      <label for="note">Leave a note about your order</label>
      <textarea id="note" name="note" class="cart__field cart__field--textarea" aria-label="Leave a note about your order"></textarea>
    </div>
  </div>
  <div class="cart__foot-inner">
    <div class="cart__total  is-hidden" data-cart-original-total="">
      <span>Items</span>
      <span data-cart-original-total-price="">Free </span>
    </div>
    <div class="cart__discounts  is-hidden" data-cart-discounts-holder=""></div>
    <div class="cart__total">
      <span>Subtotal</span>
      <span class="cart__total__money" data-cart-total="">Free </span>
    </div>
    <em>Shipping, taxes, and discount codes are calculated at checkout</em>
    <button type="submit" name="checkout" class="btn btn--full btn--large cart__checkout">Check Out</button>
  </div>
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_2 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-WuBLFD" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 780px; min-width: 200px; max-width: 1000px; border-radius: 4px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position-y: 50%; padding: 20px 50px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1"
    style="display: flex; flex-direction: column; width: 390px; margin: -20px 0px -20px -50px; padding: 0px; border-top: 0px solid transparent; border-right: 0px; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-bottom-left-radius: 4px; border-top-left-radius: 4px; overflow: hidden; min-width: 390px; min-height: 650px;">
    <div class="needsclick  kl-private-reset-css-Xuajs1"
      style="background-image: url(&quot;https://d3k81ch9hvuctc.cloudfront.net/company/RebQaT/images/20eafa7b-19f7-4a24-88e8-d7e4887ee2e5.jpeg&quot;); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; width: 100%; height: 100%; display: block;">
    </div>
  </div>
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px 0px 0px 50px; min-height: 650px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
              style="color: #444444; font-size: 20px; font-family: Montserrat, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: 600;">LISTEN UP!</span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 2px 6px 10px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
              style="font-family: Poppins, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: 400; font-size: 15px;">Get <span
                style="font-family: Poppins, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: 600;">10% Off</span>, by just entering your email so you can receive tooons of ads :)</span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 0px 6px 25px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: center;"><span
              style="font-family: Poppins, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: 400; font-style: italic; font-size: 10px;">(Just kidding - no spam, just awesome stuff)</span></p>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 10px 6px 4px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_72943655" class="needsclick go2045594973 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Enter your email address" aria-label="Enter your email address" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 0px; padding: 0px 0px 0px 16px; height: 46px; text-align: left; color: rgb(68, 68, 68); font-family: Poppins, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; background-color: rgba(255, 255, 255, 0); border: 1px solid rgb(68, 68, 68); box-shadow: rgba(0, 100, 205, 0) 0px 0px 5px;">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; justify-content: flex-start; padding: 20px 6px 10px; position: relative; flex: 1 0 0px;"><button
          class="needsclick go3229572421 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(44, 44, 44); border-radius: 0px; border-style: none; border-color: rgba(255, 255, 255, 0); border-width: 0px; color: rgb(255, 255, 255); font-family: Poppins, &quot;Century Gothic&quot;, CenturyGothic, AppleGothic, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: 0px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 35px; width: 100%;">SUBSCRIBE</button>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

POST /localization

<form action="/localization" method="POST"><input name="_method" type="hidden" value="PUT"><input name="source" type="hidden" value="geolocation_selector"><input name="return_to" type="hidden"
    value="/products/ibiza-door-handle-set-on-round-rose?utm_source=Klaviyo&amp;variant=44776199455034"><label class="locale-selectors__label" id="country_code_label" for="country_code"><span>Country/region</span><select id="country_code"
      class="locale-selectors__selector" name="country_code">
      <option value="AT">Austria (EUR €)</option>
      <option value="BE">Belgium (EUR €)</option>
      <option value="DK">Denmark (EUR €)</option>
      <option value="EE">Estonia (EUR €)</option>
      <option value="FI">Finland (EUR €)</option>
      <option value="DE">Germany (EUR €)</option>
      <option value="IE">Ireland (EUR €)</option>
      <option value="IT">Italy (EUR €)</option>
      <option value="NL">Netherlands (EUR €)</option>
      <option value="NO">Norway (EUR €)</option>
      <option value="PL">Poland (EUR €)</option>
      <option value="PT">Portugal (EUR €)</option>
      <option value="SE">Sweden (EUR €)</option>
      <option value="GB">United Kingdom (EUR €)</option>
    </select></label></form>

Text Content

Skip to content
Search
My Account
0 Cart
BUSINESS
Our Story
La Fabbrica
Finishes
Projects
Catalogue
Contact


Translation missing: en.general.accessibility.open_cart Profile
New
LEVER HANDLES


FOR DOORS


FOR WINDOWS

 * * LEVER HANDLES ON ROSE
   * ROUND >
   * SQUARE >
   * ATELIER >
   * RUSTIC >
   * DESIGNERS >
   * VIEW ALL >
   * 
     
   * LEVER HANDLES ON BACKPLATE
   * OVAL >
   * RECTANGULAR >
   * SPECIAL >
   * ATELIER >
   * VIEW ALL >
 * * WINDOW MECHANISM
   * OVAL >
   * RECTANGULAR >
   * VIEW ALL >


 * Featured Products
   * Baci lever handle
   * Log.gic lever handle
   * Sokol lever handle
 * COLLECTONS
   * Ibiza Collection
   * Espuch
   * Atelier Collection
   * Gestures Collection


FOR DOORS LEVER HANDLES ON ROSE ROUND SQUARE ATELIER RUSTIC DESIGNERS VIEW ALL
LEVER HANDLES ON BACKPLATE OVAL RECTANGULAR SPECIAL ATELIER VIEW ALL
FOR WINDOWS WINDOW MECHANISM OVAL RECTANGULAR VIEW ALL
PULL HANDLES


FOR DOORS & FURNITURE

 * * PULL HANDLES
   * CONTEMPORARY >
   * ATELIER >
   * RUSTIC >
   * DESIGNERS >
   * VIEW ALL >


 * Featured Products
   * Ibiza pull handle
   * Ángolo pull handle
   * Sketch pull handle
 * Collections
   * Ibiza Collection
   * Espuch Collection
   * Atelier Collection
   * Gestures Collection


FOR DOORS & FURNITURE PULL HANDLES CONTEMPORARY ATELIER RUSTIC DESIGNERS VIEW
ALL
FURNITURE ACCESSORIES


CABINET KNOBS


CABINET HANDLES

 * * FURNITURE ACCESORIES / CABINET KNOBS
   * CABINET KNOBS >
   * VIEW ALL >
 * * FURNITURE ACCESSORIES / CABIENT HANDLES
   * CABINET PULL HANDLE >
   * T-BAR CABINET PULL >
   * VIEW ALL >


 * Featured Products
   * Ibiza cabinet pull handle
   * Espuch T-Bar cabinet pull
   * Ducato cabinet knob
 * Collections
   * Ibiza Collection
   * Espuch Collection
   * Atelier Collection
   * Gestures Collection


CABINET KNOBS FURNITURE ACCESORIES / CABINET KNOBS CABINET KNOBS VIEW ALL
CABINET HANDLES FURNITURE ACCESSORIES / CABIENT HANDLES CABINET PULL HANDLE
T-BAR CABINET PULL VIEW ALL
DOOR KNOBS


FOR ENTRY DOORS

 * * FOR ENTRY DOORS / DOOR KNOBS
   * DOOR KNOBS >
   * VIEW ALL >


 * Featured Products
   * Big centre door knob
   * Déco centre door knob
   * Cuadro centre door knob
 * Magazine
   * Download groël's magazine


FOR ENTRY DOORS FOR ENTRY DOORS / DOOR KNOBS DOOR KNOBS VIEW ALL
DOOR ACCESSORIES


SLIDING DOORS


ESCUTCHEONS / TURN & RELEASE


DOOR STOPS


HARDWARE

 * * KITS
   * LOCKING >
   * NON-LOCKING >
   * VIEW ALL >
 * * ESCUTCHEONS
   * PATENT >
   * YALE >
   * VIEW ALL >
   * 
     
   * PRIVACY TURN & RELEASE
   * TURN & RELEASE >
   * VIEW ALL >
 * * 
     
   * DOOR STOPS >
   * VIEW ALL >
 * * SPINDLES
   * Bolt expanding spindle >


 * Featured Products
   * Sliding door kit without lock
   * Flow escutcheon set
   * Ibiza turn & release
 * Magazine
   * Download groël's magazine


SLIDING DOORS KITS LOCKING NON-LOCKING VIEW ALL
ESCUTCHEONS / TURN & RELEASE ESCUTCHEONS PATENT YALE VIEW ALL PRIVACY TURN &
RELEASE TURN & RELEASE VIEW ALL
DOOR STOPS DOOR STOPS VIEW ALL
HARDWARE SPINDLES Bolt expanding spindle
ATELIER


LEVER HANDLES


PULL HANDLES


CABINET HANDLES


ACCESSORIES

 * * 
     
   * LEVER HANDLES ON ROSE >
   * LEVER HANDLES ON BACKPLATE >
   * LEVER HANDLES FOR WINDOW >
   * VIEW ALL >
 * * 
     
   * PULL HANDLES >
   * VIEW ALL >
 * * 
     
   * CABINET KNOB >
   * T-BAR CABINET PULL >
   * VIEW ALL >
 * * 
     
   * PRIVACY TURN & RELEASE >
   * ESCUTCHEONS >
   * SLIDING DOORS >
   * DOOR STOPS >
   * VIEW ALL >


 * Featured Products
   * Malika lever handle
   * Palline lever handle
   * Otto lever handle
 * MAGAZINE
   * Download groël's magazine


LEVER HANDLES LEVER HANDLES ON ROSE LEVER HANDLES ON BACKPLATE LEVER HANDLES FOR
WINDOW VIEW ALL
PULL HANDLES PULL HANDLES VIEW ALL
CABINET HANDLES CABINET KNOB T-BAR CABINET PULL VIEW ALL
ACCESSORIES PRIVACY TURN & RELEASE ESCUTCHEONS SLIDING DOORS DOOR STOPS VIEW ALL
CONTEMPORARY


LEVER HANDLES


PULL HANDLES


CABINET HANDLES


ACCESSORIES

 * * 
     
   * LEVER HANDLES ON ROSE >
   * LEVER HANDLES ON BACKPLATE >
   * LEVER HANDLES FOR WINDOWS >
   * SLIDING PATIO DOOR HANDLES >
   * VIEW ALL >
 * * 
     
   * PULL HANDLES >
   * VIEW ALL >
 * * 
     
   * CABINET KNOBS >
   * CABINET PULL HANDLE >
   * T-BAR CABINET PULL >
   * VIEW ALL >
 * * 
     
   * PRIVACY TURN & RELEASE >
   * ESCUTCHEONS >
   * SLIDING DOORS >
   * DOOR STOPS >
   * VIEW ALL >


 * Featured Products
   * Ibiza lever handle
   * Log.gic lever handle
   * Sokol lever handle
 * Magazine
   * Download groël's magazine


LEVER HANDLES LEVER HANDLES ON ROSE LEVER HANDLES ON BACKPLATE LEVER HANDLES FOR
WINDOWS SLIDING PATIO DOOR HANDLES VIEW ALL
PULL HANDLES PULL HANDLES VIEW ALL
CABINET HANDLES CABINET KNOBS CABINET PULL HANDLE T-BAR CABINET PULL VIEW ALL
ACCESSORIES PRIVACY TURN & RELEASE ESCUTCHEONS SLIDING DOORS DOOR STOPS VIEW ALL
RUSTIC


LEVER HANDLES


PULL HANDLES


ACCESSORIES

 * * 
     
   * LEVER HANDLES ON ROSE >
   * LEVER HANDLES ON BACKPLATE >
   * LEVER HANDLES FOR WINDOWS >
   * VIEW ALL >
 * * 
     
   * PULL HANDLES >
   * VIEW ALL >
 * * 
     
   * PRIVACY TURN & RELEASE >
   * ESCUTCHEONS >
   * SLIDING DOORS >
   * DOOR STOPS >
   * VIEW ALL >


 * Featured Products
   * María lever handle
   * Kilto lever handle
   * Dev lever handle
 * MAGAZINE
   * Download groël's magazine


LEVER HANDLES LEVER HANDLES ON ROSE LEVER HANDLES ON BACKPLATE LEVER HANDLES FOR
WINDOWS VIEW ALL
PULL HANDLES PULL HANDLES VIEW ALL
ACCESSORIES PRIVACY TURN & RELEASE ESCUTCHEONS SLIDING DOORS DOOR STOPS VIEW ALL
New
View all
LEVER HANDLES


FOR DOORS


FOR WINDOWS

View all
PULL HANDLES


FOR DOORS & FURNITURE

View all
FURNITURE ACCESSORIES


CABINET KNOBS


CABINET HANDLES

View all
DOOR KNOBS


FOR ENTRY DOORS

View all
DOOR ACCESSORIES


SLIDING DOORS


ESCUTCHEONS / TURN & RELEASE


DOOR STOPS


HARDWARE

View all
ATELIER


LEVER HANDLES


PULL HANDLES


CABINET HANDLES


ACCESSORIES

View all
CONTEMPORARY


LEVER HANDLES


PULL HANDLES


CABINET HANDLES


ACCESSORIES

View all
RUSTIC


LEVER HANDLES


PULL HANDLES


ACCESSORIES

View all
 * Business
 * Our story
 * La fabbrica
 * Finishes
 * Projects
 * Catalogue
 * Contact



Search




IBIZA DOOR HANDLE SET ON ROUND ROSE


€176,27

Regular price €235,03



Shipping between 3 and 5 days
FORMAT Round rose Round rose
FINISH Powercoat satin brass Powercoat inox Powercoat satin brass Powercoat
graphite
Round rose / Powercoat inox Round rose / Powercoat satin brass Round rose /
Powercoat graphite
Add to cart

Quantity
 * 1
 * 2
 * 3
 * 4
 * 5
 * 6
 * 7
 * 8
 * 9
 * 10
 * 11
 * 12
 * 13
 * 14
 * 15
 * 16
 * 17
 * 18
 * 19
 * 20
 * 21
 * 22
 * 23
 * 24
 * 25
 * 26
 * 27
 * 28
 * 29
 * 30
 * 31
 * 32
 * 33
 * 34
 * 35
 * 36
 * 37
 * 38
 * 39
 * 40
 * 41
 * 42
 * 43
 * 44
 * 45
 * 46
 * 47
 * 48
 * 49
 * 50 +

Quantity

Get professional discount
REF: 256r8pwls
Description

Close your eyes, feel the texture.

The door handle design Ibiza has a dynamic, ongoing and coherent style with a
"zingrinato" grip assembled on a round rose; freshness and informality for your
home. This Italian door handle design made in forged brass is conceived for
interior and exterior doors in several es. The perfect stimulation of the
island's lifestyle. 



Technical info

Format: Round rose

Width: 150mm

Deepth: 70mm

Rose width: 50mm

Rose depth: 8mm

Material: Brass

Style: Contemporary

Use: Interior-exterior doors

Requires assembly: Yes

Includes: Bag of screws + Square spindle

Product type: Lever handles

Guarantee

Guarantee Description Technical info

Close your eyes, feel the texture.

The door handle design Ibiza has a dynamic, ongoing and coherent style with a
"zingrinato" grip assembled on a round rose; freshness and informality for your
home. This Italian door handle design made in forged brass is conceived for
interior and exterior doors in several es. The perfect stimulation of the
island's lifestyle. 



Ficha técnica

Format: Round rose

Width: 150mm

Deepth: 70mm

Rose width: 50mm

Rose depth: 8mm

Material: Brass

Style: Contemporary

Use: Interior-exterior doors

Requires assembly: Yes

Includes: Bag of screws + Square spindle

Product type: Lever handles

Powercoat
Guarantee: for life.

This technique is commonly known as Physical Vapour Deposition (PVD), is
characterised by an electric vaporisation of a titanium which is condensed back
on the product as a protective thin layer.

The benefits of choosing Powercoat finishes are:
 * Ecofriendly
 * Resistant to humid and saline environments
 * Perfect for highly frequented areas
 * Antibacterial


COMPLETE YOUR COLLECTION



Ibiza pull handle

€228,93
Ibiza pull handle

€228,93
Ibiza cabinet knob

€24,01
Ibiza turn & release

€66,85
Ibiza turn & release

€66,85
Ibiza turn & release

€71,85
Ibiza cabinet knob

€21,87
Ibiza cabinet knob

€21,87
Round Contemporary yale escutcheon set

€33,47


 * YOU MAY LIKE

 * 

See All See All
 
 
Sale - 25%

5 colors
Polished brass Polished chrome Satin chrome Satin brass Satin nickel

Idea door handle set on round rose


€63,82 €85,09
 
 
Sale - 25%

5 colors
Powercoat satin brass Powercoat polished brass Satin chrome Polished chrome
Powercoat inox

Nina door handle set on round rose


€78,99 €105,32
 
 
Sale - 25%

8 colors
Matt black Polished chrome Powercoat satin brass Powercoat polished brass Satin
chrome Powercoat inox Powercoat graphite Matt white

Ángolo door handle set on round rose


€90,06 €120,07
 
 
Sale - 25%

5 colors
Satin chrome Powercoat polished brass Polished chrome Powercoat satin brass
Powercoat inox

Fey door handle set on round rose


€78,46 €104,60





SUBSCRIBE TO OUR NEWSLETTER

Get 10% discount on your first order and stay in the GROËL'S UNIVERSE

SUBSCRIBE

Take a look at our privacy policy to learn more about the processing of your
data. You can unsubscribe whenever you want.






LEGAL

 * Legal notice
 * Cookies policy
 * Privacy policy


INFO

 * Returns
 * Shipping and exchanges
 * FAQs
 * Contact


ABOUT US

 * Professionals
 * Blog
 * Projects
 * The brand


FOLLOW US

 * Instagram
 * Linkedin
 * Facebook
 * Pinterest

   Phone: (+34) 965 106 359
   Mail: contact@groel.es
 * © Groël Design 2023 - Atlas Agency
   

 * American Express
 * Apple Pay
 * Google Pay
 * Maestro
 * Mastercard
 * PayPal
 * Shop Pay
 * Union Pay
 * Visa



Previous Next


Close


CART

NO MORE PRODUCTS AVAILABLE FOR PURCHASE





Your cart is currently empty.

Pair with

Add order notes
Leave a note about your order
Items Free

Subtotal Free
Shipping, taxes, and discount codes are calculated at checkout Check Out
English

 * English








Close dialog 2

LISTEN UP!

Get 10% Off, by just entering your email so you can receive tooons of ads :)

(Just kidding - no spam, just awesome stuff)


SUBSCRIBE
Country/regionAustria (EUR €)Belgium (EUR €)Denmark (EUR €)Estonia (EUR
€)Finland (EUR €)Germany (EUR €)Ireland (EUR €)Italy (EUR €)Netherlands (EUR
€)Norway (EUR €)Poland (EUR €)Portugal (EUR €)Sweden (EUR €)United Kingdom (EUR
€)