Mujer

Comprar

Hombre

Comprar

Niños

Comprar
Logo de Gioseppo

ÚLTIMAS TALLAS KIDS

Vista
<script> const filterButtons = document.createElement("div"); filterButtons.style.width = "100%"; filterButtons.style.margin = "0 auto"; filterButtons.style.maxWidth = "1240px"; filterButtons.style.paddingBottom = "2rem"; const currentSelectedSize = new URLSearchParams(window.location.search).get("size"); filterButtons.innerHTML = ` <ol id="filter-buttons"> <li><a href="?size=440" class="${currentSelectedSize == 440 ? "active-fb" : ""}">26</a></li> <li><a href="?size=387" class="${currentSelectedSize == 387 ? "active-fb" : ""}">27</a></li> <li><a href="?size=443" class="${currentSelectedSize == 443 ? "active-fb" : ""}">28</a></li> <li><a href="?size=444" class="${currentSelectedSize == 444 ? "active-fb" : ""}">29</a></li> <li><a href="?size=445" class="${currentSelectedSize == 445 ? "active-fb" : ""}">30</a></li> <li><a href="?size=396" class="${currentSelectedSize == 396 ? "active-fb" : ""}">31</a></li> <li><a href="?size=388" class="${currentSelectedSize == 388 ? "active-fb" : ""}">32</a></li> <li><a href="?size=390" class="${currentSelectedSize == 390 ? "active-fb" : ""}">33</a></li> <li><a href="?size=391" class="${currentSelectedSize == 391 ? "active-fb" : ""}">34</a></li> <li><a href="?size=392" class="${currentSelectedSize == 392 ? "active-fb" : ""}">35</a></li> <li><a href="?size=393" class="${currentSelectedSize == 393 ? "active-fb" : ""}">36</a></li> <li><a href="?size=389" class="${currentSelectedSize == 389 ? "active-fb" : ""}">37</a></li> <li><a href="?size=394" class="${currentSelectedSize == 394 ? "active-fb" : ""}">38</a></li> <li><a href="?size=395" class="${currentSelectedSize == 395 ? "active-fb" : ""}">39</a></li> </ol> `; const productsGrid = document.querySelector(".products-grid"); productsGrid.prepend(filterButtons); </script> <style> #filter-buttons { display: flex; flex-flow: row wrap; justify-content: center; gap: 20px; list-style: none; padding: 0; } #filter-buttons li a { padding: 6px 20px; background: #fff; color: #000; border: 1px solid #000; border-radius: 3px; } #filter-buttons li a.active-fb { background: #000; color: #fff; } .top-categories { display: none !important; } </style>
up