bei Facebook/Gambio-Treffpunkt hatte auch jemand einen selbst entworfenen Kalender für GX3 gepostet...
Der ist aber nicht so gut, weil a Tabellen in der Datenbank angelegt werden müssen, b nur Artikel eingetragen werden können (per ID) - Die Angebote sind dann auch ohne Kalender aufrufbar. c die Türen jederzeit aufgemacht werden können - man also heute schon sieht was am 24. im Kalender steht. Mit dem Kalender hier, kannst Du auch Gutscheine / Rabattkupons, eigene Texte, Bilder... eintragen. Der ist schöner zu gestallten. Nachteil ist, dass man das in die htm-Dateien eintragen muss. und das in jeder Datei die Styles extra stehen. Das habe ich erstmal in css-Dateien ausgelagert.
Ich habe den für eine Kundin eingebaut und da ist das aufgefallen. Das ganze responsive nützt wenig, wenn man alle Felder durchklicken muss.
Hi @barbara, da du auch immer so hilfsbereit bist, hab ich schnell eine Lösung für dich geschrieben. Den Tages-Block ersetzen mit Code: <table id="kalender19" cellspacing="10" cellpadding="0" align="center" border="0"> <tr> <!-- 15 2 14 13 18 6 --> <td><div class="day">15</div><a onMouseOver="BildEin('g15',15)" onMouseOut="BildAus('g15')" class="grafik" href="javascript:zeigeDatei(15)"><img id="g15" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">2</div><a onMouseOver="BildEin('g2',2)" onMouseOut="BildAus('g2')" class="grafik" href="javascript:zeigeDatei(2)"><img id="g2" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">14</div><a onMouseOver="BildEin('g14',14)" onMouseOut="BildAus('g14')" class="grafik" href="javascript:zeigeDatei(14)"><img id="g14" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">13</div><a onMouseOver="BildEin('g13',13)" onMouseOut="BildAus('g13')" class="grafik" href="javascript:zeigeDatei(13)"><img id="g13" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">18</div><a onMouseOver="BildEin('g18',18)" onMouseOut="BildAus('g18')" class="grafik" href="javascript:zeigeDatei(18)"><img id="g18" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">6</div><a onMouseOver="BildEin('g6',6)" onMouseOut="BildAus('g6')" class="grafik" href="javascript:zeigeDatei(6)"><img id="g6" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> </tr><tr> <!-- 21 8 9 24 11 22--> <td><div class="day">21</div><a onMouseOver="BildEin('g21',21)" onMouseOut="BildAus('g21')" class="grafik" href="javascript:zeigeDatei(21)"><img id="g21" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">8</div><a onMouseOver="BildEin('g8',8)" onMouseOut="BildAus('g8')" class="grafik" href="javascript:zeigeDatei(8)"><img id="g8" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">9</div><a onMouseOver="BildEin('g9',9)" onMouseOut="BildAus('g9')" class="grafik" href="javascript:zeigeDatei(9)"><img id="g9" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">24</div><a onMouseOver="BildEin('g24',24)" onMouseOut="BildAus('g24')" class="grafik" title="24" href="javascript:zeigeDatei(24)"><img id="g24" title="24" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">11</div><a onMouseOver="BildEin('g11',11)" onMouseOut="BildAus('g11')" class="grafik" href="javascript:zeigeDatei(11)"><img id="g11" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">22</div><a onMouseOver="BildEin('g22',22)" onMouseOut="BildAus('g22')" class="grafik" href="javascript:zeigeDatei(22)"><img id="g22" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> </tr><tr> <!-- 4 19 1 16 10 5 --> <td><div class="day">4</div><a onMouseOver="BildEin('g4',4)" onMouseOut="BildAus('g4')" class="grafik" href="javascript:zeigeDatei(4)"><img id="g4" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">19</div><a onMouseOver="BildEin('g19',19)" onMouseOut="BildAus('g19')" class="grafik" href="javascript:zeigeDatei(19)"><img id="g19" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">1</div><a onMouseOver="BildEin('g1',1)" onMouseOut="BildAus('g1')" class="grafik" href="javascript:zeigeDatei(1)"><img id="g1" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">16</div><a onMouseOver="BildEin('g16',16)" onMouseOut="BildAus('g16')" class="grafik" href="javascript:zeigeDatei(16)"><img id="g16" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">10</div><a onMouseOver="BildEin('g10',10)" onMouseOut="BildAus('g10')" class="grafik" href="javascript:zeigeDatei(10)"><img id="g10" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">5</div><a onMouseOver="BildEin('g5',5)" onMouseOut="BildAus('g5')" class="grafik" href="javascript:zeigeDatei(5)"><img id="g5" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> </tr><tr> <!-- 3 20 7 12 23 17 --> <td><div class="day">3</div><a onMouseOver="BildEin('g3',3)" onMouseOut="BildAus('g3')" class="grafik" href="javascript:zeigeDatei(3)"><img id="g3" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">20</div><a onMouseOver="BildEin('g20',20)" onMouseOut="BildAus('g20')" class="grafik" href="javascript:zeigeDatei(20)"><img id="g20" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">7</div><a onMouseOver="BildEin('g7',7)" onMouseOut="BildAus('g7')" class="grafik" href="javascript:zeigeDatei(7)"><img id="g7" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">12</div><a onMouseOver="BildEin('g12',12)" onMouseOut="BildAus('g12')" class="grafik" href="javascript:zeigeDatei(12)"><img id="g12" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">23</div><a onMouseOver="BildEin('g23',23)" onMouseOut="BildAus('g23')" class="grafik" href="javascript:zeigeDatei(23)"><img id="g23" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> <td><div class="day">17</div><a onMouseOver="BildEin('g17',17)" onMouseOut="BildAus('g17')" class="grafik" href="javascript:zeigeDatei(17)"><img id="g17" src="kal-grafiken/0.gif" width="100" height="100" border="0" alt=""></a></td> </tr></table> und oben in den css vor </style> Code: .day{ position:absolute; margin-top:5px; margin-left: 5px; color:fff} Ich hab nur eben wenig Zeit und kenn den Kalender auch nicht gut. Vergleiche bitte noch mal alle Tage mit den Angaben rechts, ich hab das sehr schnell geschrieben, nicht dass sich ein Tippfehler eingeschlichen hat.. Man kann das natürlich auch so schreiben, dass nur bei mobiler Ansicht nur die Zahlen eingeblendet werden. Wenn Du das benötigst, melde dich einfach. Optimal ist natürlich, den mouseover Effekt auch in der mobilen Ansicht anzuzeigen. Vielleicht hab ich Morgen etwas Zeit, dann befasse ich mich mal damit. ED
@barbara, bei den Tagesdateien am besten noch die div class "Zahl" deaktivieren über css oder entfernen ED
Im Mobile Template ist der Kalender deaktiviert. Ich arbeite aber gerade an einer Version für das MoileCandy und HoneyGrid Template.
So ganz ist es das noch nicht. Die Zahlen werden jetzt zwar schön angezeigt, aber sie bleiben auch stehen. Sie sind bei einem Hover-Effekt dann doppelt, teilweise nebeneinander. Man kann sie zwar auf Monitoren mit einer Breite von X px ausblenden, dann sind Nutzer von großen Tablets aber wieder aufgeschmissen....
Hi @barbara die untere Zahl ist fest auf das dahinter liegende Bild geschrieben, die muss natürlich entfernt werden wenn die original Demo Bilder verwendet werden. Ich dachte Ihr verwendet eigene Shop affine Bildchen. Wenn auf den Türchen die Zahl ist, muss die ja nicht dahinter nochmal erscheinen. Entweder eigene Bildchen verwenden oder mit Photoshop Aktion die Zahl auf dem Bildchen schwärzen. ED
Ja für Mobil ist es nicht geeignet, desshalb habe ich dann auch auf responsiv verzichtet. Mobile nutzer müssen mit dem Finger drauf bleiben. Schade übrigens, dass die bereits geöffneten Türchen nicht offen bleiben. Würde toll aussehen und die Suchzeit minimieren gegen Schluss (vor allem für die mobilen). edit: Uups hab die ganze zweite Seite nicht gesehn. Das war als Antwort für Barbara gedacht...
Das musste dieses Jahr schnell gehen. Nächstes Jahr fangen wir zeitiger damit an, dann wird der schöner.
Wir sind da noch etwas am Basteln Im Shop gibt es auf der Startseite ein Bid mit Link zum Kalender. Der Kalender wird auf einer eigenen Seite (nicht als Content im Shop) aufgerufen. Das hat den Nachteil, dass der Shop nicht zu sehen ist, aber das Teil passt sich dem Bildschirm an und man kann es am Smartphone oder Tablet auch groß-ziehen. Was im Shop ja leider nicht geht. Hier ist mal die Version aus dem Testshop: (Link nur für registrierte Nutzer sichtbar.)