Experten-Einstellungen

SCSS (Sass) ist eine erweiterte Version von CSS, die eine einfachere und effizientere Art des Stylesheet-Schreibens ermöglicht. Im Gegensatz zu reinem CSS bietet SCSS die Verwendung von Variablen, Funktionen, Schleifen und verschachtelten Selektoren. Bei der Verwendung von SCSS ist am Ende immer eine Kompilierung erforderlich, um den SCSS-Code in standardmäßiges CSS umzuwandeln.

Im Bereich SCSS gibt es die Möglichkeit, eine kritische SCSS-Datei zu bearbeiten. Diese Datei wird vor dem eigentlichen HTML-Dokument geladen und ist sofort verfügbar. Anpassungen in dieser Datei sind immer dann erforderlich, wenn es sich um Inhalte handelt, die unmittelbar nach dem Laden des Shops sichtbar werden. Dies ist besonders wichtig, um das CSS für optimale Google Page-Speed- und LCS-Werte sofort verfügbar zu machen.

Die zweite Datei ist die reguläre "custom"-Datei. Diese wird asynchron zum Shop geladen. Änderungen in dieser Datei sind erforderlich, wenn Anpassungen an Inhalten vorgenommen werden, die für Google weniger relevant sind, wie beispielsweise der Footer, unsichtbare Bereiche, der Checkout, der Warenkorb, das Benutzerkonto usw. In dieser Datei können spezifische Anpassungen vorgenommen werden, um das Erscheinungsbild und Verhalten dieser weniger kritischen Bereiche zu modifizieren.

Es besteht die Möglichkeit, eigene SCSS-Dateien per FTP anzulegen und diese dann in die bereits vorhandenen Dateien einzubinden. Dabei sollten die Dateien, die mit einem Unterstrich im Namen beginnen, verwendet werden, da sie im Backend-System nicht sichtbar sind. Dies ist aus Entwicklersicht sinnvoll, um Fehler zu vermeiden, wenn der Shop-Betreiber manuelle Änderungen aus dem Backend durchführt. Durch die Verwendung dieser Konvention bleiben diese Dateien im Hintergrund und ermöglichen eine bessere Organisation und Strukturierung des Stylesheet-Codes.

Bitte beachten Sie: Nach jeder Änderung der SCSS-Datei ist es zwingend erforderlich, die Dateien erneut zu kompilieren. Dies kann mithilfe des mitgelieferten Kompilers im SALEPIX-Template-System erfolgen. Das System überprüft vor der Kompilierung die Syntax der SCSS-Datei und führt keine Kompilierung durch, wenn Fehler gefunden werden. Dies dient der Vermeidung einer fehlerhaften Kompilierung, bei der der Shop ohne CSS dargestellt würde und somit nicht verwendbar wäre. Es ist wichtig, die korrekte Syntax sicherzustellen, um eine reibungslose Kompilierung und eine fehlerfreie Darstellung des Shops zu gewährleisten.

Nach jedem Update des Systems und nach jeder Änderung wird automatisch eine Kompilierung des SCSS durchgeführt. Dies ist wichtig, um problemlos automatisierte Updates durchführen zu können. Gleichzeitig wird ein sogenannter Counter-Modifikator verwendet, um sicherzustellen, dass Kunden ihren Browser-Cache nicht manuell aktualisieren müssen. Der Counter-Modifikator bewirkt, dass der Browser-Cache automatisch neu gebildet wird, so dass die Kunden immer die aktuellste Version der Website sehen können, ohne manuelle Eingriffe vornehmen zu müssen. Dies ermöglicht eine reibungslose Aktualisierung des Designs und der Inhalte für die Kunden.

BEACHTEN SIE: Anpassungen im SCSS fallen unter die Experten-Einstellungen und können nicht im Rahmen des Supports unseres Experten-Teams beantwortet werden. Wenn Sie Unterstützung in Bezug auf SCSS-Anpassungen benötigen, wenden Sie sich bitte an unser Support-Team, indem Sie ein Ticket unter support.salepix.de eröffnen. Unsere Experten werden Ihnen gerne weiterhelfen.

In diesem Bereich haben Sie die Möglichkeit, benutzerdefinierten JavaScript-Code zu integrieren. Beachten Sie jedoch, dass das Einbinden kompletter Skripte hier nicht möglich ist.

Es ist wichtig zu verstehen, dass dieser Code updatesicher in das System eingebunden wird. Bei jeder Änderung wird er automatisch durch einen Counter-Modifikator eingebunden. Dadurch müssen Besucher des Online-Shops ihren Browser-Cache nicht löschen, damit der aktueller JavaScript-Code ausgeführt wird. Dies gewährleistet eine reibungslose Aktualisierung des JavaScript-Codes für die Shop-Besucher.

Vordefiniert sind zwei Ausführungsmethoden:

$( document ).ready(function() { ... });

Wir dann ausgeführt, wenn das Dokument geladen wurde. 

$(document).on("evo:contentLoaded", function() { ... });

Wird dann ausgeführt, wenn z.B. eine Variation geladen wird (meistens auf der Detailseite).

Bei jedem Template-Update wird automatisch ein Backup des alten Templates erstellt. Auf dem Bildschirmfoto sehen Sie eine Übersicht der erstellten Backups mit Versionsnummer und Datum, an dem das Backup erstellt wurde. Sie haben die Möglichkeit, das Backup herunterzuladen. Zusätzlich können Sie das Backup hochladen oder mit nur wenigen Mausklicks die vorherige Version des Templates wiederherstellen. Das System wurde bewusst so konzipiert, dass keine manuellen Eingriffe erforderlich sind.

Beachten Sie jedoch, dass beim Aktualisieren des Templates oder bei der Wiederherstellung aus dem Backup das Child-System nicht berücksichtigt wird. Daher können Sie sicher sein, dass keine Änderungen am Child-System vorgenommen werden.

Hier können Sie sehen, welche Änderungen in den Child-Dateien vorgenommen wurden, falls solche existieren. Zusätzlich können diese Änderungen in der Datenbank gespeichert und später eingesehen werden.

1. In diesem Bereich können Sie sich die aktuellen Child-Dateien anzeigen lassen und sie zur späteren Analyse in der Datenbank abspeichern.

2. Hier haben Sie die Möglichkeit, die Child-Datei mit der Update-Version zu vergleichen. Dadurch können Sie die Unterschiede zwischen den beiden Versionen identifizieren und analysieren.

3. Hier können Sie sich die in der Datenbank gespeicherten Änderungen an den Child-Dateien anschauen und detailliert analysieren. Dadurch erhalten Sie einen Überblick über die durchgeführten Anpassungen und können eventuelle Probleme oder Konflikte erkennen.

Elemente sind benutzerdefinierte Blöcke, die überall auf der Website ohne starke Bindung wie bei Inhalten erstellt und verwendet werden können. Im Gegensatz zu Inhalt-Blöcken werden Elemente nur mit reinem Code erstellt, ohne Verwendung eines Content Builders.

Um Elemente auf der Website zu verwenden, müssen sie direkt in den Website-Code eingefügt oder über den Designer-plus als Shortcode eingefügt werden.

Zur Erstellung oder Bearbeitung von Elementen empfehlen wir Ihnen, sich an Ihren Entwickler zu wenden.

Auf dieser Seite können Elemente, die im Abschnitt "Elemente" erstellt wurden, nach Abschnitten gruppiert werden.

In diesem Bereich werden alle Ihhalte aus allen gruppen zusammengefasst. Also aus Header, Footer, Kontank, Bestellablauf und Eigene Inhalte. 

Hinweis: default-Inhalte können nicht gelöscht werden, so dass man diese nur deaktivieren oder zurücksetzen kann. 

1. Generell wird zwischen zwei Arten von Inhalten unterschieden: Zum einen gibt es Inhalte, die bereits bei der Systemauslieferung vorhanden sind. Diese Inhalte können nicht entfernt, aber deaktiviert und auf den Auslieferungszustand zurückgesetzt werden. Zum anderen gibt es eigene Inhalte, die vom Shop-Betreiber erstellt werden. Diese Inhalte können bei Bedarf entfernt werden.  

2. Es besteht die Möglichkeit, individuelle Schlüssel (Keys) zu vergeben. Diese Funktion richtet sich primär an Entwickler. Mithilfe dieser Schlüssel können Inhalte programmtechnisch aus den Elementen abgerufen und ausgegeben werden. Eigene Inhalte haben die Fähigkeit, Smarty-Befehle zu interpretieren, sofern diese Funktion in den Einstellungen des jeweiligen Inhalts aktiviert ist. Standardmäßig ist diese Option jedoch deaktiviert. Inhaltsblöcke können zudem CSS und JavaScript integrieren, allerdings ist die Einbindung von PHP nicht möglich.

3. Eigene Inhalte lassen sich duplizieren. Es sollte jedoch beachtet werden, dass, falls benutzerdefinierte Schlüssel (Custom-Keys) hinterlegt wurden, diese dann einen automatischen Präfix erhalten, da doppelte Schlüssel nicht zugelassen sind und Probleme verursachen können.

4. Inhalte können exportiert, importiert oder in andere Sprachen kopiert werden. Die Importfunktion ermöglicht sogar den Transfer von Inhalten von einer Sprache in eine andere.

5. Das Kopieren der Inhalte von einer Sprache in eine andere ist hier möglich. Dabei können mehrere, im Shop verfügbare Sprachen gleichzeitig aktiviert werden. Wichtig ist zu beachten, dass die bestehenden Inhalte in den Sprachversionen der Inhaltsblöcke ohne ein vorher erstelltes Backup überschrieben werden.

6. Bereits exportierte Inhalte können mithilfe der Importfunktion in das System zurückgeführt werden. Dabei ist es möglich, Inhalte direkt von einer Sprache in eine andere zu importieren.

Auf dieser Seite wird Information aus der Datei php.info zum aktuellen Zustand von PHP angezeigt. Dazu gehören Informationen zur PHP-Kompilierung, zu Erweiterungen, zur Version, Informationen zum Server- und Ausführungsumfeld, zur PHP-Umgebung, zur Betriebssystemversion, zu Pfaden, zu grundlegenden und lokalen Konfigurationseinstellungen, zu HTTP-Headern und zur PHP-Lizenz.

Hier finden Sie die Import- und Export-Historie der Elemente und ihren Status.

Hier finden sich professionelle JS-Einstellungen.

Diese Einstellung ist ein Knopf zur Löschung des Caches Ihres Templates und Plugins. Dieser Knopf dupliziert den Knopf in der Kopfzeile, ihre Funktionalität ist identisch.

Wir empfehlen Ihnen, den Cache nach jedem Template- und Plugin-Update zu löschen.