Zum Inhalt

HTML-Templates individualisieren

Die Ausgabe von wpShopGermany – Produktseiten, Warenkorb, Bestellprozess, Mails, Widgets – wird über PHTML-Templates gesteuert. Das sind HTML-Dateien, die zusätzlich PHP-Code enthalten dürfen (nicht müssen). Mit HTML- und CSS-Kenntnissen passen Sie diese Dateien an Ihr Theme an. Kurzanleitungen zu einzelnen Templates und zu eigenen Produkttemplates sammelt die Seite Templates.

Wo die Templates liegen

Alle Originale liegen im Ordner views/ des Plugin-Verzeichnisses (wp-content/plugins/wpshopgermany-free/views/), z. B.:

  • views/warenkorb/basket.phtml – Warenkorb
  • views/warenkorb/checkout.phtml – Eingabe der Kundendaten
  • views/warenkorb/index.phtml – Warenkorb-Widget
  • views/produkttemplates/standard.phtml – Standard-Produkttemplate
  • views/mailtemplates/… – Mails
  • views/css/frontend.css – Gestaltung im Frontend

Diese Dateien werden bei jedem Update überschrieben. Bearbeiten Sie sie deshalb nicht direkt.

Updatesicher anpassen

Kopieren Sie nur die Datei, die Sie ändern möchten, mit gleichem Unterpfad in einen der folgenden Ordner und bearbeiten Sie dort die Kopie. Der Shop sucht in dieser Reihenfolge und verwendet die erste gefundene Datei:

  1. wpsg_views/ im Child-Theme (wp-content/themes/<Child-Theme>/wpsg_views/)
  2. wpsg_views/ im Theme (wp-content/themes/<Theme>/wpsg_views/)
  3. wp-content/uploads/wpsg/user_views/
  4. user_views/ im Plugin-Ordner (Ablageort früherer Versionen, geht bei Updates verloren)
  5. das Original im Plugin-Ordner views/

Beispiel: Um den Warenkorb anzupassen, kopieren Sie views/warenkorb/basket.phtml nach wp-content/uploads/wpsg/user_views/warenkorb/basket.phtml.

Genauso funktionieren CSS-Anpassungen: Kopieren Sie z. B. views/css/frontend.css nach wp-content/uploads/wpsg/user_views/css/frontend.css.

Nur einzelne Dateien kopieren

Kopieren Sie nie den kompletten Ordner views/, sondern immer nur die Dateien, die Sie ändern. Sonst übernehmen Sie bei Updates keine Verbesserungen mehr aus den Originalen.

Passen Sie Dateien des Backends an, denken Sie daran, auch benötigte Grafiken aus views/gfx/ mitzukopieren, falls Ihre Kopie darauf verweist; sonst fehlen Symbole.

Überblick und Fehlersuche

  • Unter wpShopGermany → Konfiguration → Über zeigt der Shop den Template Pfad für Anpassungen und unter Angepasste Templates alle Dateien, die derzeit statt der Originale verwendet werden.
  • Mit User Views ignorieren unter wpShopGermany → Konfiguration → Einstellungen → Erweitert (siehe Erweitert) schalten Sie alle angepassten Templates vorübergehend ab. So prüfen Sie schnell, ob ein Fehler aus einer Anpassung stammt.
  • Ist eine Kopie verunglückt, löschen Sie sie einfach oder ersetzen sie durch das Original aus views/.
  • Nach Updates vergleichen Sie Ihre Kopien am besten mit den neuen Originalen (siehe Unterschiede von Templates erkennen).

Template Pfad für Anpassungen und Liste der angepassten Templates

Beispiele für Anpassungen: Eigene Texte in die Statusmeldungen integrieren, Grußformel in Kundenmails ändern, „Pay per Sale“ – Bestätigungscode einbinden.