Kachelansicht für Kategorien erstellen
Sie können Ihren Besuchern als Erstes die Angebotskategorien mit Bildern (Kachelansicht) präsentieren, sodass diese ausgewählt werden können und nur jene spezifischen Angebote in der gewählten Kategorie angezeigt werden.
Wir haben für Sie ein Beispiel mit einer Yoga Seite erstellt.


Dazu kopieren Sie im «Design-Manager» das «edoobox-Start-Design via «Neues Design» und geben der «Kopie» einen neuen Namen, damit klar ist, dass dies das Design mit der Kachelansicht ist (nachfolgend Design Yoga Design genannt).
Definieren Sie dieses Design als «Standard» und weisen Sie dieses Design keiner Kategorie zu.
Dieses Design wird von edoobox verwendet, wenn kein Design einer Kategorie zugewiesen ist. Siehe die Einstellungen im folgenden Bildschirmfoto:Dann erstellen Sie via Neues Design eine weitere Kopie des edoobox-Start-Designs. Dieses Design darf nicht als Standard markiert werden. Über das Anwählen der Kategorien, definieren Sie, auf welche Kategorien dieses Design angewendet wird. (nachfolgend Design Yoga-Unterkategorie genannt).
Nun können Sie beim Design «Yoga Design», die Kachelansicht im Template Angebote Übersicht definieren, indem Sie das Widget Kategorien Kacheln in die Bildschirm-Simulation hineinziehen und speichern.
Dann können Sie im Design «Yoga-Unterkategorie», welches die darzustellenden Kategorien angewählt hat, das gewünschte Widget z.B. Angebote Tabelle oder Angebote Liste in die Bildschirm-Simulation hineinziehen und speichern.
Definieren Sie nun die übrigen Templates im
Design «Yoga-Unterkategorie». Dabei müssen im Design Standard keine weiteren Templates mehr definiert werden.
Nachfolgend eine Tabelle, um die Zusammenhänge der Hierarchie und der Designs zu erläutern.
Ebene | ausgegebenes Design | Template | Darstellung |
Root-Verzeichnis (Konto Kürzel) | Als Standard gesetztes Design | Angebote Übersicht | ![]() |
Kategorien | Den Kategorien zugewiesenes Design | Angebote Übersicht | ![]() |
Angebote | Den Kategorien zugewiesenes Design | Angebot Details | ![]() |
Verwandte Anleitungen
Stichwörter für diese Anleitung
Kachel Design ¦ Designs ¦ Design Manager