Dein Warenkorb ist leer

Integration und Anpassung

Erfahre wie du unsere Plugins anpassen kannst

PHP Query Funktionen

Unsere Plugins nutzen eine einfache Methode, um neue Inhalte in deinen Shop zu integrieren: PHPQuery. Wir bieten dir 5 Funktionen:

  1. Anhängen - append() - als letzes Kindelement des Elements anhängen
  2. Vorhängen - prepend() - als ersters Kindelement des Elements anhängen
  3. Vorstellen - before() - vor dem Element einfügen
  4. Anstellen - after() - nach dem Element einfügen
  5. Ersetzen - replaceWith() - das Element ersetzen

In Kombination mit dem richtigen CSS Selektor kannst du deinen Inhalt mit diesen Funktionen quasi an allen Orten deines Shops einfügen. Im Video erklären wir dir anhand einiger Beispiele, was die unterschiedlichen Funktionen leisten.

Zusätzlich zum Video hier noch einige Beispiele, die klar machen sollten, wie PHP Query Funktionen in unseren Plugins genutzt werden können.

Anhängen (append) und Anstellen (after)

append() und after() erklärt

Um deinen Inhalt wie im Beispiel zu platzieren, kannst du folgendes tun: Anhängen (append) auf den Selektor #box1 anwenden oder Anstellen (after) auf den Selektor #cb2 .

Vorhängen (prepend) und Vorstellen (before)

prepend() und before() erklärt

Um dieses Ergebnis zu erhalten, wende die Funktion Vorhängen (prepend) auf den Selektor #box1 oder Vorstellen (before) auf #cb1 an.

Ersetzen (replaceWith)

replaceWith() erklärt

Mit der Funktion Ersetzen (replaceWith) ersetzt du das selektierte Element mit deinem Inhalt. Hier wurde das Element mit dem Selektor #cb1 ersetzt.

CSS Selektoren herausfinden

Der schwierigste Teil zuletzt. Du weißt jetzt, wie Inhalte über Funktionen eingefügt werden. Es fehlt noch das Wo . Moderne Browser helfen dir bei der Suche nach den passenden CSS Selektoren. Im Video erfährst du alles darüber.

Hier nur noch kurz eine Übersicht, wie die in aktuellen Browsern die entprechenden Tools öffnest.

Google Chrome und Firefox

Bewege die Maus auf den Inhalt einer Webseite, klicke die rechte Maustaste und wähle "Element untersuchen".

Internet Explorer

Drücke F12, um die Entwicklertools zu öffnen. Wähle dort im Menupunkt "Suchen" die Option "Element durch Klicken auswählen".

Templates anpassen

Wenn eines unserer Plugins mit Templatedateien arbeitet, findest du entsprechende Dateien mit der Endung *.tpl im Ordner [DeinShopRoot]/includes/plugins/[DeinPlugin]/version/[DeineAktuelleVersion]/frontend/template .

Du kannst diese Dateien leicht anpassen, ohne die Originale zu verlieren: dupliziere die entsprechende Datei im Ordner und hänge ein _custom an den Dateinamen an. Aus template.tpl wird bspw. template_custom.tpl .

Unsere Plugins werden deine erstellte Datei dann priorisieren und anstelle der ausgelieferten Templatedatei laden.