Suche
Modal Popup Fenster
Anwendung
Mit diesem Widget kann ein Bild oder ein Video als Popup Fenster dargestellt werden.
Das PopUp erscheint sofort beim ersten Aufruf der entsprechenden Seite der es zugewiesen wurde (siehe “Anzeige Optionen”). Nach dem Schliessen des Fensters ( “X” oder Drücken des Button) wird das PopUp bis zum Schliessen des Browser Fenster nicht mehr angezeigt.
Einstellungen
Parameter | Beschreibung | Mögliche Inhalte |
|---|---|---|
Auswahl des Inhalt (Content type) | Auswahl des anzuzeigenden Inhalts in Form der kompletten Internet Adresse (URL) Video : Ganze Adresse (Url) des anzuzeigenden Videos. Es können keine Youtube Links verwendet werden Image : Ganze Adresse (Url) des anzuzeigenden Bildes. Vorzugsweise sollten die Bilder / Videos im Shop hochgeladen werden, da es bei Fremdseiten nicht immmer sichergestellt ist, das diese angezeigt werden (Security Policies) |
“https://staging7.shop.concertopro.ch/catalog/uploads/File/Sea - 4006.mp4”
“https://cdn.pixabay.com/photo/2021/01/15/17/01/green-5919790_960_720.jpg” |
Titel Grösse (Title size) | Gibt die Grösse des Titeltextes an. Inhalt muss CSS konform sein | Bsp . 1.5 em (= 18pt) Bsp. 20pt (-> Umrechungstabelle) Bsp . 50px |
Titel Farbe (Title color) | Gibt die Farbe des Titeltextes vor. Angabe ist entweder in hex (#ff1133) oder als Name einer Farbe (englisch) | Bsp Name: “red”, “green” (-> Farbtafel) Bsp . hex “#000000” für Schwarz |
Button Beschriftung (label) | Beschriftung welche auf dem “Schliessen” Button erscheint | “OK”, “Fertig” oder “Viel Spass beim Einkaufen” |
Button Beschriftungsfarbe label color | Gibt die Farbe des Button Beschriftung vor. Angabe ist entweder in hex (#ff1133) oder als Name einer Farbe (englisch) | Bsp Name: “red”, “green” (-> Farbtafel) Bsp . hex “#000000” für Schwarz |
Button Art der Darstellung (class) | Vorgabe des Erscheinungstyps des Button gemäss Bootstrap | Siehe Bootstrap Dokumentation Bei Eingabe von “none” wird der Button nicht angezeigt |
Titel | Name des Widgets. Erscheint als Fenster Text und in der Widgetübersicht |
|
Zusätzliche Beschreibung | Beschreibung des Inhaltes des Widget. Erscheint nur in der Widgetübersicht |
|
Anzeige Optionen |
|
|
Widget nur für bestimmte Controller-Action anzeigen | Siehe https://proseller.atlassian.net/wiki/spaces/PWS/pages/1959165958/Integration+eines+individuellen+Widgets#Eingabe-von-Title-und-Restrict-Controller-Action |
|
Widget nur bei bestimmten View-Scripts anzeigen | Siehe https://proseller.atlassian.net/wiki/spaces/PWS/pages/1959165958/Integration+eines+individuellen+Widgets#Eingabe-von-Title-und-Restrict-Controller-Action |
|
Nur sichtbar für Gäste oder Kundengruppe | Siehe https://proseller.atlassian.net/wiki/spaces/PWS/pages/1959165958/Integration+eines+individuellen+Widgets#Eingabe-von-Title-und-Restrict-Controller-Action |
|
Platzierung
Das Widget sollte nach Möglichkeit in der Sektion “before content” platziert werden.
Mehrere PopUps sind möglich, diese sollten aber unterschiedliche Anzeige Optionen haben, da sie sich ansonsten überlappen.
Bsp: Modal 1 für Kundegruppe A, Modal2 für bestimmte Produkte Seiten etc.