| ... |
... |
@@ -259,6 +259,17 @@ |
| 259 |
259 |
:: **Desktop** - ab 1026 px Bildschirmbreite; Muss konfiguriert werden |
| 260 |
260 |
:: **Tablet** - zwischen 642 px und 1025 px Bildschirmbreite |
| 261 |
261 |
:: **Mobile** - bei 641 px oder weniger Bildschirmbreite |
|
262 |
+ |
|
263 |
+{{figure image="header.png" clear="h2"}} |
|
264 |
+Seit Version 1.8.0 erweitere Varianten der //Bannergrafiken//. |
|
265 |
+{{/figure}} |
|
266 |
+ |
|
267 |
+: Ab Version {{version major="1" minor="8"}}{{/version}} wurden die Typen der Bannergrafiken überarbeitet und um die Pfelge von Grafiken für Fall eines Gewinns erweitert. |
|
268 |
+:: **Desktop (1280px)** - ab 1280 px Bildschirmbreite {{version major="1" minor="8"}}{{/version}} |
|
269 |
+:: **Tablet (960px)** - zwischen 960 px und 1280 px Bildschirmbreite {{version major="1" minor="8"}}{{/version}} |
|
270 |
+:: **Mobile (600px)** - zwischen 600 px und 960 px Bildschirmbreite {{version major="1" minor="8"}}{{/version}} |
|
271 |
+:: **Mobile (320px)** - bei 600 px oder weniger Bildschirmbreite {{version major="1" minor="8"}}{{/version}} |
|
272 |
+ |
| 262 |
262 |
: Wenn eine Bannergrafik für eine Geräteklasse nicht explizit konfiguriert wird, wird bei der Anzeige die Grafik des nächstgrößeren Formats verwendet. Dementsprechend sollte die Grafik für //Desktop// immer konfiguriert werden, während //Tablet// und //Mobile// optional sind. Unterstützt werden alle im Browser zulässigen Bildformate. |
| 263 |
263 |
|
| 264 |
264 |
: Die folgenden Schaltflächen dienen der Konfiguration der Bannergrafiken: |
| ... |
... |
@@ -491,11 +491,24 @@ |
| 491 |
491 |
Vorhandene Schaltflächen unter //Bannergrafiken//. |
| 492 |
492 |
{{/figure}} |
| 493 |
493 |
|
|
505 |
+ |
|
506 |
+ |
| 494 |
494 |
; Bannergrafiken |
| 495 |
495 |
: Oben rechts können die auf der Gewinnspiel-Portalseite beim Auswählen dieses Gewinnspiels und auf der Microsite angezeigten Bannergrafiken für diese Gewinnspiel-Vorlage konfiguriert werden. Für unterschiedliche Geräteklassen bzw. Bildschirmauflösungen können dabei verschiedene Grafiken genutzt werden. Zur Auswahl stehen die folgenden Größen: |
| 496 |
496 |
:: **Desktop** - ab 1026 px Bildschirmbreite; Muss konfiguriert werden |
| 497 |
497 |
:: **Tablet** - zwischen 642 px und 1025 px Bildschirmbreite |
| 498 |
498 |
:: **Mobile** - bei 641 px oder weniger Bildschirmbreite |
|
512 |
+ |
|
513 |
+{{figure image="header.png" clear="h2"}} |
|
514 |
+Seit Version 1.8.0 erweitere Varianten der //Bannergrafiken//. |
|
515 |
+{{/figure}} |
|
516 |
+ |
|
517 |
+: Ab Version {{version major="1" minor="8"}}{{/version}} wurden die Typen der Bannergrafiken überarbeitet und um die Pfelge von Grafiken für Fall eines Gewinns erweitert. |
|
518 |
+:: **Desktop (1280px)** - ab 1280 px Bildschirmbreite {{version major="1" minor="8"}}{{/version}} |
|
519 |
+:: **Tablet (960px)** - zwischen 960 px und 1280 px Bildschirmbreite {{version major="1" minor="8"}}{{/version}} |
|
520 |
+:: **Mobile (600px)** - zwischen 600 px und 960 px Bildschirmbreite {{version major="1" minor="8"}}{{/version}} |
|
521 |
+:: **Mobile (320px)** - bei 600 px oder weniger Bildschirmbreite {{version major="1" minor="8"}}{{/version}} |
|
522 |
+ |
| 499 |
499 |
: Wenn eine Bannergrafik für eine Geräteklasse nicht explizit konfiguriert wird, wird bei der Anzeige die Grafik des nächstgrößeren Formats verwendet. Dementsprechend sollte die Grafik für //Desktop// immer konfiguriert werden, während //Tablet// und //Mobile// optional sind. Unterstützt werden alle im Browser zulässigen Bildformate. |
| 500 |
500 |
|
| 501 |
501 |
: Die folgenden Schaltflächen dienen der Konfiguration der Bannergrafiken: |
| ... |
... |
@@ -740,7 +740,18 @@ |
| 740 |
740 |
} |
| 741 |
741 |
{{/code}} |
| 742 |
742 |
|
|
767 |
+==== (% id="cke_bm_1486S" style="display:none" %) (%%)Umschalten der Einzeige eines Gewinnspiels in den Gewonnen-Status: {{version major="1" minor="8"}}{{/version}} ==== |
| 743 |
743 |
|
|
769 |
+Um im Falle eines Gewinns die Anzeige des Gewinnspiels abzuändern (z.B. Austausch der Banner-Grafik) ist die Funktion Contest.markAsWon() gedacht. Diese erwartet als Parameter die ID des Gewinnspiel-Projektes und das window in welchem das eigentliche Formular z.B. als IFrame ausgeliefert wird. Der Haupteinsatzort dieser Funktion ist das HTML-Template welches im Falle eines Gewinns ausgeliefert werden soll. |
|
770 |
+ |
|
771 |
+{{code language="none"}} |
|
772 |
+// Snippet für eine HTML-Abschlussseite welches die Anzeige des aktuellen Gewinnspiels in den Gewonnen-Status schaltet. |
|
773 |
+// Funktioniert für die Bereitstellung als Micro-Site und innerhalb des Portals. |
|
774 |
+if (window.parent && window.parent.Contest) { |
|
775 |
+ window.parent.Contest.markAsWon([%$PROJECT_ID%], window); |
|
776 |
+} |
|
777 |
+{{/code}} |
|
778 |
+ |
| 744 |
744 |
=== Portal-spezifisch === |
| 745 |
745 |
|
| 746 |
746 |
Innerhalb des Portals wird für die Carousel-Darstellung die Bibliothekt [[slick>>https://kenwheeler.github.io/slick/||rel="noopener noreferrer" target="_blank"]] verwendet. Dies lässt sich hierbei wie folgt ansprechen und umkonfigurieren: |
| ... |
... |
@@ -842,6 +842,11 @@ |
| 842 |
842 |
|
| 843 |
843 |
== Versionshistorie == |
| 844 |
844 |
|
|
880 |
+=== 1.8.0 === |
|
881 |
+ |
|
882 |
+* Funktionalität der Pflege Bannergrafiken um weitere responsive Stufe und spezielle Grafiken für den Fall des Gewinns erweitert |
|
883 |
+* JavaScript-Schnittstelle um die Banner-Grafik im Falle eines Gewinns umzuschalten hinzugefügt |
|
884 |
+ |
| 845 |
845 |
=== 1.7.1 === |
| 846 |
846 |
|
| 847 |
847 |
* Funktionalität zum Bereitstellen der MetaDaten von Preisen für die Visualisierung innerhalb des Formulars (PreRender-Plugin) |
