Dein Warenkorb ist leer

28.04.2025 Lets Drops

Lets Drop #072 - Bastelideen @ der-roemer-shop.de

Auf der Kategorieseite "Bastelideen" ersetzt der-roemer-shop.de die Standardausgabe des JTL-Shops mit Dropper. Produkte, Vorteile und FAQs werden über Flex Layout & Accordeon Drops eingefügt.

Bastelideen mit Accordeon und Custom Drop @ der-roemer-shop.de

Der Römer Shop bietet eine große Auswahl an authentischen Schreibwaren, Bastelmaterial, Lernhilfen, Kleidung und Deko rund um die Antike.

Auf der Kategorieseite "Bastelideen" ersetzt Dropper die komplette Standardausgabe des JTL-Shops. Statt der üblichen Kategoriebeschreibung und Produktlisten gibt es hier kreative Bastelideen, Infos zum pädagogischen Einsatz und einen Überblick über die Vorteile des Sortiments. Bilder, Texte und Drops sind dabei teilweise über ein Flex Layout Drop organisiert.

Zwei Accordeon Drops beantworten häufige Fragen: einmal zum Einsatz von Bastelmaterial im Unterricht, einmal zu allgemeinen Fragen rund um den Shop. Die Inhalte sind als einfacher HTML-Text umgesetzt. Farblich unterscheiden sich die beiden Accordeons voneinander (individuell gesetzte CSS-Klassen & entsprechende CSS-Regeln im Template). Über unser Icon Control können individuelle Icons als Präfix der Accordeon-Titel ausgewählt werden - hier sogar mit Animationen beim Öffnen der Reiter (ebenfalls umgesetzt durch eigene CSS-Regeln).

Ähnliche Accordeon-Elemente finden sich übrigens auch auf der Startseite des Shops, dort eingebettet über den OnPage Composer.

Außerdem kommt auf der Seite ein Custom Drop zum Einsatz, das Vorteile wie 20 Jahre Erfahrung oder nachhaltige Verpackung in einem schicken, responsiven Slider präsentiert. Vielleicht stellen wir dieses Drop später einmal gesondert vor, zum Beispiel in unserer Blog-Rubrik zu Custom Drops.