Flexible Kategorie-Boxen für deine Erlebniswelten

von muto.at

Bewertung: keine Bewertung ( Bewertung schreiben )

Downloads: <10

Zeige deine Kategorien als moderne Bild-Kacheln mit automatischen Inhalten, flexiblen Layouts und individuellen Farben. Perfekt für Startseite, Landingpages und Kategorieseiten.

Jährlich 4,16 €* /Monat 59,88 € * 49,90 €* /Jahr 16.67% Rabatt Im Vergleich zum regulären Monatspreis

Monatlich 4,99 €* /Monat Monatlich kündbar

Kompatibel mit:

6.7.0.0 - 6.7.7.1

Inklusive:

Kostenloser Probemonat

Das Abonnement beginnt mit einem kostenlosen Probemonat, in dem das Abonnement jederzeit gekündigt werden kann.

Alle Updates

Während des Abonnements sind alle veröffentlichten Updates kostenlos enthalten.

Unterstützung durch den Extension Partner

Falls du Fragen oder Probleme mit der Erweiterung hast, kannst du während des Abonnements jederzeit den Extension Partner um Hilfe bitten.

Beschreibung

Highlights

Extrem flexibel, trotzdem einfach zu bedienen: Alle Einstellungen sind übersichtlich im CMS-Element konfigurierbar – ohne technische Kenntnisse.
Live-Vorschau im Admin: Die Administration zeigt das Element bereits mit realistischem Layout, Spalten, Textpositionen, Farben, Rahmen und Effekten, sodass du sofort siehst, wie deine Kategorie-Teaser wirken.
Automatische Bildplatzhalter: Wenn eine Kategorie kein eigenes Bild hat, verwendet das Plugin hochwertige Standard-Placeholder – deine Grids bleiben trotzdem attraktiv.
Perfekte Responsivität: Unterschiedliche Spalten pro Gerät, sauberer Abstand und moderne CSS-Techniken sorgen für ein professionelles Erscheinungsbild auf allen Endgeräten.
Konversionsstark durch visuelle Navigation: Kategorien werden **emotionaler und klickstärker** präsentiert, was Nutzerführung und Conversion positiv beeinflussen kann.

Features

Automatische Kategorie-Teaser: Ohne Pflegeaufwand: Zeige immer die passenden Unterkategorien (Einstiegspunkt wählbar oder aktuelle Kategorie).
Volle Layout-Kontrolle pro Gerät: Spalten für Desktop/Tablet/Mobil plus anpassbare Abstände im echten Bootstrap-Stil.
Flexible Darstellung von Bild & Text: Mehrere Bildformate, Text oben/unten/Overlay, Ausrichtung links/zentriert/rechts, Overlay-Position top/center/bottom.
Individuelle Looks mit Farben, Hover, Border & Radius: Text- und Hintergrundfarben (inkl. Hover), transparente Werte, Border mit Hover-Farbe, vierfache Ecken-Steuerung.
Konversionsstarke Optik mit Live-Preview: Sanfter Bild-Hover-Zoom, stimmige Platzhalterbilder und sofortige Vorschau im Admin für schnelle Feintuning-Schleifen.

Über die Erweiterung

Nun präsentierst du deine Kategorien als moderne, klickstarke Kacheln in den Shopseiten und Landingpages von Shopware 6.
Statt rein textlicher Navigationslisten erhältst du optisch ansprechende Kategorie-Boxen mit Bild, Titel und Link, die sich perfekt an dein Design anpassen lassen.

Was macht das Plugin?

Visuelle Kategorie-Übersichten
Zeige Unterkategorien als ansprechende Boxen mit Bild und Titel an – ideal für Startseite, Kategorieseiten und Landingpages.
Automatische Inhalte ohne Pflegeaufwand
- Entweder wählst du eine Einstiegskategorie (z. B. „Damen", „Herren", „Sale").
- Oder du lässt die Boxen automatisch die Unterkategorien der aktuellen Kategorie anzeigen.
So bleiben deine Teaser-Bereiche immer aktuell, ohne dass du Inhalte manuell anpassen musst.
Perfekt in den Shop integriert
Die Boxen verlinken direkt auf die Kategorien deines Shops und greifen – wenn vorhanden – die Kategoriebilder automatisch auf.

Gestaltungsmöglichkeiten für Shopbetreiber

1. Layout & Spalten

Spaltenanzahl pro Gerät:
- Desktop: z. B. 3 oder 4 Spalten
- Tablet: z. B. 2 oder 3 Spalten
- Smartphone: z. B. 1 oder 2 Spalten
Abstände (Gap) zwischen den Boxen:
- Einstellbare Abstandswerte (z. B. 30 px) und Einheiten (px, rem, em)

So baust du individuelle Grids, die auf allen Geräten sauber aussehen.

2. Bildformat & Darstellung

Bildformate (Aspect Ratio):
- Vordefinierte Verhältnisse wie 1:1, 3:2, 4:3, 16:9, 2:1, 2:3, 9:16
- Ideal, um deine Kachel-Optik (z. B. quadratisch oder Panorama) an das Shop-Design anzupassen.
Bild-Hover-Zoom (optional):
- Aktivierbarer sanfter Zoom-Effekt beim Überfahren mit der Maus
- Funktioniert sowohl im Frontend als auch in der Admin-Vorschau

3. Textposition & Ausrichtung

Textposition:
- Oben: Titel über dem Bild
- Unten: Titel unter dem Bild
- Overlay: Titel als Overlay direkt auf dem Bild
Text-Ausrichtung:
- Links, zentriert oder rechts
- Bei „Text oben“ ohne Hintergrund/Border wird der Text automatisch am unteren Rand der Box ausgerichtet, sodass die Kachel optisch ausgewogen wirkt.
Overlay-Position:
- Vertikal: oben, mittig oder unten auf dem Bild
Perfekt, um je nach Motiv eine gut lesbare Position zu wählen.

4. Farben & Hintergründe

Textfarben:
- Normale Textfarbe und Textfarbe im Hover-Zustand
Hintergrundfarben (Box/Overlay):
- Hintergrundfarbe für die Kategorie-Box bzw. das Overlay
- Hover-Hintergrundfarbe für Box und Overlay
- Auch vollständig transparente Farben (z. B. #ffffff00) werden korrekt erkannt:
  - Transparent = kein sichtbarer Hintergrund
  - Nur bei wirklich sichtbaren Farben passen sich Radius und Ausrichtung an

So kannst du z. B. dezente Kacheln ohne Hintergrund oder deutlich hervorgehobene Teaser mit farbigen Flächen gestalten.

5. Rahmen (Border) & Ecken (Border-Radius)

Border-Color & Hover-Border-Color:
- Rahmenfarbe der Box
- Separate Rahmenfarbe im Hover-Zustand
- Wenn keine sichtbare Farbe gesetzt ist, wird kein Rahmen dargestellt.
Individuelle Ecken (Border-Radius):
- Vier Einzelwerte: oben links, oben rechts, unten links, unten rechts
- Einheit frei wählbar (px, %, rem, …)
- Intelligentes Verhalten:
  - Wenn ein sichtbarer Hintergrund oder Rahmen gesetzt ist, werden die Ecken des Bildes automatisch angepasst, damit Bild und Box optisch „aus einem Guss“ wirken (z. B. oben gerade, unten rund).

Was macht das Plugin?

Visuelle Kategorie-Übersichten
Zeige Unterkategorien als ansprechende Boxen mit Bild und Titel an – ideal für Startseite, Kategorieseiten und Landingpages.
Automatische Inhalte ohne Pflegeaufwand
- Entweder wählst du eine Einstiegskategorie (z. B. „Damen", „Herren", „Sale").
- Oder du lässt die Boxen automatisch die Unterkategorien der aktuellen Kategorie anzeigen.
So bleiben deine Teaser-Bereiche immer aktuell, ohne dass du Inhalte manuell anpassen musst.
Perfekt in den Shop integriert
Die Boxen verlinken direkt auf die Kategorien deines Shops und greifen – wenn vorhanden – die Kategoriebilder automatisch auf.

Gestaltungsmöglichkeiten für Shopbetreiber

1. Layout & Spalten

Spaltenanzahl pro Gerät:
- Desktop: z. B. 3 oder 4 Spalten
- Tablet: z. B. 2 oder 3 Spalten
- Smartphone: z. B. 1 oder 2 Spalten
Abstände (Gap) zwischen den Boxen:
- Einstellbare Abstandswerte (z. B. 30 px) und Einheiten (px, rem, em)

So baust du individuelle Grids, die auf allen Geräten sauber aussehen.

2. Bildformat & Darstellung

Bildformate (Aspect Ratio):
- Vordefinierte Verhältnisse wie 1:1, 3:2, 4:3, 16:9, 2:1, 2:3, 9:16
- Ideal, um deine Kachel-Optik (z. B. quadratisch oder Panorama) an das Shop-Design anzupassen.
Bild-Hover-Zoom (optional):
- Aktivierbarer sanfter Zoom-Effekt beim Überfahren mit der Maus
- Funktioniert sowohl im Frontend als auch in der Admin-Vorschau

3. Textposition & Ausrichtung

Textposition:
- Oben: Titel über dem Bild
- Unten: Titel unter dem Bild
- Overlay: Titel als Overlay direkt auf dem Bild
Text-Ausrichtung:
- Links, zentriert oder rechts
- Bei „Text oben“ ohne Hintergrund/Border wird der Text automatisch am unteren Rand der Box ausgerichtet, sodass die Kachel optisch ausgewogen wirkt.
Overlay-Position:
- Vertikal: oben, mittig oder unten auf dem Bild
Perfekt, um je nach Motiv eine gut lesbare Position zu wählen.

4. Farben & Hintergründe

Textfarben:
- Normale Textfarbe und Textfarbe im Hover-Zustand
Hintergrundfarben (Box/Overlay):
- Hintergrundfarbe für die Kategorie-Box bzw. das Overlay
- Hover-Hintergrundfarbe für Box und Overlay
- Auch vollständig transparente Farben (z. B. #ffffff00) werden korrekt erkannt:
  - Transparent = kein sichtbarer Hintergrund
  - Nur bei wirklich sichtbaren Farben passen sich Radius und Ausrichtung an

So kannst du z. B. dezente Kacheln ohne Hintergrund oder deutlich hervorgehobene Teaser mit farbigen Flächen gestalten.

5. Rahmen (Border) & Ecken (Border-Radius)

Border-Color & Hover-Border-Color:
- Rahmenfarbe der Box
- Separate Rahmenfarbe im Hover-Zustand
- Wenn keine sichtbare Farbe gesetzt ist, wird kein Rahmen dargestellt.
Individuelle Ecken (Border-Radius):
- Vier Einzelwerte: oben links, oben rechts, unten links, unten rechts
- Einheit frei wählbar (px, %, rem, …)
- Intelligentes Verhalten:
  - Wenn ein sichtbarer Hintergrund oder Rahmen gesetzt ist, werden die Ecken des Bildes automatisch angepasst, damit Bild und Box optisch „aus einem Guss“ wirken (z. B. oben gerade, unten rund).

Details

Verfügbar in: Englisch, Deutsch
Zuletzt aktualisiert: 11. Februar 2026
Veröffentlicht: 27. Februar 2026
Version: 1.0.1
Kategorie: Menü + Kategorien

Ressourcen

Bewertungen (0)

Bewertung schreiben

Wenn du diese Erweiterung heruntergeladen hast, kannst du diese im Shopware Account bewerten.

Bewertung schreiben

Keine Bewertungen gefunden.

Über den Extension Partner

muto.at

Alle Erweiterungen anzeigen

Partner Status

Shopware
Extension Partner

Details

Ø-Bewertung: 5

Durchschnittliche Bewertung von 5 von 5 Sternen
Partner seit: 2017
Erweiterungen: 11

Support

Land: Austria
Spricht: Deutsch, Englisch
Reaktionszeit: Sehr schnell