Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an?

Wie kann man das Erscheinungsbild eines maßgeschneiderten Online-Shops anpassen?

Im Pobo Page Builder können Sie das Erscheinungsbild Ihres Online-Shops anpassen. Wir zeigen Ihnen, wie Sie die erste Anpassung vornehmen und welche Vorteile die Funktion für individuelle Anpassungen im Pobo Page Builder bietet.


1. Öffnen Sie die Design-Einstellungen

Klicken Sie im oberen Menü auf den Abschnitt Erscheinungsbild.

Es öffnen sich die Design-Einstellungen, in denen Sie beispielsweise mit Vorlagen, Designs, Farben und weiteren visuellen Anpassungen des Online-Shops arbeiten können.

Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an? Schritt 1: Öffnen Sie die Design-Einstellungen

2. Öffnen Sie den benutzerdefinierten CSS-Code

Klicken Sie im linken Menü auf die Option Benutzerdefinierter CSS-Code.

Es öffnet sich ein Bereich, in dem Sie eigene CSS-Anpassungen des Erscheinungsbilds des Online-Shops erstellen oder anpassen können.

Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an? Schritt 2: Öffnen Sie den benutzerdefinierten CSS-Code

3. Erstellen Sie einen neuen Stil

Klicken Sie auf die Schaltfläche Neuen Stil erstellen.

Es öffnet sich ein Editor, in dem Sie eine neue CSS-Anpassung für das Erscheinungsbild des Online-Shops erstellen können.

Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an? Schritt 3: Erstellen Sie einen neuen Stil

4. Geben Sie einen Namen für die Anpassung ein

Geben Sie in das Feld Name der Anpassung einen aussagekräftigen Namen für die neue CSS-Anpassung ein.

Dank des Namens finden Sie sie später leicht in der Liste der gespeicherten Anpassungen wieder.

Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an? Schritt 4: Geben Sie einen Namen für die Anpassung ein

5. Fügen Sie den CSS-Code ein

Schreiben Sie in das Feld CSS-Code Ihren eigenen CSS-Code oder fügen Sie ihn ein.

Mit diesem Code können Sie beispielsweise Farben, Größen, Abstände oder andere visuelle Elemente des Online-Shops anpassen.

Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an? Schritt 5: Fügen Sie den CSS-Code ein

6. Speichern Sie die CSS-Anpassung

Nachdem Sie den Namen angegeben und den CSS-Code eingefügt haben, klicken Sie auf die Schaltfläche Speichern.

Die erstellte Anpassung wird dadurch gespeichert und steht in der Liste der benutzerdefinierten CSS-Stile zur Verfügung.

Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an? Schritt 6: Speichern Sie die CSS-Anpassung

7. Bearbeiten Sie den gespeicherten CSS-Code

Die Schaltfläche Code bearbeiten dient zum Öffnen der gespeicherten CSS-Anpassung.

Nach dem Klicken können Sie den Namen nachträglich anpassen oder den eingefügten CSS-Code ändern.

Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an? Schritt 7: Bearbeiten Sie den gespeicherten CSS-Code

8. Historie

Die Schaltfläche Historie zeigt Ihnen die vorherigen Versionen der gespeicherten CSS-Anpassung an.

Dadurch können Sie sehen, wie sich der Code verändert hat, und gegebenenfalls zu einer älteren Version zurückkehren.

Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an? Schritt 8: Geschichte der Anpassungen

9. Sehen Sie sich die Liste der Revisionen an

Nach dem Öffnen der Historie wird auf der linken Seite die Liste der Revisionen der gegebenen CSS-Anpassung angezeigt.

Durch Klicken auf eine bestimmte Revision können Sie deren Inhalt anzeigen und mit der aktuellen Version vergleichen.

Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an? Schritt 9: Sehen Sie sich die Liste der Revisionen an

10. Vergleichen Sie die Änderungen in den Versionen

Im Bereich Versionsvergleich sehen Sie die Unterschiede zwischen der ausgewählten Revision und der aktuellen Version der CSS-Anpassung.

Die farbige Hervorhebung hilft Ihnen schnell zu erkennen, was im Code geändert, hinzugefügt oder entfernt wurde.

Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an? Schritt 10: Vergleichen Sie die Änderungen in den Versionen

11. Version wiederherstellen

Die Schaltfläche Diese Version wiederherstellen dient zur Rückkehr zu einer ausgewählten älteren Revision der CSS-Anpassung.

Benutzen Sie sie, wenn Sie den Code in den vorherigen Zustand zurücksetzen möchten.

Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an? Schritt 11: Version wiederherstellen

12. Code löschen

Die Schaltfläche Code löschen dient zum Entfernen der gespeicherten CSS-Anpassung.

Verwenden Sie sie nur, wenn Sie den gegebenen Stil nicht mehr im Online-Shop verwenden möchten.

Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an? Schritt 12: Code löschen

Vorteile der Anpassung über Pobo

  • Effizientes System ohne Notwendigkeit, CSS hochzuladen
  • Schnelles Laden der Stile (ein Anfrage an den Server)
  • CSS-Datei befindet sich auf einer schnellen CDN
  • Möglichkeit zur Erstellung einer unbegrenzten Anzahl von Anpassungen
  • Minifizierung von CSS (geringe CSS-Größe)

Nachteile

  • Erforderliche Kenntnis von CSS-Stilen

Wenn Sie eine individuelle Anpassung von uns benötigen, schreiben Sie uns bitte eine E-Mail an podpora@pobo.cz mit einer Beschreibung, was und wie Sie ändern möchten.

Erstellen Sie eine Anpassung des Online-Shops im Pobo Page Builder

Videoanleitung: Wie erstellt man eine Anpassung nach Maß

Das könnte Sie interessieren

Wie wählt man eine Vorlage aus oder deaktiviert sie?

Wie stilisiert man Beschreibungen mit dem Live Designer?

Wie passt man das Erscheinungsbild eines maßgeschneiderten E-Shops an?

Benötigen Sie Hilfe?

Mein Name ist Petra und ich helfe Ihnen gerne mit unserem Plugin.

Zögern Sie nicht, mir eine E-Mail zu schreiben: podpora@pobo.cz

Schnellnavigation
Pobo

Sie denken über Pobo nach? Wir zeigen es Ihnen gern.

Buchen Sie ein kurzes 30-minütiges Gespräch, in dem wir Ihnen zeigen, wie Pobo funktioniert, wofür es gut ist und wie es Ihnen viel Zeit und Geld sparen kann.

Gespräch buchen