Maala-Shop

UNSERE KOLLEKTION

document.getElementById("whichcollection").innerHTML = document.title.replace('| Maala Fashion', '') if (document.getElementById("whichcollection").innerHTML.includes('Fashion Made Better')){ document.getElementById("whichcollection").innerHTML = "New In"; }
(function () { const css = ` :root { --color-background: #ffffff; --color-paper: #EDDFD1; --color-focus: #ffffff33; --color-primary: #C67168; --color-text: #000000; --border-radius: 16px; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; } .popup-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.45); display: flex; align-items: center; justify-content: center; z-index: 99999; opacity: 0; visibility: hidden; transition: opacity 0.35s ease, visibility 0.35s ease; padding: 20px; box-sizing: border-box; } .popup-overlay.show { opacity: 1; visibility: visible; } .popup-box { width: 100%; max-width: 680px; background: #efefef; color: #222; overflow: hidden; position: relative; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22); transform: translateY(40px) scale(0.96); opacity: 0; transition: transform 0.45s ease, opacity 0.45s ease; } .popup-overlay.show .popup-box { transform: translateY(0) scale(1); opacity: 1; } .popup-close { position: absolute; top: 14px; right: 14px; width: 38px; height: 38px; border: 0; border-radius: 50%; background: rgba(0, 0, 0, 0.08); color: #222; font-size: 20px; cursor: pointer; } .popup-top { text-align: center; padding: 36px 28px 26px; } .popup-logo { display: block; margin: 0 auto 20px; max-width: 120px; width: 100%; height: auto; } .popup-title { margin: 0; font-size: 36px; line-height: 1.2; font-weight: 400; color: #1f1b20; text-transform: uppercase; } .popup-title-line { display: block; } .popup-code-label { margin: 18px 0 14px; font-size: 28px; font-weight: 700; color: #57565b; text-transform: uppercase; } .popup-code { display: inline-flex; align-items: center; justify-content: center; background: var(--color-primary); color: #fff; border-radius: 12px; padding: 16px 26px; font-size: 30px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; } .popup-bottom-image-wrap { width: 100%; line-height: 0; } .popup-bottom-image { display: block; width: 100%; height: auto; } @media (max-width: 640px) { .popup-title { font-size: 26px; } .popup-code-label { font-size: 22px; } .popup-code { font-size: 22px; padding: 14px 18px; } } `; const style = document.createElement("style"); style.type = "text/css"; style.appendChild(document.createTextNode(css)); document.head.appendChild(style); })(); document.addEventListener("DOMContentLoaded", function () { const popup = document.getElementById("easterPopup"); const closePopup = document.getElementById("closePopup"); setTimeout(function () { popup.classList.add("show"); }, 7000); function hidePopup() { popup.classList.remove("show"); } closePopup.addEventListener("click", hidePopup); popup.addEventListener("click", function (e) { if (e.target === popup) { hidePopup(); } }); });

Plüschjacken

setTimeout(function(){ let all_categories = document.getElementById("categorydescid").textContent if (!(all_categories === "")){ let array = JSON.parse(all_categories )[0] for (variable in array ) { let newDiv = document.createElement("a"); newDiv.textContent = variable; newDiv.href=array[variable] newDiv.style = "padding: 7px 12px;border-radius: 5px;border: 1px solid #666;margin: 10px;display: inline-block;" document.getElementById("subcategoriesdiv").appendChild(newDiv ); } } }, 1000)
window.onload = function(e){ let elements = document.getElementsByClassName("cmp-product-thumb") $(".category-item-placeholder").css("min-height", elements[0].offsetHeight) }