Owl-Slider mit „Kachel“-Ansicht + SEO-Markup
59,90 €
Versandkostenfrei
Produktinformationen "Owl-Slider mit „Kachel“-Ansicht + SEO-Markup"
Produkt: Kategorie-Slider mit „Alle“-Ansicht + strukturierter ItemList-Ausgabe
Dieses Modul kombiniert einen modernen Kategorie-Slider mit einer optional umschaltbaren Vollübersicht („Alle“-Ansicht). Nutzer können zwischen kompakter Carousel-Darstellung und vollständigem Grid wechseln – besonders sinnvoll für mobile Endgeräte und umfangreiche Kategorien.
Zusätzlich wird ein strukturierter ItemList-Block (JSON-LD) ausgegeben, um die Kategoriestruktur maschinenlesbar abzubilden. Die Umsetzung bleibt bewusst schlank: Vanilla JavaScript + jQuery + Owl Carousel, konfliktarm integrierbar und systemneutral einsetzbar.
Funktion im Überblick
- Slider + Grid-Umschaltung: Wechsel zwischen Carousel und vollständiger Kachelansicht.
- Mobile-first: Touch-optimierte Navigation mit klarer Button-Struktur.
- Strukturierte Daten: Ausgabe einer
@type: ItemList-Struktur für klare Hierarchie. - Modularer Aufbau: Kategorien als wiederholbare Elemente.
- Scoped Integration: Keine globale Manipulation bestehender Komponenten.
Technische Architektur
- Rendering eines Owl Carousel mit definierten Kategorie-Elementen.
- Parallele Grid-Struktur mit identischen Links.
- Toggle-Logik für Ansichtswahl (Slider ↔ Grid).
- Viewport-Reaktion über definierte Breakpoints:
0–599px: 2 Items600–999px: 3 Items≥1000px: 5 Items
- Generierung von JSON-LD (
ItemList) mit fortlaufenden Positionsangaben.
Kompatibilität
- Shopware 6 Storefront
- Andere Shop- oder CMS-Systeme mit HTML/JS-Einbindung
- Statische Seiten oder Headless-Setups
- Owl Carousel 2.3.x + jQuery 3.x (lokal oder CDN)
Die Integration erfolgt über einen HTML-Block oder Template-Bereich. Keine Core-Änderungen erforderlich.
Installation (Kurzüberblick)
- HTML-Struktur (Wrapper + Carousel + Grid) einfügen.
- jQuery + Owl Carousel einbinden (CDN oder lokal gebündelt).
- Init-Script ausführen.
- JSON-LD an Shop-Domain und Kategorien anpassen.
Konfigurationsmöglichkeiten
- Kategorien frei definierbar (Link, Titel, aria-label)
- Breakpoints individuell anpassbar
- Toggle-Standardansicht wählbar (Slider oder Grid)
- Selektorbasierte Begrenzung auf bestimmte Seiten
- JSON-LD individuell erweiterbar
Performance & Stabilität
- Leichtgewichtige Initialisierung
- Keine zusätzlichen Framework-Abhängigkeiten
- Scoped Selektoren zur Konfliktvermeidung
- Optionaler No-JS-Fallback mit Grid-Darstellung
Die sichtbaren Kategorie-Links bleiben identisch. Das JSON-LD ergänzt lediglich eine strukturierte Einordnung.
Lieferumfang
- Komplettes Modul (HTML + JS-Init + JSON-LD)
- Einbau- und Konfigurationshinweise
- Beispiel-Setup
Preis
- Basic (Code ohne Support): 39 €
- Standard (Code + Anleitung + 30 Tage E-Mail-Support): 59 €
- Agency-Lizenz (unbegrenzt für Kundenprojekte, ohne Support): 199 €
FAQ
Kann ich die Kategorien dynamisch generieren?
Ja. Die Kategorie-Elemente können serverseitig (z. B. via Template/Twig) oder per API erzeugt werden. Das Modul bleibt dabei unverändert.
Beeinflusst das Modul SEO?
Die sichtbaren Links bleiben gleich.
Das ergänzende ItemList-JSON-LD unterstützt lediglich die maschinenlesbare Struktur.
Ist das Modul pluginfrei?
Ja. Es wird kein Shop-Plugin benötigt. Die Integration erfolgt rein codebasiert.
Gibt es Konflikte mit anderen Slidern?
Möglich bei mehrfach geladenem jQuery oder doppelter Owl-Initialisierung. Empfehlung: eindeutige Wrapper-Klasse und einmalige Script-Einbindung.
Anmelden
Informationen nach Produktsicherheitsverordnung (GPSR)
Kontakt für Produktsicherheitsfragen / Hersteller
Borban Systems – Inh. Boris BanaszakAn der Lehmkuhl 7
47495 Rheinberg
Deutschland
E-Mail: kontakt@borban.de
Tel.: 02843 9595-305