Snippets

In diesem Bereich erhalten Sie nützliche Code-Schnipsel (Snippets) zu Anwendungsfällen, welche Ihnen direkt vom Support zur Verfügung gestellt werden. Die Beispiele sollen Ihnen den Aufbau und die Umsetzung Ihrer Projekte erleichtern.

Der Einbau dieser Snippets erfolgt auf eigene Gefahr und sollte am besten vorab in einer Entwicklungsumgebung getestet werden. Legen Sie zuvor sicherheitshalber auch ein Backup der betroffenen Projektbestandteile an.

Mini-Shop: Skript zum Ergänzen individueller Bezahlfunktionen

Die Funktion wMiniShop::addPaymentData($data) ermöglicht es, eigene Bezahlfunktionen in die Shop-Daten zu übertragen. Diese werden für die Bedingungen im Zusammenbau der E-Mail Adresse oder auch im Bestellformular automatisch hinzugefügt.

Zum Snippet
Navigationshilfe ScrollTop-Button - Anzahl der Pixel bis zum Einblenden anpassen

Ist die Navigationshilfe "Schaltfäche anzeigen, um direkt zum Beginn der Seite zu scrollen" aktiviert, wird beim Scrollen der Seite nach unten der Button in der Regel ab 200 px angezeigt. Das kann angepasst werden.

Zum Snippet
OpenStreetMap - Klick-Event auf den Marker individuell anpassen

Über die Javascript-Funktion wOnBeforeClickOSMObject können Sie das Klick-Event auf den Marker nach Ihren Wünschen anpassen.

Zum Snippet
Mini-Shop: Skript zum direkten Hinzufügen eines Produkts in den Warenkorb per Link

Dieses Skript ermöglicht es, ein Produkt oder einen Artikel per Link direkt in den Warenkorb zu legen. Anschließend wird der Nutzer automatisch zum Warenkorb weitergeleitet.

Zum Snippet
Formular - Name der CSV-Datei dynamisch ergänzen

Dieser Artikel erklärt, wie der Name einer CSV-Datei basierend auf Formulareingaben dynamisch angepasst werden kann,

Zum Snippet
Grafiken in Relation von der Höhe mit clip-path beschneiden

Durch Verwendung von clip-path: path können Sie Grafiken in Abhängigkeit von ihrer Größe auf unterschiedliche Formen zuschneiden.

Zum Snippet
Bereichsnavigation - Navigation nur beim Hochscrollen Anzeigen

Sie können das Verhalten der Bereichsnavigation (wglKeepInsideTopOnScroll) manipulieren, sodass sie nur beim Hochscrollen sichtbar wird.

Zum Snippet
OpenStreetmap - Marker über Listeneinträge hervorheben

So können Sie Marker auf einer OpenstreetMap über Listeneintrage hervorheben.

Zum Snippet
Formulare - Absenden-Button deaktivieren, bis Eingaben korrekt

So können Sie den Absenden-Button deaktivieren, bis alle Eingabefelder richtig ausgefüllt sind.

Zum Snippet
Barrierefreiheit: Fokussperre für den Hinweislayer mit dem 'onkeyup'-Event

Mit dem JavaScript-Event 'onkeyup' können Sie den Fokus auf den Hinweislayer legen, um sicherzustellen, dass dieser nicht mittels der Tabulatortaste verlassen werden kann.

Zum Snippet
Lottie-Files: Player pausieren

Das Script beschreibt, wie Sie Lottie-Files laden und abhängig von einem Lottie-Frame pausieren können.

Zum Snippet
Cache aller verfügbaren Weblication Projekte leeren

Folgendes Script, in der DocumentRoot abgelegt, leert den Projektcache aller Weblication-Projekte (Contentverzeichnisse) der Installation

Zum Snippet
Einblendeffekt: Anpassen des Observer-Verhaltens

Über die Javascript-Variable wObserverOptions können Sie das Verhalten des Observers anpassen.

Zum Snippet
BannerSlider - Beenden der Animation

Nutzen Sie das BannerSlider-Event wOnAfterSelectListEntryBannerSlider um die Animation des Banners anzuhalten.

Zum Snippet
Listen Text-Filter Funktion

Für das Weblic® Textfilter können Sie den Ajax-Filter auch individuell anpassen, wozu dieses Snippet ein Beispiel liefert.

Zum Snippet
Tabcontainer bzw. Registerlaschen in der mobilen Darstellung beim Laden alle öffnen

Werden Registerlaschen in der mobilen Ansicht als Akkordion-Container angezeigt, ist es ggf. gewünscht, beim Laden gleich alle zu öffnen.

Zum Snippet
Formularfelder via Ajax laden

Formularfelder sollen dynamisch und abhängig von bestimmten Eingaben des Seitenbesuchers angeboten werden.

Zum Snippet
Scrollverhalten des Headers

Möchten Sie das Verhalten des Kopfbereiches beim Scrollen beeinflussen, genügt es die Styleregeln in der header.scss anzupassen.

Zum Snippet
Sortieren von Objektdaten via PHP

Der Artikel beschreibt, die Objekdaten, die via PHP verarbeitet werden sortiert werden können.

Zum Snippet
Formulare - clientseitige Validierung vor Submit ausführen

So können Sie in Formularen vor dem Submit die clientseitige Validierung der Formularfelder anstoßen.

Zum Snippet
Formulare - URL vor Submit/Absenden manipulieren

So können Sie den Wert eines Eingabefeldes oder die "action" eines Weblication-Formulares mit dem Einsatz von Standard-Formular-Buttons manipulieren.

Zum Snippet
Verhindern, dass die Lightbox onclick auf den Hintergrund geschlossen wird.

Das ist zum Beispiel dann der Fall, wenn in der Lightbox ein Anmeldeformular ausgefüllt wird etc.

Zum Snippet
Individuelle Verzeichnisse per ZIP / PHP / BASH komprimieren

PHP Script, um unabhängig vom Backup-Werkzeug beliebge Verzeichnisse unter Ausschluss frei definierbarer Pfade zu komprimieren

Zum Snippet
Akkordeon-Container Elemente in der Bearbeitung geschlossen

Um im Editor die Tabs eines Akkordeon-Containers bereits zugeklappt vorzufinden, können Sie nachfolgendes JavaScript nutzen.

Zum Snippet
Überprüfung, ob es einen oder mehrere Benutzer mit der angegebenen E-Mail-Adresse gibt

Zur Verwendung in beispielsweise der Benutzerregistrierung oder in eigenen Scripten

Zum Snippet
URL eines Links in die Zwischenablage kopieren

Ein Klick auf einen Link innerhalb einer Webseite soll nicht die entsprechende URL aufrufen, sondern diese in die Zwischenablage legen.

Zum Snippet
Schließen des Megadropdowns mouseleave deaktivieren

Megadropdowns werden in der Regel geschlossen, wenn die Maus den Dropdown-Container verlässt. Der Artikel beschreibt, wie das auf click umgestellt werden kann.

Zum Snippet
Beispiele für htaccess / Umleitungen / Weiterleitungen / Redirects

Beispiele für Umschreibregeln über .htaccess Dateien des Apache Webservers

Zum Snippet
Lightbox in mobiler Ansicht deaktivieren

Der Artikel beschreibt, wie die Lightbox abhängig von den Breakpoints über -w-add-data:"isinactivelightbox=1" deaktiviert werden kann.

Zum Snippet
Tipps und Debugmöglichkeiten zum Mehrfachuploader

Die Maske für das Hochladen (mehrerer) Dateien in ein Verzeichnis kann mit einfachen Browserwerkzeugen untersucht bzw. können auch diverse manuelle Anpassungen stattfinden. Sowohl die Formatierung wie auch die Funktion kann bei Bedarf beeinflusst werden. Nachfolgende Beispiele zeigen entsprechende Möglichkeiten auf.

Zum Snippet
Objekt-Daten mit verschachtelter XML-Struktur ersetzen

Auslesen verschachtelter Objekt-Daten (am Beispiel von wd:entry), und Zurückschreiben der Daten

Zum Snippet
Download von Binärdateien erzwingen

Sie können den Download von Binärdateien für alle download-CSS-Klassen erzwingen indem Sie in der design.js u.a. Snippet definieren.

Zum Snippet
Grauskalierung des Kartenlayers von OpenStreetmap

So verändern Sie die Darstellung des OpenStreetmap-Templates via javascript

Zum Snippet
Darstellung des Mehrfachuploader im Formular individuell beeinflussen

Das Mehrfachuploader-Feld innerhalb eines Formulares können Sie mit JavaScript und CSS selber umgestalten.

Zum Snippet
Hash-Id vor Event "hashchange" manipulieren

So können Sie die Hash-Id vor der Weiterverarbeitung durch Weblication manipulieren

Zum Snippet
Scrolling von oben erzwingen

So erzwingen Sie das Scrolling von oben, um z.B. Anker von oben anzusteuern.

Zum Snippet
Fullpage - scrolldirection-Events aktivieren

Der Artikel beschreibt, wie bei fullpage-Objekten der scrolldirection-Status aktiviert werden kann, welches von der fullpage-Bibliothek überlagert wird.

Zum Snippet
Fullpage - Scrollverhalten von Sections mit langem Content

Hier wird beschrieben, wie die Initialisierung der fullpage.js manipuliert werden sollte, um das Scrollverhalten zu langer Inhalte in den Sections zu steuern.

Zum Snippet
Eventdaten für Objekte ausgeben

Beispiel wie Eventdaten in der Listenansicht oder der Seitenansicht eines Objektes ausgegeben werden können

Zum Snippet
Kategorienfilter und wie das Verhalten manipuliert werden kann

Über den Kategorienfilter wird die URL manipuliert und über location.href abgesendet. Das kann über eine Funktion in der design.js manipuliert werden.

Zum Snippet
Einfügen von Bildern im Inhaltsprojekt verhindern

Nicht nur beim Hochladen kann man die Ablage von Bildern im Inhaltsprojekt unterbinden. Auch beim Einfügen nach Kopieren ist dies möglich.

Zum Snippet
Akkordeon Container über wWeblic::renderItemStr zusammenbauen - Beispiel kann im Objekt-Wizard für die Seitendarstellung verwendet werden.

Akkordeon Container über wWeblic::renderItemStr, wird mit Objektdaten der aktuellen Seite befüllt.

Zum Snippet
CSS - first-child bei Inhaltsbereichen

CSS-Beispiel für die Formatierung des ersten Inhaltsbereiches einer Seite, Pflegeschaltflächen ausgenommen.

Zum Snippet