Renner Spezielle Lösungen und Anpassungen

Theme: Avada

  • Wir nutzen das Theme “Avada”
  • Renner spezifische Anpassungen wurden im Child-Theme erstellt, dieses muss aktiviert sein
  • Zu dem Theme Avada sind auch die PlugIns “Fusion Builder” und “Fusion Core” zwingend notwendig
  • Das erlaubt auch das Arbeiten mit definierten Templates (siehe dazu auch die Punkte davor in der Dokumentation)

Planungshilfe als Modal-Window

Modal-Window

  • Die Planungshilfe ist gestalterisch als Seite erfasst (in DE + EN)
  • Danach wurde aus der Seite eine Widget “Planungshilfe” erstellt, damit Änderungen an der Planungshilfe zentral gepflegt werden können (in DE + EN)
  • Dieses Widget ist als Modal-Window in den Footer 4 eingebunden, damit kann die Planungshilfe auf  jeder Seite als PopUp angezeigt werden
  • Das kann mit Hilfe eines Buttons über den “Modal Window Anchor” (Planungshilfe) geschehen

Caching

WP Rocket

  • Hauptsächlich übernimmt “WP Rocket” das Caching
  • Dabei werden Seiten gecached
  • Aber auch HTML minifizier
  • CSS minifiziert und zusammengefasst
  • und auch JS minifiziert und zusammengefasst

Gerade die letzten beiden Punkte sind für den Google-SpeedTest besonders wichitg.

Was ist zu beachten

  • werden neue Inhalte erfasst, so muss ggf. der WP Rocket cache gelöscht werden
  • bevorzugt sollte danach der Cache auch wieder “gefüllt” werden

IE Anpassungen

  • Das Caching ist für IE nicht möglich, da hiermit die Darstellung kaputt ist
  • alle Avada eigenen “Performance”-Optimierungen sind weitgehend deaktiviert
  • Ferner wurde ein PHP-Datei “disable-wp-rocket.php” in den Ordner “mu-plugins” hinzugefügt
  • und eine Anpassung in der wp_config vorgenommen (Zeilen 1-9). Diese sind wichtig, da nach jeder Cache-Leering von WP-Rocket ein Eintrag in der wp-config vorgenommen wird, der die IE-Einstellungen überschreiben würde

IE Anpassungen bei Seitenaktualisierungen

  • Werden Seiten bearbeitet und neu abgespeichert, so wird Startseite danach nicht mehr richtig dargestellt
  • hierfür muss erst der “Fusion Cache” geleert werden
  • Das macht man unter: Theme Options – Performance – Reset Fusion Caches (Button ganz unten)

Updates und Tests

Arbeiten mit den Staging-Bereich (test.renner-pumpen.de)

Neue Entwicklungen, Software-Updates (WP oder PlugIns) sollten immer erst auf dem Staging-Bereich ausgeführt und ausgiebig getestet werden, vor die Daten und Datenbank für das Live-System übernommen werden. In der Zeit eines Updates dürfen keine neuen Daten auf Live erfasst werden, das diese bei dem überspielen der Datenbank wieder verloren gehen.

Was ist zu beachten

  1. WP-Rocket PlugIn auf Live deaktivieren
  2. Datenbank von LIVE-to-TEST kopieren (über “Migrate DB Pro” unter “Werkzeuge”)
  3. WP-Rocket PlugIn auf Live wieder aktivieren
  4. Datenbank auf Test einspielen
  5. WICHTIG: in den wp_options die URL auf “test.renner-pumpen” anpassen – ggf. muss hier auch der Permalink gelöscht werden
  6. WICHTIG: Die Test-Website sollte NICHT von Google ausfindbar sein (unter: Einstellungen – Lesen)

Nun können alle Änderungen auf Test vorgenommen werden.
WICHTIG: in dieser Zeit “keine Daten” auf Live einpflegen

  1. Danach die Datenbank von “TEST-to-LIVE” ausspielen
  2. Die Datenbank auf Live kopieren (WICHTIG: alte Datenbank als Backup sichern)
  3. WICHTIG: in den wp_options die URL auf “renner-pumpen” anpassen – ggf. muss hier auch der Permalink gelöscht werden
  4. WP-Rocket PlugIn auf Live wieder aktivieren
  5. Cache löschen – und danach wieder befüllen
  6. WICHTIG: überprüfen ob die Website für Google sichtbar ist (unter: Einstellungen – Lesen)

WP Rocket

  • Hauptsächlich übernimmt “WP Rocket” das Caching
  • Dabei werden Seiten gecached
  • Aber auch HTML minifizier
  • CSS minifiziert und zusammengefasst
  • und auch JS minifiziert und zusammengefasst

Gerade die letzten beiden Punkte sind für den Google-SpeedTest besonders wichitg.

Was ist zu beachten

  • werden neue Inhalte erfasst, so muss ggf. der WP Rocket cache gelöscht werden
  • bevorzugt sollte danach der Cache auch wieder “gefüllt” werden

Google Fonts löschen

In folgenden Plugins müssen nach einem Update die Google-Font-Abfragen in den php-Skripten Manuel gelöscht werden

  • WP Floating Menu Pro
  • Download Manager

WP Floating Menu Pro

  • hier betrifft es die Datei im Plugin-Root-Verzeichnist: wp-floating-menu-pro.php
  • Suche: fonts.googleapis.com
  • Lösche alle Einträge vollständig, die diesen Eintrag haben

Download Manager

  • Hier betrifft es folgende php-Dateien:
  • Apply.php, asset-manager-picker.php, asset-manager-ui.php, asset-viewer.php, blank.php, download-page-clean.php, FacebookConnect.php, LinkedinConnect.php, media-download.php, message.php, welcome.php
  • Suche: fonts.googleapis.com
  • Lösche alle Einträge vollständig, die diesen Eintrag haben

Aufbau der Produkte

Produkte

  • Pumpen – werden als Produkt angeleg
  • Pumpen Eigenschaften – werden als Produkt Eigenschaften angelegt
  • Auch Förderhöhe und Fördermenge ist eine Produkt Eigenschaft
  • Darüber Hinaus gibt es aber auch noch die Produkt-Eigenschaft “Kombinationen”
    • hier werden die möglichen Kombinationen aus Förderhöhe und Fördermenge definiert
    • dabei ist der Aufbau der Taxonomie für den Pumpen-Finder wichtig: h:10-15_q:1-30

Pumpen-Finder (WOOF)

  • Die Filterfuntion das Pumpen-Finders läuft über das PlugIn “WOOF Product Filter” (https://products-filter.com)
  • Das PlugIn ist im Menü: WooCommerce – Einstellungen – Reiter: Product Filter
  • Die Übersetzung für die Headlines der Eigenschaften passiert direkt im PlugIn
    • sowohl die Übersetzung in EN
    • als auch die DE – Version
    • zu finden im Reiter: Advanced (ganz unten unter: WPML taxonomies labels translations)
    • Inhalt für DE: de:Produkt Bauart^Bauart
    • Inhalt für EN: en:Product Bauart^Design type
  • Ausnahme Förderhöhe und Fördermenge: Übersetzungen hierfür passieren direkt auf der Seite des “Pumpen-Finders” in dem Reiter “Scripts and Styles”

WICHTIG: werden Änderungen unter “WOOF Product Filter” vorgenommen, dann muss unbedingt die Permalinks neu abgespeichert werden

  • Menü: Einstellungen – Permalinks (aufrufen und neu sichern)

Pumpen-Finder: Reihenfolge der Dropdown Inhalte

  • Die Reihenfolge der Dropdown-Inhalte (besonders wichtig für Förderhöhe und -menge) wird über die Produkt-Eigenschaften bestimmt (Menü: Produkte – Eigenschaften)
  • Hier für die gewünsche Eigenschaft die “Begriffe konfigurieren”
  • die Reihenfolge der Begriffe kann via Drag & Dop verändert werden
  • WICHTIG: in WOOF muss ggf. das Dropdown-Feld bei der Sortierung auf “Custom” gestellt werden (nicht z.B. ID)

Pumpen-Finder: Individualisierung “Förderhöhe und -menge”

  • Die Filterfuntion das Pumpen-Finders kommt regulär sofort zum Einsatz, sprich wählt man eine Produkteigenschaft, dann wird diese direkt gefiltert
  • Förderhöhe und -menge dürfe aber erst bei der Kombination von beiden Dropdown-Feldern gefiltert werden. Das ist eine individuell Anpassung die wir hierfür programmieren mussten
  • Die Programmierung hierfür passiert direkt auf der Seite des Pumpen-Finders (unter dem Reiter “Scripts n Styles”)
  • Die Übersetzung der Dropdowns für diese beiden Felder muss auch unter “Scripts n Styles” passieren

Pumpen-Finder: Individualisierung “Unterschiedliche Einheiten”

  • Der Filter von Förderhöhe und -menge ist in “mWS, l/min” hinterlegt
  • jedoch sollten auch weitere Einheiten ausgewählt werden können
  • diese Anpassung wurde auch individuell für Renner erweitert. Dies passiert direkt auf der Seite “Pumpen-Finder” im Reiter “Scripts n Styles”.
  • Hier müssen auch die entsprechenden Übersetzungen für Förderhöhe und -menge vorgenommen werden. Individuell für jede Einheit

Wichtig für die Übersetzung

Kategorien und Eigenschaften

  • Wichtig: alle Kategorien und Eigenschaften müssen übersetzt sein
  • die Zahlen-Werte bei den Eigenschaften (Förderhöhe, Fördermende und Kombinationen) sind eigentlich in allen Sprachen identisch – müssen aber als Übersetztung vorliegen, damit sie der jeweiligen Sprache zur Verfügung steht
  • Dafür muss einheitlich das Länderkürzel an die Eigenschaft gehängt werden. z.B: 10-15-en (für englisch) oder 10-15-fr (für französich)

Anpassung Pumpen-Finder

  • Die Dropdown-Felder für Förderhöhe und -menge werden auf der Seite Pumpen-Finder im Reiter “Scripts n Styles” übersetzt. Bitte darauf achten, dass das für alle Einheiten gemacht wird (wichtig: Sortierreihenfolge beachten – siehe weiter oben)
  • Ferner muss der Sprachcode unter “Scripts n Styles” angepasst werden. Dies passiert in der ersten Zeile, z.B.: var locale =  “-en”

Anpassung Pumpen-Finder – Headline der Filter

  • Die Übersetzung der Headline der Filter können NICHT über den String-Translater vorgenommen werden, da WOOF (das Plugin für den Filter) WPML in einer anderen Form unterstützt
  • die Übersetzungen müssen hier direkt im Plugin durchgeführt werden (Menü: WooCommerce – Einstellungen – Products Filter)
  • WICHTIG: Das Plugin “Products Filter” nimmt Einfluss auf die Permalinks: Bevor die Products Filter bearbeitet werden, bitte in einem anderen Fenster/Tab die Permalinks öffnen (Menü: Einstellungen – Permalinks)
  • Nun den “Products Filter” öffnen und im Reiter “Advanced” die Übersetzung unter “WPML taxonomies labels translations” vornehmen.
  • WICHTIG: nach der Anpassung im Products Finder bitte auf den vorher geöffneten Reiter „Permalinks“ springen und die Permalinks einfach neu abspeichern

Anpassungen für Email-Anfragen

Anpassungen an PHP-Datei
  • Die Email-Anfragen werden über die PHP-Datei in folgenden Ordner gesteuert: /wp-content/themes/Avada-Child-Theme/woocommerce/emails
  • hier ist speziell folgende PHP-Datei interessant: customer-processing-order.php
  • Für eine neue Sprache muss hier ein entsprechende Passus (siehe Zeile 27-36) angepasst werden.
Anpassungen an WooCommerce
  • Weitere Übersetzungen müssen in WooCommerce vorgenommen werden (im Menü: WooCommerce – Einstellungen – Emails)
  • Hier gibt es zwei Emails, die für uns interessant sind:
    • Neue Bestellungen: Das ist die “interne Email” für den Renner-Mitarbeiter
    • Bestellung in Bearbeitung: Das ist die “externe Email” an den Kunden
  • Hier kann jeweils der Text für die Betreff-Zeile und die Email-Kopfzeile hinterlegt werden
  • für die Übersetzung den jeweiligen Button “Übersetzungen” klicken – dann wird man automatisch auf den jeweiligen String im “String-Translator” geleitet. Die entsprechende Übersetzung muss hier vorgenommen werden

Produkt-Kategorien

Kategorien Magnetkreiselpumpen (DE)

Kategorie Kategorie-ID
Magnetkreiselpumpe 324
Magnetkreiselpumpe RM 1 152
Magnetkreiselpumpe RM 1.5 163
Magnetkreiselpumpe RM 2 173
Magnetkreiselpumpe RM 2D 189
Magnetkreiselpumpe RM 2U 182
Magnetkreiselpumpe RM 3 209
Magnetkreiselpumpe RM 4 224
Magnetkreiselpumpe RM 5 242
Magnetkreiselpumpe RM-KM 271
Magnetkreiselpumpe RM-MF 3 257
Magnetkreiselpumpe RM-MF 4 259
Magnetkreiselpumpe RM-MF 4.5 263
Magnetkreiselpumpe RM-MS 250
Magnetkreiselpumpe RM-TS 2 275
Magnetkreiselpumpe RM-TS 3 278
Magnetkreiselpumpe RMB 3.1 220
Magnetkreiselpumpe RMB 2.1 193
Magnetkreiselpumpe RSPM 1.5 267
Magnetkreiselpumpe RSPM 40 269

Kategorien Tauchkreiselpumpen (DE)

Kategorie Kategorie-ID
Tauchkreiselpumpe 325
Tauchkreiselpumpe RT 1 284
Tauchkreiselpumpe RT 1.5 288
TauchkreiselpumpeRT 2 289
Tauchkreiselpumpe RT 3 296
Tauchkreiselpumpe RT 4 304
TauchkreiselpumpeRT 5 311
Tauchkreiselpumpe RT 6 317
Tauchkreiselpumpe RTM 3 299
Tauchkreiselpumpe RTM 4 307
Tauchkreiselpumpe RTZ 3 303
Tauchkreiselpumpe RTZ 4 309

Kategorien Weitere Produkte (DE)

Kategorie ID (DE) ID (EN)
Filter-Anlagen mit Aktivkohleeinheit 594 673
Filter-Geräte und -Anlagen 589 674
– Universalfilter 884 659
– Schnellwechselfilter 885 891
– Filter-Anlagen 605 892
— Universalfilter-Anlagen 593 897
– Magnetfilterpumpen 887 893
– Tauchfilterpumpen 888 894
Filterelemente 598 662
– Filterkerzen 889 895
– Filterpapier 890 896
Elektronischer Prozess-Schutz 601 661
Zubehör 602 658
Filtereinsätze 597 837

WICHTIG: Zum Import

Formatierung der CSV

  • In der Excel-Liste sind sowohl die DE- als auch die EN-Inhalte, jeweils in einer Tabelle, zu finden
  • Wichtig: die erste Spalte “Connector” muss in allen Sprachen identisch sein – sie stellt die Verbindung zwischen den Sprachen her
  • Wichtig: die erste Spalte ist auch der “eindeutige Idikator” für die Produkte (z.B. wenn wenn die Produkte “ersetzen” möchte)
  • Es müssen alle Sprachen als eigenen CSV-Datei aus Excel exportiert werden

Importieren der Produkte

  • Pumpen-FinderProdukte importieren – über “WP All Import”
  • Folgenede Schritte sind auszuführen
    • SCHRITT 1: CSV-Datei (DE – Muttersprache) hochladen
    • SCHRITT 1: Auswählen ob “Neue Artikel” oder “Bestehende Artikel”
    • SCHRITT 1:Aus dem Dropdown “WooCommerce Produkte” wählen
    • SCHRITT 2: Der nächste Schritt zeigt nur die CSV-Datei an – dieser Punkt kann übersprungen werden
    • SCHRITT 3: hier ganz unten das Import-Template wähle
    • SCHRITT 3: EN hat ein eigenes Import-Template – hier wird die Sprache EN gewählt und die Spalte “Connector” dient zur Zuweisung der DE-Version
    • SCHRITT 4+5: auch diese Schritte können übersprungen werden
    • SCHRITT 6: Daten werden importiert (braucht etwas zeit)

Information zu All Import

  • Die CSV-Dateien (die als “bestehende Dateien” angezeigt werden) – liegen in folgenden Ordner: /wp-content/uploads/wpallimport/files

Löschen von Produkten, Produkt-Kategorien und Produkt-Eigenschaften:

  • Das PlugIn “Store Toolkit” gibt eine gute übersicht über alle Produkte, -Kategorien und -Eigenschaften
  • Das PlugIn ist im Menü: WooCommerce – Store Toolkit
  • Was kann darüber gemacht werden
    • Übersicht wie viele Produkte (abhängig von der gewählten Sprache)
    • Übersicht wie viele Kategorien und Eigenschaften (abhängig von der gewählten Sprache)
    • Löschen von allen Produkten einer “Kategorie” (z.B. nur Magnetkreiselpumpen)