Design
Das Ändern einer Farbe sollte keinen FTP-Client erfordern.
Ein bisschen mehr Rand, ein unauffälliger Button, ein Tracking-Skript zum Einfügen. Es sind nur zwei Codezeilen, aber zum Schreiben braucht man Serverzugriff, muss den Speicherort der Datei kennen und hoffen, dass nichts kaputt geht. Mit dem RKR Theme CSS/JS Editor erledigen Sie das alles im Backend – inklusive Backup vor jedem Speichern.
1 Klick
Auch custom.css oder custom.js . Falls Ihr Theme diese nicht enthält, bietet der Editor an, sie zu erstellen, und PrestaShop lädt sie automatisch.
20 Exemplare
Speichern ist standardmäßig per Datei und über anpassbare Einstellungen möglich. Jeder Speichervorgang erstellt eine Kopie des vorherigen Zustands; um zu diesem zurückzukehren, wählen Sie ihn in einem Dropdown-Menü aus.
0 PHP-Dateien
Bearbeiten Sie ausschließlich CSS, JS, SCSS und LESS innerhalb des Theme-Ordners. Keine Änderungen am Kern, an Modulen oder an der Konfiguration.
Ein echter Editor, kein Textfeld
Syntaxhervorhebung, Zeilennummern und Speichern mit Strg+S . Links finden Sie alle bearbeitbaren Dateien des Themes mit ihren Größenangaben und einem Filter, um die gewünschte Datei zu finden; custom Dateien werden immer oben angezeigt. Wenn Sie den Tab mit Änderungen schließen, ohne zu speichern, erhalten Sie eine Benachrichtigung.
Wenn Ihr Backoffice keinen Internetzugang hat, ist die Hervorhebungsfunktion deaktiviert und der Editor funktioniert weiterhin als reiner Text.
Durchsuchen Sie das gesamte Thema
Wo ist ` .product-miniature definiert? Geben Sie es ein, und Sie sehen alle Treffer mit Datei- und Zeilennummer. Drücken Sie die 1, und der Editor öffnet die Datei direkt. Er unterstützt Groß-/Kleinschreibung, reguläre Ausdrücke und Filterung nach CSS oder JS.
Innerhalb der geöffneten Datei steht Ihnen auch die Option „Suchen und Ersetzen“ zur Verfügung. Der Austausch erfolgt im Editor und wird erst nach dem Speichern auf der Festplatte gespeichert; daher kann er ignoriert werden.
Wenn etwas schiefgeht, bricht alles auseinander.
Jeder Speichervorgang erstellt eine Kopie des Dateizustands. Sie wählen eine Datei aus dem Dropdown-Menü aus, laden sie in den Editor, überprüfen sie und speichern sie. Änderungen können jederzeit verworfen werden , wodurch der ursprüngliche Zustand auf der Festplatte wiederhergestellt wird.
Und falls jemand anderes – oder Ihr Entwickler per FTP – die Datei seit Ihrem Öffnen geändert hat, speichert der Editor sie nicht und fordert Sie zum erneuten Laden auf. So wird verhindert, dass versehentlich die Arbeit anderer überschrieben wird.
Die Veränderung ist sofort sichtbar.
Mit der Option „Cache beim Speichern leeren“ löscht das Modul den kombinierten CSS- und JS-Cache von Theme und Templates. Ihre Änderungen werden im Shop auch dann angezeigt, wenn die PrestaShop-Dateioptimierung aktiviert ist. Genau deshalb werden manuelle Änderungen nicht angezeigt, und der Grund dafür ist unbekannt.
Die Sorge: Sicherheit
Ein Backoffice-Dateieditor muss streng sein, und dieser hier ist es:
- Es funktioniert nur innerhalb von
/themes/ Pfade mit .. , symbolischen Links oder externen Dateien werden vom Server abgelehnt. - Geschlossene Liste der Erweiterungen: CSS, JS, SCSS und LESS. Niemals PHP.
- Beschränkt auf das Standard-SuperAdmin-Profil und unterliegt außerdem den Tab-Berechtigungen.
- Jeder Speichervorgang wird protokolliert: Datum, Mitarbeiter, IP-Adresse, Datei und Inhaltsfingerabdruck.
- Die Bearbeitungsfunktion für
.tpl -Vorlagen ist vorhanden, aber standardmäßig deaktiviert und wird nur von einem SuperAdmin verwendet. Vor jedem Speichern ist eine Sicherungskopie obligatorisch.
Kompatibilität
PrestaShop 8.0 bis 9.x. Getestet mit PrestaShop 8.2 (Classic) und 9.2 (Hummingbird) sowie PHP 8.1 und 8.3. Funktioniert mit allen Themes, inklusive Child-Themes. Keine Überschreibungen oder Kernel-Modifikationen.
