... |
... |
@@ -259,17 +259,6 @@ |
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 |
|
- |
273 |
273 |
: 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. |
274 |
274 |
|
275 |
275 |
: Die folgenden Schaltflächen dienen der Konfiguration der Bannergrafiken: |
... |
... |
@@ -502,24 +502,11 @@ |
502 |
502 |
Vorhandene Schaltflächen unter //Bannergrafiken//. |
503 |
503 |
{{/figure}} |
504 |
504 |
|
505 |
|
- |
506 |
|
- |
507 |
507 |
; Bannergrafiken |
508 |
508 |
: 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: |
509 |
509 |
:: **Desktop** - ab 1026 px Bildschirmbreite; Muss konfiguriert werden |
510 |
510 |
:: **Tablet** - zwischen 642 px und 1025 px Bildschirmbreite |
511 |
511 |
:: **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 |
|
- |
523 |
523 |
: 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. |
524 |
524 |
|
525 |
525 |
: Die folgenden Schaltflächen dienen der Konfiguration der Bannergrafiken: |
... |
... |
@@ -764,18 +764,7 @@ |
764 |
764 |
} |
765 |
765 |
{{/code}} |
766 |
766 |
|
767 |
|
-==== (% id="cke_bm_1486S" style="display:none" %) (%%)Umschalten der Einzeige eines Gewinnspiels in den Gewonnen-Status: {{version major="1" minor="8"}}{{/version}} ==== |
768 |
768 |
|
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 |
|
- |
779 |
779 |
=== Portal-spezifisch === |
780 |
780 |
|
781 |
781 |
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: |
... |
... |
@@ -877,11 +877,6 @@ |
877 |
877 |
|
878 |
878 |
== Versionshistorie == |
879 |
879 |
|
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 |
|
- |
885 |
885 |
=== 1.7.1 === |
886 |
886 |
|
887 |
887 |
* Funktionalität zum Bereitstellen der MetaDaten von Preisen für die Visualisierung innerhalb des Formulars (PreRender-Plugin) |