(function () {
function setupHardersSEO() {
// Nur auf der Startseite ausführen
var path = window.location.pathname.replace(/\/+$/, "");
if (path !== "") {
return;
}
// ------------------------------------------------
// 1. Vorhandene Slider-H1 in H2 umwandeln
// ------------------------------------------------
var sliderH1 = document.querySelector("h1.ins-title__headline");
if (sliderH1 && !sliderH1.dataset.hardersConverted) {
var h2 = document.createElement("h2");
Array.from(sliderH1.attributes).forEach(function (attr) {
h2.setAttribute(attr.name, attr.value);
});
h2.dataset.hardersConverted = "true";
h2.innerHTML = sliderH1.innerHTML;
sliderH1.replaceWith(h2);
}
// ------------------------------------------------
// 2. Prüfen, ob unsere H1 bereits existiert
// ------------------------------------------------
if (document.getElementById("harders-seo-section")) {
return;
}
// ------------------------------------------------
// 3. SEO-Bereich erstellen
// ------------------------------------------------
var seoSection = document.createElement("section");
seoSection.id = "harders-seo-section";
seoSection.innerHTML = `
Harders Fashion – Designer-Mode für Damen und Herren
Entdecke bei Harders ausgewählte internationale Fashion-Brands,
aktuelle Kollektionen und besondere Looks für Damen und Herren –
online und in unserem Store in Duisburg.
`;
// ------------------------------------------------
// 4. Slider gezielt suchen
// ------------------------------------------------
var slider =
document.querySelector(".ins-slider") ||
document.querySelector(".ins-slider__container") ||
document.querySelector("[class*='ins-slider']");
// WICHTIG:
// Wenn kein Slider gefunden wird, NICHTS einsetzen.
// Dadurch kann die H1 mobil nicht ans Seitenende rutschen.
if (!slider) {
return;
}
// ------------------------------------------------
// 5. Gesamten Slider-Block bestimmen
// ------------------------------------------------
var sliderSection =
slider.closest("section") ||
slider.closest("[class*='section']") ||
slider;
// H1 unmittelbar nach dem Slider einsetzen
sliderSection.insertAdjacentElement(
"afterend",
seoSection
);
}
// ------------------------------------------------
// Ecwid lädt Teile der Instant Site dynamisch.
// Deshalb mehrfach prüfen.
// ------------------------------------------------
document.addEventListener("DOMContentLoaded", function () {
setTimeout(setupHardersSEO, 500);
setTimeout(setupHardersSEO, 1500);
setTimeout(setupHardersSEO, 3000);
});
window.addEventListener("load", function () {
setTimeout(setupHardersSEO, 1000);
});
})();
