Der Dezember steht vor der Tür und viele Händler wollen mit Adventskalendern für Weihnachtsstimmung im eigenen JTL-Shop sorgen.
Mit dem Hotspot Banner kann man einfache Adventskalender leicht realisieren. Man braucht nur eine passende Grafik, auf der man 24 Spots platziert. Diese Spots zeigen dann bei einem Hover beliebige Inhalte an. Wann genau diese "Türchen" angezeigt werden sollen, kann man mit Turnus Darstellungsfilter regeln.
Was dann noch fehlt, sind einige CSS Anpassungen (Spots ausblenden, damit die Grafik zur Geltung kommt) und etwas Fleißarbeit (24 Spots inkl. Filter anlegen). Das haben wir euch aber mit der folgenden kleinen Vorlage bereits abgenommen.
Demo und Vorlage
In unserem Fiddle zeigen wir euch den Adventskalender ohne Filter, die Vorlage für den produktiven Einsatz ist hier inaktiv gesetzt. In der ZIP findet ihr die Vorlage mit allen gesetzten Filtern und auch Grafiken. Wichtige Infos zur Installation und Adaption siehe Readme.md !