Shopware 6 Produktbeschreibung Mobil sofort sichtbar
49,90 €
Versandkostenfrei
Produktinformationen "Shopware 6 Produktbeschreibung Mobil sofort sichtbar"
Modul: Produktbeschreibung mobil inline + Review-Trigger (Shopware 6)
Dieses Frontend-Modul optimiert die Produktdetailseite (PDP) für mobile Endgeräte, indem die Produktbeschreibung direkt sichtbar unterhalb des Hauptbereichs ausgegeben wird – statt innerhalb einer Tab-Struktur.
Gleichzeitig wird die Tab-Navigation auf Mobilgeräten ausgeblendet und ein klar positionierter Bewertungs-Button unterhalb der Beschreibung ergänzt. Der ursprüngliche Tab-Inhalt wird technisch verborgen, sodass kein doppelter Inhalt entsteht.
Umsetzung: Vanilla JavaScript + minimaler CSS-Block, keine Plugin-Abhängigkeit, kein Backend-Eingriff.
Funktionale Wirkung
- Sofort sichtbare Beschreibung (mobil): Reduziert zusätzliche Klicks und Scroll-Wege.
- Aufgeräumte PDP: Tab-Navigation wird auf kleinen Screens ausgeblendet.
- Gezielter Review-Zugriff: Bewertungs-Button führt direkt zum Review-Bereich.
- Kein Duplicate Content: Ursprünglicher Tab-Inhalt wird clientseitig deaktiviert.
- Update-freundlich: Selektoren klar dokumentiert und leicht anpassbar.
Technische Arbeitsweise
- Erkennung definierter Viewport-Bereiche (Standard:
max-width: 575.98px). - Auslesen des bestehenden Beschreibungspanels im Tab-Bereich.
- Inline-Ausgabe unterhalb des Hauptbereichs der Produktseite.
- Ausblendung des ursprünglichen Tab-Inhalts (kein doppeltes Rendering).
- Generierung eines Bewertungs-Buttons, der das Review-Tab aktiviert.
Die Verarbeitung erfolgt ausschließlich im DOM. Serverstruktur, URLs und strukturierte Daten bleiben unverändert.
Kompatibilität
- Shopware 6 Storefront (Standard-Theme und gängige Derivate)
- Kompatibel mit typischen Tab-Strukturen (
.product-detail-tabs,.nav-tabs,.product-detail-tab-navigation) - Bei stark angepassten Themes ggf. minimale Selektor-Anpassung erforderlich
Das Modul ist speziell für Shopware 6 vorbereitet, kann jedoch auf Anfrage für andere Shop- oder CMS-Systeme mit vergleichbarer Tab-Architektur programmiert werden.
Installation
- Integration in Erlebniswelt (HTML/JS-Block) oder Theme-JS.
- Cache leeren / Theme kompilieren.
- Mobile Darstellung prüfen.
Keine Core-Dateien werden verändert.
Konfigurationsoptionen
- Viewport-Bereich: Breakpoint frei definierbar.
- Positionierung: Unter Tabs (Standard) oder oberhalb des Warenkorb-Bereichs möglich.
- Button-Text: Automatische Übernahme aus Tab-Label oder manuell überschreibbar.
- Re-Initialisierung: Optional via MutationObserver bei dynamischem Nachladen.
Grenzen
- Reine Client-seitige Anpassung (keine Backend-Strukturänderung).
- Bei stark individualisierten Themes sind Selektor-Anpassungen notwendig.
- Kein Eingriff in strukturierte Daten oder SEO-Markup.
Lieferumfang
- JavaScript-Modul (Vanilla JS)
- Minimaler CSS-Block für mobile Darstellung
- Installations- und Anpassungshinweise
Lizenz & Support
- Lizenz: Einzellizenz pro Shop-Domain
- Support: E-Mail-Unterstützung für Integration und leichte Anpassungen (paketabhängig)
Preis
- Basic (nur Code): 39 €
- Standard (Code + Anleitung + 30 Tage Support): 59 €
- Agency-Lizenz (unbegrenzt für Kundenprojekte, ohne Support): 199 €
Praxisbeispiel
Beispielhafte Implementierung in einer Shopware-Produktseite mit erklärungsbedürftigen Technikprodukten:
-
Live-Demo:
Produktseite öffnen
Mobil: Beschreibung direkt sichtbar, Tabs ausgeblendet, Review-Button unterhalb der Beschreibung.
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