Fundgrube: Sonnensegel & Beschattung mit kleinen Schönheitsfehlern

// Select all .sf-footer-column elements let footerColumns = document.querySelectorAll(".sf-footer-column"); // Loop through each .sf-footer-column element for (let footerColumn of footerColumns) { let header = footerColumn.querySelector(".sf-footer-column__header"); let content = footerColumn.querySelector(".sf-footer-column__content"); // Add event listener to each .sf-footer-column__header element header.addEventListener("click", function () { footerColumn.classList.toggle("sf-footer-column__content--open"); for (let otherFooterColumn of footerColumns) { if (otherFooterColumn !== footerColumn) { otherFooterColumn.classList.remove("sf-footer-column__content--open"); } } }); }

let styleTag; function applyCarouselStyles() { if (window.matchMedia('(min-width: 1024px)').matches) { if (!styleTag) { styleTag = document.createElement('style'); styleTag.id = 'carousel-style'; styleTag.innerHTML = ` #kjv-image-carousel .owl-stage-outer { height: 500px !important; overflow: hidden; } #kjv-image-carousel .owl-item { height: 100%; } #kjv-image-carousel .prop-1-1 { height: 100%; } #kjv-image-carousel img, #kjv-image-carousel iframe { height: 65%; width: 100%; background-color: #000; object-fit: cover !important; object-position: bottom !important; } `; document.head.appendChild(styleTag); } } else { // Remove the style tag if present and not on laptop screen if (styleTag && styleTag.parentNode) { styleTag.parentNode.removeChild(styleTag); styleTag = null; } } } // Run on page load //applyCarouselStyles(); // Re-run on resize //window.addEventListener('resize', applyCarouselStyles); document.addEventListener('DOMContentLoaded', () => { // Only run on matching URL if (!window.location.href.includes('pergola-markise-b128_952_5122')) return; // Find the picture with exact data-iesrc const picture = document.querySelector( 'picture[data-iesrc="https://cdn02.plentymarkets.com/o751x2sytjn6/item/images/952/full/B128-Pergola-Markise.jpg.avif"]' ); if (!picture) return; // Find the wrapper for positioning (assume parent .prop-1-1 exists) const wrapper = picture.closest('.prop-1-1') || picture.parentElement; // Make sure the wrapper is positioned wrapper.style.position = 'relative'; // Create overlay const overlay = document.createElement('div'); overlay.textContent = 'Bild zeigt Dekorationsartikel und kostenpflichtiges Zubehör'; overlay.style.cssText = ` position: absolute; top: 0; left: 0px; width: 100%; background: rgba(0, 0, 0, 0.6); color: white; font-size: 24px; text-align: center; padding: 10px; z-index: 10; `; // Append overlay //wrapper.appendChild(overlay); });

Fundgrube

KATEGORIEN

KONTAKT

HÄUFIG GESTELLTE FRAGEN INFORMATIONEN

RECHTLICHES

FOLGEN SIE UNS

ZAHLUNGSARTEN