Layout-Assistent

Einleitung

Comarch Webshop bietet dir die Möglichkeit, das Design an deine Präferenzen und die Bedürfnisse der Kunden anzupassen. Wenn du bereits einen eigenen Entwurf erstellt hast, hast du die Möglichkeit, diesen zu speichern. Du benötigst die Datei, wenn du das Erscheinungsbild ändern willst. Die gespeicherte Version der Vorlage kann auch als Backup dienen. Es lohnt sich daher, die Vorlage in eine Datei zu exportieren.

Export der Vorlage aus Comarch Webshop

Schritt 1. Gehe zum Administrationspanel: Webshop Layout ➞ Vorlage aus dem Layout-Assistenten importieren ➞ Export der Vorlage. Schritt 2. Hier kannst du optional (vor dem Export) den Autor der Vorlage angeben, deine E-Mail-Adresse, Telefonnummer und die Webadresse deines Webshops. Schritt 3. Wenn du die Vorlage in eine Datei exportieren möchtest, verwende die Schaltfläche Vorlage exportieren. Erledigt! Die Vorlage wurde in eine Datei auf deinem Gerät exportiert.

Tipp

Von hier aus kannst du auch die Banner, die du im Webshop hast, über die Schaltfläche Banner exportieren exportieren.

Import der Vorlage in Comarch Webshop

Benutzerdefinierte Vorlage - wie kann ich sie hochladen? Sobald du deine eigene Vorlage zusammengestellt hast, kannst du sie in den Webshop hochladen. Folge den nachstehenden Schritten. Schritt 1. Gehe zum Administrationspanel: Webshop Layout ➞ Vorlage aus dem Layout-Assistenten importieren ➞ Import der Vorlage. Schritt 2. Gib an, ob die hochgeladene Vorlage vorhandene Banner ersetzen soll. Wenn der Parameter aktiviert ist, werden alle im Slot gespeicherten Banner gelöscht und durch Banner aus der importierten Vorlage ersetzt. Schritt 3. Wähle die XML-Datei deiner Vorlage und klicke auf Vorlage importieren. Das Importieren einer Vorlage ist ein irreversibler Vorgang und überschreibt die vorhandene Vorlage. Wenn die Vorlage geändert wurde (der HTML-Code wurde geändert), werden die Änderungen bei einer Aktualisierung nicht übernommen. Es empfiehlt sich, deine Vorlage in eine Datei zu exportieren, um deine Änderungen zu speichern und zu überprüfen. Falls nötig, solltest du die Vorlage selbst noch einmal bearbeiten. Schritt 4. Du kannst nun die Änderungen, die am Erscheinungsbild deines Webshops vorgenommen wurden, einsehen. Zu diesem Zweck kannst du die Änderungen in Echtzeit anzeigen oder in den Inkognito-Modus wechseln. Bitte beachte, dass alle Änderungen erst nach der Synchronisierung veröffentlicht werden, die laut der angezeigten Meldung innerhalb von 10 Minuten erfolgen wird.

Tipp

Vergiss nicht, die Vorlage zu speichern und zu veröffentlichen

Erledigt! Deine Vorlage wurde in den Webshop importiert.

Einleitung

Autor: Comarch        Preis: Kostenlos  Demo online: https://demo-topaz.comarchesklep.pl/de/ und https://demo-topaz2.comarchesklep.pl/de/

Mit dem Comarch Webshop LayoutAssistenten kann man eine neue Topaz-Grafikvorlage basierend auf der DotLiquid-Engine erstellen und ändern.

Die generierte Vorlage ist auch im Responsive Web Design (RWD) verfügbar, dank der sich die Webshop-Seite automatisch an die Auflösung des Geräts anpasst, auf dem sie angezeigt wird. Deshalb gibt es keine Notwendigkeit gibt, eine separate Vorlage für die mobile Version zu erstellen. Darüber hinaus ist die Vorlage für die Anzeige in der 4K-Auflösung angepasst.

Ab Version 2019.6 unterstützt das Template PWA, also Progressive Web App. Wenn du den Webshop mit der Topas-Vorlage auf einem mobilen Gerät (im Responsive-Modus) öffnest, zeigt der Webshop eine Meldung an, dass die Verknüpfung auf den Startbildschirm des Geräts heruntergeladen werden kann. Infolgedessen wird der über eine solche Verknüpfung gestartete Webshop als native Anwendung angezeigt, die auf einem mobilen Gerät installiert und für die Anzeige darauf angepasst ist.

Dank einer einzigartigen Kombination verschiedener Elemente (verfügbar für die Seiten: Startseite, Artikelverzeichnis und Artikeldetails) sowie Farbthemen, Schriftarten und dem Erscheinungsbild kannst du im Assistenten selbst eine Topas-Vorlage erstellen.

Bearbeitung der Topaz-Vorlage im Admin-Panel

Die generierte Vorlage kann im Administrationspanel zusätzlich bearbeitet werden. Mit einfachen Einstellungen kannst du das Erscheinungsbild des Webshops personalisieren, indem du die folgenden Parameter änderst:

Tipp

Ab Version 2021. 2 wird nach dem Ausfüllen des Feldes Link das gesamte Banner klickbar. Du kannst dies hier festlegen: Webshop Layout ➞ Einstellungen ➞ Banner ➞ ausgewählte Banner ➞  Erweitere Ansicht. Wenn du im Webshop auf Banner klickst, wirst du zu einem zuvor festgelegten Link weitergeleitet (sowohl intern – zu einer bestimmten Unterseite des Webshops als auch extern - zu einer anderen bestimmten Webshop). Wenn du beide Felder (Link und Text) ausfüllst, wird auf dem Banner die Schaltfläche Überprüfen angezeigt.

Fertige Comarch Vorlagen

Du kannst auch die Comarch-Vorlagen verwenden, die im Administrationsbereich Layout Webshop ➞ Fertige Comarch Vorlagen verfügbar sind. Von hier aus kannst du die von uns erstellte Topas-Vorlage herunterladen und installieren.

1. Überschriftgröße

Tipp

In der Version 2021. 2. ermöglicht die Topaz-Vorlage das Hinzufügen von mehr als einem Bild zu einem Banner in Header 3. Nachdem du mindestens zwei Bilder auf dem Banner hinzugefügt hast, erscheint ein Slider, mit dem du die Bilder scrollen kannst (mit den Pfeilen).

2. Banner 

Wenn du das Aussehen der Topaz-Vorlage im Assistenten änderst, hast du die Möglichkeit, sechs Banner-Präsentationen auszuwählen. Die Abmessungen sind in px angegeben. Banner - 1: Banner -2: Banner -3: Banner -4: Banner -5: Banner -6:

Tipp

Die Möglichkeit, das oben beschriebene Banner aus dem Administrationspanel des Comarch Webshops zu bearbeiten hast du unter: Webshop Layout ➞ Einstellungen ➞ Banner ➞ homepage-Kacheln. Der Name unterhalb der empfohlenen Bildgröße gibt an, mit welcher Kachel das Bild hinzugefügt werden soll. Du kannst die Reihenfolge der Bilder, die du innerhalb einer Kachel hinzufügst, individuell festlegen, indem du die Grafiken ziehst und ablegst.

Banner - nach der Entwicklung der Kategorie 220px x 295px:

Tipp

Du kannst dies bearbeiten, indem du im Administrationspanel auf Webshop Layout ➞ Einstellungen ➞ Banner ➞ menuBanner klickst.

Banner - auf der Registerkarte Sonderangebot im Kundenprofil 1920px x 680px.

Tipp

Du kannst dies bearbeiten, indem du im Administrationspanel auf Webshop Layout ➞ Einstellungen ➞ Banner ➞ CustomerProfileBanner klickst.

3. Bildergröße

Bildgröße auf der Seite Kontakt - 610px x 605px:

Tipp

Du kannst dies bearbeiten, indem du im Administrationspanel auf Webshop Layout ➞ Einstellungen ➞ Banner ➞ contactBanner klickst.

Bildgröße für Lookbook - 560px x 630px, 700px x 850px, 1260px x 540px, 630px x 950px, 560px x 630 px:

Tipp

Du kannst dies bearbeiten, indem du im Administrationspanel auf Webshop Layout ➞ Einstellungen ➞ Banner ➞ Lookbook klickst.

Die Bildgrößen für die Kategorien betragen - 885×400 für das große Bild und 430×400 für das kleine Bild. Die Größe für das Artikelbild beträgt 660px x 630px.

Tipp

Für fortgeschrittene Benutzer, die mit Technologien wie HTML, CSS, JS, DotLiquid vertraut sind, gibt es einen Bereich mit Template-Dateien, in dem sie Änderungen auf der Ebene des Template-Codes vornehmen können, was ihnen weitere, praktisch unbegrenzte Möglichkeiten zur Bearbeitung und Personalisierung des Erscheinungsbilds ihres Webshops bietet.

Neue Möglichkeiten

Farbdarstellung im Filter auf der Artikelliste

Seit der Vorlage 2023.1.1 haben wir Unterstützung für Farbfilter in grafischer Form hinzugefügt. Die Funktion kann über das Administrationspanel des Webshops unter der Registerkarte Webshop Layout ➞ Einstellungen ➞ Vorlageneinstellungen ➞ Additional gestartet werden. Wenn du diese Option auswählst, wird der entsprechende Abschnitt angezeigt, in dem du die entsprechenden Werte des Attributs für die Farbe bestimmte Hexadezimalwerte zuweisen kannst. Um die Funktion in Comarch ERP richtig zu konfigurieren, benötigst du ein Attribut namens Farbe, dessen Typ Liste sein wird, und für die Werte der Liste werden die für dich passenden Farbnamen ausgewählt.

Mehr Informationen

Anforderungen für die Nutzung der Topaz-Vorlage: Wenn du weitere Informationen über die Topaz-Vorlage erhalten möchtest, klicke hier.

Einleitung

In diesem Artikel erhältst du die Informationen über ein zusätzliches Widget z. B. Ceneo Trusted Reviews, Facebook Messenger oder andere. Du kannst selbst es im Template-Code implementiert werden. Es sind nur ein paar einfache Schritte, mit denen du deinen Kunden ein zusätzliches Widget auf jeder Seite im Webshop anzeigen kannst. Alle Plugins verfügen über ein individuelles Skript, das an der entsprechenden Stelle im Template-Code eingefügt werden muss.

Konfiguration in der Topas-Vorlage

Schriit 1. Im Administrationspanel des Webshops klickst du auf Webshop Layout ➞ Einstellungen ➞ drei Punkten in der rechten Ecke ➞ Erweiterte Einstellungen bearbeiten  Schritt 2. Jetzt klicke auf die oben rechte Schaltfläche drei Punkte erneut und wähle HTML bearbeiten.  Schritt 3. Suche die Datei base_layout.html und bearbeite sie. Kopiere das Skript des Widgets und füge es in den entsprechenden Abschnitt am Ende der Datei ein. Unterhalb des eingefügten Skripts sollten nur Zeilen verbleiben, die das Ende des html-Tags, das Ende des body-Tags und das Ende ( {%endif -%} ) einer Bedingung enthalten. Über dem eingefügten Code sollte sich die {%endif -%} -Bedingung {% if config.External.SalesManago -%}. Schritt 4. Speichere und Veröffentliche alle Änderungen mi der oben rechte Diskette.

Tipp

Die obige Anleitung gilt für die Topaz-Vorlage. Beachte auch, dass verschiedene Arten von Plugins eine separate Implementierung in verschiedenen Template-Dateien erfordern können. Lies immer die Dokumentation und die Anforderungen des Plug-in-Anbieters. Wenn die obige Anleitung nicht ausreicht, um ein zusätzliches Plugin in der Vorlage anzuzeigen, wendest du dich bitte an deinen Comarch-Partner, um weitere Unterstützung zu erhalten.

Weitere Informationen erhältst du hier.

Kurze Einleitung

Im Webshop kannst du die Vorlagen nach Belieben ändern. Du kannst sie auch ändern und aktualisieren. Dabei wird eine komplett neue Vorlage anstelle der alten hochgeladen. Bei der Aktualisierung des Designs werden die bestehenden Einstellungen geändert. Wir empfehlen dir, vor jeder Aktualisierung eine Sicherheitskopie zu erstellen, die deine Farbeinstellungen oder Änderungen am Vorlagencode enthält. Du kannst deine bestehende Vorlage auch exportieren, damit sie eine sichere Kopie ist.

Vorlage im Comarch Webshop

Um eine Vorlage zu aktualisieren, gehe zum Abschnitt Webshop Layout ➞ Fertige Comarch Vorlagen im Webshop-Administrationspanel, wo du die neuesten Versionen der Vorlagen findest, die zur Installation verfügbar sind. Wähle aus der angezeigten Liste die Vorlage aus, die in den Webshop hochgeladen werden soll. Klicke dazu auf die Schaltfläche Ich möchte die Vorlage herunterladen und installieren. Es erscheint dann ein neues Fenster, in dem du die Vorlage auswählen kannst:

Tipp

Das Importieren einer Vorlage ist ein irreversibler Vorgang und überschreibt die vorhandene Vorlage. Wenn die Vorlage geändert wurde (Änderungen am HTML-Code), werden die Änderungen beim Aktualisieren nicht übernommen. Es ist ratsam, die vorhandene Vorlage in eine Datei zu exportieren, um die Änderungen zu speichern und zu überprüfen. Falls erforderlich, solltest du die Vorlage selbst noch einmal bearbeiten

Damit die neue Vorlage im Webshop erscheint, musst du sicherstellen, dass sie aktiv und als Standard eingestellt ist. Im Abschnitt Webshop Layout ➞ Einstellungen ➞ Erweiterte Einstellungen bearbeiten: der Registerkarte Vorlage gibt es die zuständigen Parameter, die angehakt werden sollten. Alle Änderungen sollten gespeichert und dann veröffentlicht werden.

Tipp

Wenn die Vorlage nicht veröffentlicht wird, erscheint sie auch nicht im Webshop.

Aktualisierung der Vorlage im Comarch Webshop

Um beispielsweise die Topaz-Vorlage zu aktualisieren, verwendest du die aktuelle Version des Layout-Assistenten, der im Webshop-Administrationspanel unter Webshop Layout ➞ Layout-Assistent verlinkt ist. Es gibt zwei Möglichkeiten, die Topaz-Vorlage zu aktualisieren: Die aus dem Layout-Assistenten exportierte Vorlage sollte in den Webshop hochgeladen werden. Im Administrationspanel des Webshops gibt es im Bereich Webshop Layout einen direkten Link zum Importieren der Vorlage aus dem Layout-Assistenten. Eine genaue Anleitung liest du in dem Artikel: Wie kann ich meine Vorlage im Webshop exportieren und importieren?

Tipp

Denke daran, die Vorlage zu speichern und sie im Webshop zu veröffentlichen. Änderungen an den Einstellungen werden nach 10 Minuten mit dem Webshop synchronisiert.

Wenn du in deinem Comarch Webshop eine eigene Vorlage verwendest, d. h. eine andere als die vorgefertigten Comarch-Vorlagen, solltest du die Aktualisierung selbst durchführen oder von der Firma/Person durchführen lassen, die die Vorlage für dich erstellt hat. Falls du eine vorgefertigte Comarch-Vorlage verwendest aber individuelle Änderungen daran vorgenommen hast (außerhalb des Layout-Assistenten), musst du dich ebenfalls selbst (oder mit der Unterstützung des Autors der Änderungen) um die Aktualisierung deiner Version der Vorlage kümmern.

Einleitung

Die Fußzeile ist eines der Grundelemente eines jeden Online-Shops. Zusätzlich zu den erforderlichen Informationen, die darin enthalten sein müssen, kann es eine Reihe weiterer Verweise auf bestimmte Bereiche deines Webshops, deines Blogs oder deiner Social-Media-Profile enthalten. Links können das Image deines Webshops positiv beeinflussen, den Verkauf fördern und mehr Traffic generieren. Neben den Standardansichten gibt es im Webshop Layout eine weitere, die umfangreicher ist. Bei der Topas-Vorlage ist dies die dritte Ansicht (footer-3). Mit der Änderung des Bereichs kannst du deinen Webshop noch persönlicher gestalten, indem du die Fußzeile mit weiteren nützlichen Informationen ergänzt

Bearbeitung der Fußzeile

Nach dem Import aus dem Webshop-Layout wird die Fußzeile in einem eingeschränkten Bereich angezeigt. Du kannst es immer aus der Perspektive der Lesezeichen bearbeiten: Webshop Layout ➞ Einstellungen und dann im Abschnitt ➞ Kopfzeile/Fußzeile. Hier entscheidest du über die Anzahl der Seitengruppen, bestimmte Elemente innerhalb dieser Gruppen und dann über die Reihenfolge, in der sie im Webshop angezeigt werden. Auch von dieser Ebene aus kannst du Links zu deinen Social-Media-Profilen hinzufügen und ein Favicon für deinen Webshop festlegen

Mehr Möglichkeiten

Die erweiterte Fußzeile in der Topas-Vorlage ermöglicht es dir, mehr Seitengruppen als bisher hinzuzufügen. Auf diese Weise kannst du alles, was du brauchst, einfach hineinlegen. Zusätzlich wurde die Sektion um Grafiken von Logistikpartnern und unterstützten Zahlungsdienstleistern ergänzt.

Beispielansicht eines erweiterten Fußes in der Topaz-Vorlage

Konfiguration der Elemente

• Elemente 1-5: Hinzufügenweiterer Seitengruppen und deren Reihenfolge ändern

Webshop Layout ➞ Einstellungen ➞ Kopfzeile/Fußzeile ➞ Seitengruppe hinzufügen 

• Element 6: Darstellung der Informationen wie: E-Mail, Telefonnummer, Telefon2, Fax, Mobiltelefon

Um diese Daten zu bearbeiten, sollst du im Administrationspanel auf Einstellungen Webshop Einstellungen gehen. Die Daten über E-Mail-Adresse sollten automatisch aus der Registerkarte Allgemein ➞ E-Mail-Adresse des Geschäfts abgerufen werden. Wenn du Telefon hinzufügen oder ändern kannst, wählst du die Registerkarte Allgemein ➞ Daten des Händlers ➞ Hotline aus.

Tipp

Das Element kann maximal 3 Informationen (E-Mail, Telefon und eines von Telefon2, Mobiltelefon, Fax) enthalten.

• Element 7: Verweise auf soziale Netzwerke 

Webshop Layout ➞ Einstellungen ➞ Kopfzeile/Fußzeile ➞ gewünschte Logo Klicke auf das gewünschte Logo und dann in diesem Feld ➞ "#" fügst du einen Link zu deinem Portal ein. Speichere alle Änderungen.

• Elemente 8-9: Hinzufügung von Informationen zu Zahlungsdienstleistern und Logistikpartnern

Webshop Layout ➞ Einstellungen ➞ Banner ➞ gewünschte Kacheln (Logistics Partners und Payment Operators

Tipp

Empfohlene Parameter für Grafiken für Zahlungsdienstleister und Logistikpartner: maximale Breite 64 px, PNG-Erweiterung.

Du kannst den Namen der Kacheln ändern, indem du die Registerkarte ➞ Übersetzungen auswählst und dann das Fenster Text bearbeiten wirst.

• Elemente 10: Die Unternehmnes Daten stammen aus der Registerkarte Identifikationsdaten 

Einstellungen ➞ Webshop Einstellungen ➞ Daten des Händlers ➞ Identifikationsdaten  Das war's! Weitere Informationen erhältst du mit diesem Link: Aussehen des Webshops 

über die Topas-Vorlage

Du kannst die Topaz-Vorlage selbst mit dem Layout-Assistenten erstellen. Dank einer einzigartigen Kombination verschiedener Elemente laesst sie sich auf deine Bedürfnisse zuschneiden. Eines davon ist das Textelement, das in Versionen ohne und mit einem Bild erhältlich ist. Es zeichnet sich durch die Möglichkeit aus, eine statische Beschreibung auf der Startseite des Webshops einzugeben. Du kannst z.B. grundlegende Informationen über dein Unternehmen, dein Webshop-Angebot oder andere für dich wichtige Inhalte einfügen.

Textelement im Layout-Assistenten

Im Layout-Assistenten hast du die Wahl zwischen zwei Arten von Textelementen: Füge das Textelement zur Komposition deines Designs hinzu und erfahrst du, wie du es für deinen Webshop konfigurieren kannst. Du kannst dieses Element auf der Hauptseite der Vorlage einfügen.

Konfiguration des Textelements im Administrationspanel

Sobald die Vorlage erstellt wurde, lade sie im Administrationspanel auf der Registerkarte Webshop-Layout ➞ Vorlage aus dem Layout-Assistenten importieren gemäß den Anweisungen hoch.

Element ohne Bild

Wenn du im Layout-Assistenten ein Textelement ohne Bild (mit der Bezeichnung textElement-1) ausgewählt hast, gehe zur Registerkarte Webshop Layout ➞ Einstellungen ➞ Mehr ➞ Erweiterte Einstellungen bearbeiten ➞ Objekte. Suche das Objekt text-el-no-photo-mp-2 (Texttyp) in der Liste und gehe zu den Details, indem du auf den Objektnamen klickst. Das Standardelement enthält eine Überschrift der ersten Ebene und eine Überschrift der zweiten Ebene sowie Text in drei Spalten. Du hast die Möglichkeit, den Inhalt mit HTML-Tags zu bearbeiten. Vergewissere dich, dass du die richtige Sprache ausgewählt hast, bevor du mit den Änderungen beginnst.

Tipp

Wenn du mit der Bearbeitung fertig sind, denke daran, deine Änderungen zu speichern und zu veröffentlichen.

Element mit Bild

Wenn du im Layout-Assistenten ein Element mit einem Bild ausgewählt hast (Name:textElement-2), beginn die Konfiguration des Elements, indem du in den Benutzerdateien ein Bild für das Element hinzufügst. Gehe dazu auf Einstellungen ➞ Benutzerdateien und lade über das Plus-Symbol das Foto hoch, das du dem Textelement hinzufügen möchtest. Gehe dann zu Webshop Layout ➞ Einstellungen ➞ Mehr ➞ Erweiterte Einstellungen bearbeiten ➞ Objekte. Suche das Objekt text-el-photo-mp-1(text type) in der Liste und gehe zu den Details. Das Standardelement enthält eine Überschrift der ersten Ebene und eine Überschrift der zweiten Ebene, Platz für ein Foto und einen in zwei Spalten unterteilten Text. Du hast die Möglichkeit, den Inhalt zu bearbeiten und das Bild mithilfe von HTML-Tags neu zu positionieren. Vergewissere dich, dass du die richtige Sprache ausgewählt hast, bevor du mit den Änderungen beginnst.

Tipp

Der Inhalt muss für jede Sprachversion separat geändert werden.

Damit das Bild in das Textelement hochgeladen werden kann, musst du den Pfad für das zuvor hochgeladene Bild zwischen den Tags <image></image> korrekt angeben. Bei Benutzerdateien ist dies Benutzer/Bildname. In der mobilen Version des Webshops hast du die Möglichkeit, das Textelement in einer eingeklappten oder erweiterten Version anzuzeigen. Ein Teil des Inhalts ist zunächst ausgeblendet, aber der Besucher kann den vollständigen Text sehen, indem er auf die Schaltfläche Mehr klickt. Mit der Schalt kann dann mit der Schaltfläche Weniger eingeklappt werden.

Ein paar Worte zum Thema

Das visuelle Design eines Webshops ist ein sehr wichtiges Element bei der Durchführung von Online-Verkäufen. Mit dem Comarch Webshop Layout-Assistenten kannst du deine eigenen, einzigartigen Vorlagen nach deinen Wünschen und Bedürfnissen erstellen. Mit einem intuitiven Werkzeug wie dem Assistenten kannst du alle notwendigen Funktionen wie die Startseite, die Warenliste, die Warendetails und den Einkaufswagen gestalten. Wenn deine Vorlage in den Webshop importiert und nach deinen Wünschen konfiguriert wurde (Hinzufügen von Grafiken zu Bannern, Farbänderungen), hast du die Möglichkeit, sie als Sicherungskopie zu speichern.

Die Sicherungskopie der Vorlage im Comarch Webshop

Eine Sicherheitskopie sind Daten, die bei Verlust (z. B. durch versehentliches Löschen) oder häufigen Änderungen jederzeit wiederhergestellt werden können. Die Daten, die die Sicherheitskopie enthalten kann, sind die Vorlage, die wir zuvor zusammen mit den Bannern erstellt haben. Es wird empfohlen, Sicherungskopien zu erstellen und diese mit einem Passwort zu schützen. Jede Sicherheitskopie sollte an einem sicheren Ort aufbewahrt werden. Gehe im Administrationspanel auf Webshop Layout ➞ Einstellungen ➞ Mehr ➞ Erweiterte Einstellungen bearbeiten und dann auf die Registerkarte Export der Vorlage. In den leeren Feldern auf der Registerkarte Export der Vorlage kannst du optional die oben genannten Angaben machen, d.h. Vorlagenautor, E-Mail, Telefon und Webshop-Website, bevor du exportierst. Um die Vorlage zu exportieren, klicke auf Vorlage exportieren. Die exportierte Datei ist im XML-Format und ihr Name enthält die Vorlage und die Version, was die Verwaltung von Sicherungskopien erheblich erleichtert, wenn du diese regelmäßig erstellst.

Export von Bannern

Du kannst die Banner, die sich in deinem Webshop befinden, auch exportieren, indem du eine Sicherungskopie erstellst. Dazu musst du ebenfalls auf Webshop Layout ➞ Einstellungen ➞ Mehr ➞ Erweiterte Einstellungen bearbeiten und dann auf die Registerkarte Export der Vorlage gehen. Neben der Schaltfläche Vorlage exportieren befindet sich die Schaltfläche Banner exportieren, die du anklicken musst, um die Banner in deinen Webshop zu exportieren. Die Sicherung wird ebenfalls im XML-Format gespeichert und der Dateiname gibt die Vorlage, die Version und den Inhalt der Banner an.

Passwort-geschützte Vorlage

Wenn du möchtest, dass deine Vorlage passwortgeschützt ist und die Kenntnis des Passworts beim Importieren dieser Vorlage in den Webshop erforderlich ist, musst du im Administrationspanel zum Abschnitt Webshop Layout ➞ Einstellungen ➞ Erweiterte Einstellungen bearbeiten gehen und dann zur Registerkarte Vorlage. Gib hier ein Passwort für deine Vorlage ein. Gemäß der Passwortsicherheitsrichtlinie sollte das Passwort: Fertig! Deine Vorlage ist nun passwortgeschützt. Wenn du eine passwortgeschützte Vorlage exportierst, musst du beim Importieren der Vorlage das zuvor erstellte Passwort eingeben. Das Fehlen dieser Option verhindert den Import der Vorlage und die Eingabe eines falschen Passworts führt dazu, dass die Vorlage nach dem Import nicht ordnungsgemäß funktioniert.

Einleitung

Diese Funktion ermöglicht dir die Darstelung von Attributen in Farb- und Miniaturvarianten. Sie gilt für die gruppierten Artikel (Phantoms). In diesem Artikel erhältst du die Information, wie du die Einstellungen richtig konfigurieren kannst, um die grafische Darstellung von Attributen in deinem Webshop zu verwenden.

Grafische Konfiguration der Attribute

Um die grafischen Attribute zu konfigurieren, gehe im Administrationspanel zur Registerkarte Webshop Layout ➞  Einstellungen ➞ Additional. In diesem Bereich kannst du eine Entscheidung treffen, auf welcher Weise die Attribute präsentiert werden sollen: als Farb oder Miniaturvarianten. Wenn du dann das gewünschte Artikel-Bild auswählst, das sich in Artikelliste befindet, wird die bestimmte grafische Version von Attribute dargestellt.

Tipp

Vergiss nicht, alle Änderungen zu speichern und zu veröffentlichen.

Auf der Registerkarte Addition ist bereits Standardparameter festgestellt. Er gilt für die grafische Darstellung von Attributen und sollte als NO konfiguriert werden. Die Funktionalität der beschriebenen Varianten hängt von der gewählten Version der Artikelliste und den Artikeldetails ab, die du im Comarch Webshop unter Webshop Layout bearbeiten kannst. Um zu sehen, welche Variante deine Vorlage besitzt, solltest du während der Erstellung auf das Informationssymbol i klicken, das auf den Kacheln des jeweiligen Artikels, der Artikelliste usw. ist. Recommended-2 bedeutet 2 Variante der Artikelliste, das heißt der Name einer bestimmten Kachel und ihrer Nummer präseniert Variante des entsprechenden Abschnitts. Webshop Layout im Comarch Webshop 

Variante - Farben

Wenn du die Option Colors (Farben) auswählst, erscheint automatisch ein neues Fenster im Administrationsbereich mit Farbnamen und ihren grafischen Entsprechungen in hexadezimaler Schreibweise. Dies hängt mit der Konfiguration dieser Funktion und der Farbzuordnung zusammen. Diese Funktion funktioniert auf der Grundlage von Attributen, die auf Artikel im ERP-System festgelegt sind. Standardmäßig werden Farbwerte wie z. B. Rot, Grün, etc. automatisch zugeordnet, und du musst das folgende Feld nicht ausfüllen. Wenn du eine andere Farbe auswählen willst z.B. Pfirsich, mehrfarbig, dann musst du in diesem Fall das folgende Feld verwenden und dem Attribut Werte die gewünschte Farbe zuweisen.

Beispielweise Konfiguration - Farbe

Im ERP-System fügst du die Attribut mit dem Name Farbe hinzu und dann teilst du es mit Comarch Webshop. Fülle die Listeneinträge mit Farben wie Rot, Grün, Blau usw. aus. Weise dann dieses Attribut dem entsprechenden Artikel zu, der an den Webshop gesendet wird. Schließlich sollst du Synchroniesierung mit dem Webshop durchfuehren. Darstellung der Variante - Farbe im Comarch Webshop  Artikelliste: Artikeldetails:

Variante - Miniaturen

Du kannst dies im Administrationspanel auf der Registerkarte Webshop Layout ➞ Einstellungen ➞ Additonal ➞ Miniatures festlegen.

Tipp

Die Auswahl der Miniatur-Variante ermöglicht eine grafische Darstellung der Artikelvariante anhand des ersten Bildes der betreffenden Sammelartikel (Phantom). Aufgrund seiner Eigenschaften (jeder Artikel benötigt für die Bedienung ein eigenes Foto) ist diese Funktion nur für Sammelartikel verfügbar.

Beispielweise Konfiguration - Miniaturen

Wenn du noch nicht weiß, was ein Phantom ist und wie du es erstellen kannst, klicke hier. Darstellung im Comarch Webshop der Variante - Miniaturen  Artikeldetails Wenn du weitere Informationen erhalten möchtest, klicke hier.

Einleitung

Diese Funktion zeigt die Anzahl der Personen an, die einen Artikel gekauft haben. Es wird auch die Menge des gekauften Artikels zu einem bestimmten Zeitpunkt angezeigt. Diese Information wird auf den Artikeldetails in der Topaz-Vorlage dargestellt. Wenn du mit dem Mauszeiger über die Anzahl der Personen faehrst, wird ein Tooltip angezeigt, der dich darüber informiert, wie viele Artikel verkauft wurden.

Tipp

Die Funktion ist in der Topaz-Vorlage verfügbar.

Konfiguration

Gehe im Administrationspanel auf die Registerkarte Webshop Layout ➞ Einstellungen ➞ Allgemein. Suche nach den Abschnitten Information about amount of commodity sold der gekauften Artikel. Du hast drei Optionen zur Auswahl: Nachdem du Änderungen vorgenommen habst, musst du die Änderungen speichern und veröffentlichen. Weitere Informationen kannst du hier erhalten.

Einleitung

Im Webshop Layout für die Vorlage: Topaz und One Page Shop kannst du ein Infobanner hinzufügen, um einen deiner Artikel im Webshop zu präsentieren. Dank der Verwendung von Infografiken zusammen mit einer Beschreibung kannst du die Kunden deines Webshops mit den Vorteilen eines bestimmten Artikels vertraut machen.

Konfiguration

Wenn du das Infobanner konfigurieren möchtest, gehst du im Administrationspanel auf die Registerkarte ➞ Webshop Layout ➞ Einstellungen ➞ Banner ➞ Info-banner-0-A: Wenn du in der Mitte ein Bild deines Artikel mit der Schaltfläche Jetzt kaufen anzeigen möchtest, gehst du zu den ➞ erweiterten Einstellungen des Banners und fügst den vollständigen https-Link zum ersten Bild ein, d. h. URL/PHOTO. Beispielweise: Jetzt ist ein Link zum Artikel - Lippenstift angegeben. Prüfen wir, wie das Infobanner im Webshop aussieht.

Tipp

Denke daran, dass der Link zum Artikel die vollständige URL inkl. SSL-Verschlüsselung enthält – Beispieladresse: https://demo.comarchesklep.de-mariette-lippenstift/3-3-2.

Neues Foto  Wenn du das nächste Foto hinzufügst, wird dieses als Miniaturansicht angezeigt. Du kannst Text hinzufügen, der unter dem Bild dargestellt wird. Weitere nützliche Informationen erhältst du hier.

Einleitung

In diesem Artikel erfährst du, wie du in deine Topaz- und Saphir-Vorlage ein Pop-up-Banner einfügen kannst. Das Banner wird in Form eines Pop-ups angezeigt, in dem du ein Foto, den Inhalt und den gewünschten Artikel präsentieren kannst.

Konfiguration des Pop-Banners

Schritt 1. Füge eine von alle verfügbare Pop-up-Banner in Layout-Assistent hinzu. Schritt 2. Im Admin-Panel gehst du auf die Registerkarte Webshop Layout ➞ Einstellungen ➞ Banner  Wähle banner_popup1 oder 2 aus der Liste der verfügbaren Banner: Schritt 3. Wenn du den Namen eines neuen Banners eingibst, wird ein neues Formular angezeigt. Hier hast du die Möglichkeit, eine Beschreibung für den Administrator und Bilder für den Katalog hinzuzufügen. Wenn du die oben genannten Schritte befolgt hast, kannst du mit dem Hinzufügen eines Bildes fortfahren. Nach dem Hinzufügen der Bilder kannst du auch die Details für ein bestimmtes Bild vervollständigen. Um Änderungen in diesem Bereich vorzunehmen, gehe zu ➞ Erweiterte Ansicht. Es erscheint nun ein Panel, in dem du z. B. den Text des Banners, die Überschrift, die Anzeigedauer, den Link, auf den das Bild verweist, sowie den Tooltip und den Alternativtext ändern kannst. Schritt 4. Speichere und veröffentliche, die auf diese Weise vorgenommenen Änderungen. Geschafft! Das Pop-up-Banner wurde hinzugefügt und sieht in der Topaz-Vorlage wie folgt aus. Nach einem Klick auf die Schaltfläche ÜBERPRÜFEN werden deine Kunden zur Artikelkarte weitergeleitet, wo sie die Artikel in ihren Warenkorb legen können. Weitere Informationen kannst du hier erhalten.

Kurze Einleitung

In der Topaz-Vorlage ist es möglich, Bilder hinzuzufügen, die neben dem Kategorienamen in deinem Webshop angezeigt werden. Diese Funktion unterstützt Kopfzeile-1, Kopfzeile-2, Kopfzeile-3 und Kopfzeile-5.

Wie füge ich ein Bild zu einer Kategorie hinzu?

Die Bilder, die neben dem Kategorienamen erscheinen, stammen aus dem ERP-System. Es handelt sich um Gruppenbilder, die auf eine Größe von 24×24 px reduziert wurden. Wie du einer Kategorie in deinem Webshop ein Bild hinzufügen kannst, erfährst du hier.

Wie kann ich die Anzeige von Bildern neben einem Kategorienamen konfigurieren?

Wenn du die neben dem Kategorienamen angezeigten Bilder aus- oder einblenden möchtest, hast du zwei Möglichkeiten, diese Funktion zu konfigurieren:

• Über den Layout-Assistenten:

Wenn du Kopfzeile: header-1,2,3 oder 5 hinzufügst, gehe zur Bearbeitung und markiere den Parameter entsprechend deiner Präferenz: Speichere die Änderungen und generiere dann die Vorlage.

• Über das Administrationspanel:

Wenn du die generierte Vorlage bereits in deinen Webshop hochgeladen hast und Änderungen an der Anzeige von Bildern neben dem Kategorienamen vornehmen möchtest, gehe zu Webshop Layout ➞ Einstellungen ➞ Additional und markiere den Parameter nach deinen Wünschen: Speichere und veröffentliche die vorgenommenen Änderungen.

Was ist mit den Fotos auf der Seite - Produkte?

Bisher wurden die Kategoriebilder auf der Seite "Produkte" angezeigt, und daran hat sich nichts geändert. Bitte beachte jedoch, dass, wenn du ein Kategoriebild als Symbol im ERP-System hinzufügst, dasselbe Bild auf der Seite "Produkte" angezeigt wird. Es ist nicht möglich, zwei getrennte Bilder für die Kopfzeile und die Seite "Produkte" hinzuzufügen.

Einleitung

Eines der Schlüsselelemente, die zum Erfolg in der E-Commerce-Branche beitragen, ist die visuelle Gestaltung des Webshops. Sie beeinflusst in hohem Maße den Gesamteindruck der Benutzer und ihren Kaufprozess. Mit Hilfe des Comarch Webshops - Layout Assistent können Webshop-Inhaber von Webshop ihre eigene, einzigartige Vorlage erstellen, die an ihre Vorlieben und die Bedürfnisse der Benutzer angepasst wird.

Der Link befindet sich im Verwaltungsbereich unter Webshop Layout ➞ Layout-Assistent.

Anwendung

Der Assistent ist ein intuitives Werkzeug zur Erstellung von Vorlagen. Seine Bedienung erfordert keine technischen oder programmiertechnischen Kenntnisse. Alles wird über die Website erledigt, wo du das Erscheinungsbild deines Webshops aus vorgefertigten Elementen per Ziehen und Ablegen (Drag und Drop) gestalten kannst. Darüber hinaus wird die erstellte Vorlage für die Anzeige auf verschiedenen Geräten angepasst (RWD). Mit dem Assistenten gestaltest du alle notwendigen Bereiche deines Webshops: Nach der Erstellung des Webshops-Gerüsts, ist es an der Zeit, das visuelle Design der Vorlage zu ändern. Man kann die Farben der Elemente auf der Website, die Symbole und die Schriftart frei ändern.

Wer kann diese Option nutzen?

Um dieses Tool nutzen zu können, muss man über Folgendes verfügen:

Tipp

Der Comarch Webshop Layout-Assistent ist nur in der Browserversion verfügbar.

Los geht's!

Wie gestalte ich ein Vorlagenlayout?

Um mit der Erstellung einer Vorlage zu beginnen, sollte man auf die Seite des Layout Assistenten gehen. Es wird eine Willkommensnachricht angezeigt. Nach dem Klicken auf "Weiter", kann man eine neue Vorlage erstellen oder eine von mehreren vorgefertigten Vorlagen bearbeiten. Wurde hingegen bereits ein Projekt erstellt, wird eine Schaltfläche angezeigt, mit der man die Vorlage vervollständigen oder ein neues Projekt starten kann. Mit der Option Neue Vorlage kannst du eine neue Topaz-Vorlage von Grund auf nach deinen individuellen Vorstellungen erstellen.

Tipp

Vorlage Topaz - Demo ist eine vorgefertigte Vorlage, die man direkt aus dem Bereich Webshop Layout ➞ Fertige Comarch Vorlagen installieren kann.

Die anderen sechs zur Auswahl stehenden Optionen sind vorgefertigte und bearbeitbare Versionen der Topaz-Vorlage. Das bedeutet, dass man keine neue Vorlage von Grund auf neu erstellen muss, weil man eine der vorgefertigten Vorlagen auswählen und diese dann leicht an seine Bedürfnisse anpassen kann. Doppelklicke auf die ausgewählte Kachel, um weiterzugehen. In drei kurzen Schritten wirst du mit den Grundfunktionen des Assistenten vertraut gemacht. Anschließend kannst du weitere Änderungen an der Vorlage vornehmen oder sofort die vorbereitete Version der Topaz-Vorlage erstellen.  

Womit soll man anfangen?

Wähle die passende Sprachversion des Assistenten und beginne mit der Arbeit an deiner Vorlage. Zur Auswahl stehen folgende Versionen: Polnisch, Englisch, Deutsch und Französisch. Die Sprache wird durch Anklicken des Pfeils neben der Flagge und der Sprachbezeichnung in der unteren linken Ecke ausgewählt. Bei der Vorschau deiner Arbeit im Vollbildmodus wird die ausgewählte Sprache beibehalten und die Vorlage wird in der ausgewählten Sprachversion angezeigt.     Sobald du eine Sprachversion für deinen Assistenten ausgewählt hast, solltest du deiner zukünftigen Vorlage einen Namen geben. Klicke dazu auf Ändern und gib den Namen in der oberen linken Ecke ein, wobei du den Namen durch Topaz (2022.5) (Beispiel) ersetzst. Dieser Name ist sichtbar, wenn die Vorlage in das Administrationspanel importiert wird und wenn die Vorlage in eine XML-Datei exportiert wird, zusammen mit dem Datum und der Uhrzeit ihrer Erstellung.

Schritt 1 - Startseite

In diesem Abschnitt kann man das Erscheinungsbild der Startseite unseres Comarch Webshops gestalten. Die Startseite kann aus den folgenden Elementen bestehen:

Nach der Erweiterung der einzelnen Abschnitte sieht man die verfügbaren Elemente:

Mit der Methode "Ziehen und ablegen" kann man die ausgewählten Elemente in den rechten Bereich verschieben:

Gehe mit den übrigen Elementen analog vor!

Kopfzeile

Der Abschnitt Kopfzeile enthält fünf Ansichten. Der dritte Bereich enthält ein vertikales Menü, das standardmäßig drei Ebenen von Produktkategorien anzeigt. Die erste Ebene ist in Bezug auf die Anzahl der angezeigten Kategorien weiter konfigurierbar. Zu diesem Zweck wurde im Menü Webshop Layout ➞ Einstellungen ➞ Vorlageneinstellungen ein neuer Parameter hinzugefügt: Ansicht der ersten Ebene des Hauptmenüs (für die dritte Kopfzeilenart) mit den folgenden Optionen: Alle im Layout Assistent verfügbaren Kopfzeilenarten verfügen über diese Funktion, den so genannten fixierte Kopfzeile. Wenn du auf der Webshop-Seite nach unten scrollst, ist am oberen Rand des Bildschirms immer eine Leiste mit einigen Elementen der Kopfzeile (z. B. Kategoriemenü und Suchmaschine) sichtbar. Auf diese Weise kann die Person, die das Angebot des Webshop durchsucht, überall auf der Seite auf eine verkürzte Version der Kopfzeile zugreifen.

Banner

Im Bereich Banner kannst du eine von sechs Optionen für die Darstellung von Bannern auswählen.

Pop-up-Banner

Im Abschnitt Banner-Popup kannst du eine von zwei Optionen für die Darstellung von Bannern auswählen. Die Banner können nur auf der Startseite des Webshops angezeigt werden.

Aktionsbanner

Ein Aktionsbanner ist ein Banner, das auf der Startseite deines Webshops angezeigt wird. Es präsentiert die Art von Waren, die du angibst. Mit dieser Art von Banner kannst du z. B. Waren präsentieren, die Gegenstand einer Werbeaktion sind.

Widget

Im Abschnitt Widget kannst du eine der beiden verfügbaren Optionen hinzufügen, um die folgenden Funktionen zu präsentieren.

Empfohlen

Der Abschnitt Empfohlen enthält zusätzliche Optionen zur Einstellung. In der Menüliste unter der Schaltfläche "Typ ändern" kannst du auswählen, welche Art von Produkten du in diesem Bereich anzeigen möchtest (einschließlich Neu, Meist angezeigt, Ausverkauf, Empfohlen). Nach der Änderung des Abschnittstyps wird er entsprechend benannt, wenn die Vorlage in deinen Webshop hochgeladen wird: Wenn du den Mauszeiger über diesen Bereich bewegst und Optionen wählst, kannst du außerdem die Anzahl der angezeigten Artikel festlegen (maximal 50). Bei der Erstellung der Topaz-Vorlage im Comarch Layout-Assistenten kann nach dem Hinzufügen des Bereichs  empfohlene Artikel der Typ der angezeigten Produkte festgelegt werden. Der Name des Abschnitts hängt vom angegebenen Typ ab und bezieht sich auf diesen. Der angegebene Name kann in den Vorlagenübersetzungen geändert werden. Darüber hinaus ist jeder ausgewählte Typ mit allen Produkten des angegebenen Typs verknüpft.

Newsletter

Im Abschnitt Newsletter kannst du eine ausgewählte Option für die Abonnenten hinzufügen. Eine davon hat die Form eines Einblendfensters (Pop-up), das ausschließlich auf der Startseite des Webshops (Newsletter-3) angezeigt wird. Zusätzlich ist in der Browserversion der Vorlage ein 275px x 475px großes Banner (in der mobilen Version nicht verfügbar) im Newsletter in Popup-Form sichtbar. Alle im neuen Newsletter verfügbaren Texte sind in den Einstellungen der Vorlage im Menü Webshop Layout ➞ Einstellungen ➞ Banner ➞ Newsletter-Banner editierbar. Dieser Newsletter-Typ kann gleichzeitig mit den anderen in der Topaz-Vorlage verfügbaren Newsletter-Versionen verwendet werden.

Bereich mit Videos

Der Bereich Videos bietet dir die Möglichkeit, Videos hinzuzufügen, die nicht nur deine Produkte, sondern auch dein Unternehmen, deine Hersteller und Marken bewerben. Du kannst Videos über das Admin-Panel hinzufügen, indem du auf Erscheinungsbild des Webshop Layout ➞ Einstellungen ➞ Vorlageneinstellungen ➞ Homepage gehst. In diesem Bereich kannst du Videos präsentieren, die du im Bereich Einstellungen ➞ Ihre Dateien freigegeben hast, die auf Youtube veröffentlicht wurden oder die du auf einem externen Server gespeichert hast.

Hersteller-Slider

Der Abschnitt Hersteller-Slider ermöglicht es dir, zwei Ansichten des Hersteller-Sliders in die Vorlage einzufügen. Unter der Schaltfläche Optionen kann man eine von drei Anzeigearten wählen: kein Verblassen (das hinzugefügte Logo behält die ursprünglichen Farben bei), Verblassen (das hinzugefügte Logo ist grau, die Farbe erscheint, wenn der Mauszeiger über das Logo bewegt wird), Leuchten (wenn der Mauszeiger über das Logo bewegt wird, erscheint eine Lichtanimation). Die Logos der Hersteller, die aus dem ERP-System importiert wurden, werden auf den Slidern angezeigt. Nach dem Klicken auf das ausgewählte Logo wird eine Liste aller Waren angezeigt, für die ein bestimmter Hersteller eingetragen ist. Die Abschnitte können in der Vorlage überall auf der Startseite, den Warenlisten- und Warendetailseiten hinzugefügt werden.

Marken-Slider

Der Abschnitt Marken-Slider ermöglicht es dir, zwei Ansichten des Marken-Sliders in die Vorlage einzufügen. Unter der Schaltfläche Optionen kann man eine von drei Anzeigearten wählen: kein Verblassen (das hinzugefügte Logo behält die ursprünglichen Farben bei), Verblassen (das hinzugefügte Logo ist grau, die Farbe erscheint, wenn der Mauszeiger über das Logo bewegt wird), Leuchten (wenn der Mauszeiger über das Logo bewegt wird, erscheint eine Lichtanimation).Die Logos der Marken, die aus dem ERP-System importiert wurden, werden auf den Schiebereglern angezeigt. Nach dem Klicken auf das ausgewählte Logo wird eine Liste aller Waren angezeigt, für die eine bestimmte Marke eingetragen ist. Abschnitte können in der Vorlage überall auf der Startseite, den Warenlisten- und Warendetailseiten hinzugefügt werden.

Textelement

Mit dem Textelement kannst du eine längere Beschreibung einfügen, die auf der Startseite des Comarch Webshops angezeigt wird. Im Comarch Layout-Assistenten stehen zwei Optionen zur Auswahl: Der Text wird durch Bearbeiten des Textobjekts in den Vorlageneinstellungen eingegeben: Ansicht des Webshops/ Einstellungen/ Erweiterte Einstellungen bearbeiten/ Objekte: Nach der Auswahl aller erforderlichen Abschnitte sollte die Startseite fertig sein. Man kann das Ergebnis der Arbeit ansehen, indem man oben rechts auf Vorschau klickt. Eine mobile und eine Desktop-Vorschau sind verfügbar. Die Startseite benötigt zwei grundlegende Elemente: eine Kopfzeile und eine Fußzeile. Die anderen Elemente sind nicht obligatorisch.

Infobanner

Mit dem Infobanner kannst du die Vorteile eines Einkaufs in deinem Webshop übersichtlich darstellen. Diese beziehen sich auf die Bereiche Lieferung, Qualität und Kundenkontakt. Du kannst das Banner nur auf der Startseite oder auf allen Seiten einfügen.

Der Bereich Entdecke Comarch Webshop unterscheidet sich in der Präsentation und den Elementen zwischen den Bannern und enthält:

Fußzeile

Der Abschnitt Fußzeile enthält drei Ansichten zur Auswahl. Jede Ansicht zeigt statische Seiten, die im Bereich Webshop Webshop Layout ➞ Einstellungen ➞ Kopf- und Fußzeile verwaltet werden können. Für jeden Abschnitt wird der Name angezeigt, der im Panel erstellt wurde. Die Fußzeile enthält auch Informationen über die Art der im Webshop präsentierten Preise (Brutto oder Netto) und den Text Comarch 2024. All rights reserved Powered by Comarch Webshop. Außerdem ist es möglich, Links zu sozialen Medien und deren Icons in der Fußzeile zu platzieren. In der dritten Fußzeile kann man Icons der Lieferanten und der im Webshop verwendeten Zahlungsformen hinzufügen.

Schritt 2 - Artikelliste

Der nächste Schritt ist die Erstellung einer Liste der Waren. Um das zu tun, sollte man das Auswahlfeld aufklappen und dann Artikelliste auswählen, wie auf dem Bild unten angezeigt: Wie bei der Startseite kann man das Aussehen der Artikelliste konfigurieren. Außerdem kann man die Anzahl der Waren angeben, die in der Liste angezeigt werden sollen (maximal 50): Auf der Registerkarte Kacheln kannst du das Aussehen der Kacheln nach unseren Wünschen anpassen: Im Assistenten sind fünf Ansichten der Warenliste verfügbar: Neben der Warenlistenebene kann auch das Aussehen der Kachel angepasst werden. Es stehen drei Varianten zur Verfügung: In der Artikelliste wird außerdem ein Tooltip neben dem Produktnamen eingefügt, der, wenn der Mauszeiger über den Produktnamen bewegt wird, den vollständigen Inhalt anzeigt (im Falle langer Namen).

Schritt 3 - Artikeldetails

Nach der Erstellung der Warenliste geht es an die Erstellung der Warendetails.  

Tipp

Auf jeder Seite des Webshops kann man unterschiedliche Bereiche für empfohlene Artikel mit unterschiedlichen Typen einstellen (z. B. können die empfohlenen Artikel in den Artikeldetails anders angezeigt werden als in der Artikelliste).

Schritt 4 - Warenkorb

Nach der Erstellung der Artikeldetails kann man zur Auswahl der Warenkorbversion übergehen, die im Webshop verfügbar ist. Im Layout-Assistenten gibt es drei Versionen des Warenkorbs: Anschließend kann man das Aussehen der Vorlage ändern. Zu diesem Zweck sollte man auf die Registerkarte Stile gehen.

Stile

Wie kann ich Farben, Schriftarten und Symbole ändern?

Nach dem Hinzufügen von Seitenelementen kann man zusätzlich eine Vorschau anzeigen lassen, die zeigt, wie die  zukünftige Vorlage aussehen wird. Gehe dazu auf die Registerkarte Stile. Außerdem kann man auf der Registerkarte Stile das Aussehen der Vorlage ändern. Folgendes kann geändert werden:

Farbendesign

Um die Farbe der Vorlage zu ändern, gehst du bitte zum Abschnitt Farbendesign, wo 6 vorgefertigte Designs für dich zur Auswahl stehen.

Tipp

In der aktuellen Version des Layout-Assistenten wurde ein neues, dunkles Farbdesign hinzugefügt.

Jedes Thema kann nach den eigenen Wünschen bearbeitet werden. Die Farbe einzelner Elemente kann geändert werden (z. B. der Seitenhintergrund, der Kopfzeilenhintergrund, der Produktnamen oder sogar die Sekundärtextfarbe im Newsletter). Deine Änderungen werden gespeichert, nach dem Klicken auf Speichern. Wenn du mit den vorgenommenen Änderungen nicht zufrieden bist, kannst du die Standardeinstellungen für das Farbdesign wiederherstellen, indem du auf die Schaltfläche Wiederherstellen klickst. Es besteht auch die Möglichkeit, eine hexadezimale Farbnotation einzugeben. Die hexadezimale Farbnotation für die einzelnen Abschnitte der Vorlage ist bei der Bearbeitung des ausgewählten Farbendesigns verfügbar.

Schriftart

Je nach Bedarf besteht die Möglichkeit der Auswahl der Schriftart. Wir haben 13 verschiedene Schriftarten für unsere Kunden zur Verfügung gestellt. Unter dem Namen jedes Schriftart findest du ein Beispiel für ihr Aussehen in verschiedenen Formaten.  

Icons

Das letzte Element, das man auf der Registerkarte Stile ändern kann, ist das Aussehen der Symbole. Es stehen 3 verschiedene Symbolarten zur Auswahl. Außerdem kann man wählen, in welcher Form das Waren-symbol angezeigt wird (Tasche, Einkaufswagen oder Warenkorb) und der Lader.

Tipp

Von nun kannst du den Typ des Lader-Symbols ändern, indem du einen der 5 oben gezeigten Vorschläge auswählst.

Felder und Schaltflächenstille

Das letzte Element, das du auf der Registerkarte Stile ändern kannst, ist der Stil der Felder und Schaltflächen. Du hast die Wahl zwischen 3 verschiedenen Rundungsoptionen.

Vorlage erstellen und herunterladen

Nach dem Erstellen der Vorlage kann man sie über die Schaltfläche Erstellen in der oberen rechten Ecke generieren und auf die Festplatte herunterladen: Neben der Schaltfläche Erstellen ist auch die Option Vorlage importieren verfügbar, mit der eine zuvor gespeicherte Vorlage von der Festplatte hochgeladen und erneut bearbeitet werden kann. Wenn die Vorlage korrekt erstellt wurde, wird eine Meldung angezeigt, die darüber informiert und die Datei wird heruntergeladen. Die heruntergeladene Vorlage sollte im Comarch Webshop unter Webshop Layout/ Vorlage aus Layout Assistent importieren importiert werden. Die Topaz-Vorlage enthält die Information über den Zeitpunkt, zu dem die Vorlage im Assistenten erstellt wurde. Diese Information ist im Verwaltungsbereich im Menü zu finden: Erscheinungsbild des Webshops ➞ Einstellungen ➞ Mehr (drei Punkte), wo du Erweiterte Einstellungen bearbeiten und dann wieder Mehr ➞ HTML bearbeiten wählen solltest. Wähle dann _layout.html. aus der Liste der Dateien. Änderungsinformationen, einschließlich des Zeitpunkts der letzten Änderung, findest du oberhalb des Fensters Datei bearbeiten. Wenn die Datei nicht geändert wurde, entspricht die Zeit dem Zeitpunkt, zu dem die Vorlage im Assistenten erstellt wurde. Wenn die obligatorischen Elemente der Vorlage fehlen, kann die Vorlage nicht generiert werden. Die Schaltfläche Erstellen ist dann ausgegraut und in der rechten unteren Ecke erscheint die Meldung Vervollständigen Sie erforderliche Elemente in der Vorlage. Abschnitte, in denen ein Element nicht ausgewählt wurde, werden mit einem entsprechenden Symbol angezeigt. Im Layout Assistent gibt es auch die Möglichkeit, bei der Vorlagenerstellung rückwärts zu gehen, wobei wir bis zu 30 Schritte rückwärts unterstützen. Darüber hinaus kann man auch einen Schritt nach vorne machen. Alle Änderungen an Elementen, Informationen über Stile, Schriftarten und Symbole sowie der Name der Vorlage werden gespeichert.

Aktualisierung der Vorlage

Im Layout-Assistenten gibt es eine Option zur Aktualisierung früherer Versionen der Vorlage. Um die gesamte Vorlage zu aktualisieren, sollte man die vorherige Vorlagendatei in den Layout Assistenten hochladen wie in der untenstehenden Anweisung beschrieben: So lassen sich ältere Topaz-Vorlagen leicht auf die aktuelle Version aktualisieren.

Wiederherstellung des Warenkorbs für nicht eingeloggte Kunden

Die Topaz-Vorlage stellt den Warenkorb für nicht eingeloggte Kunden wieder her. Nach dem Verlassen der Seite oder dem Ausschalten des Browsers sieht ein nicht eingeloggter Kunde, der in den Webshop zurückkehrt, die zuvor in den Warenkorb gelegten Waren. Dieser Prozess funktioniert durch die Speicherung von Informationen in Cookies.

Mehr Informationen

Weitere Informationen erhältst du im Artikel Anpassungen des Layouts.

Aktionsbanner - wie funktioniert das?

Das Aktionsbanner wird auf der Startseite deines Webshops angezeigt und präsentiert die von dir angegebene Warenart an. Diese Art von Banner hilft dir, die Aufmerksamkeit der Kunden auf Waren zu lenken, die zum Beispiel in einem Sonderangebot enthalten sind.

Wie kann ich ein Aktionsbanner hinzufügen?

Du kannst ein Aktionsbanner über den B2C-Layout-Assistenten hinzufügen (alternativ: Admin Panel - Webshop Layout ➞ Layout Assisenten). Um ein Aktionsbanner zu deiner Vorlage hinzuzufügen, gehe zur Hauptseite, wähle Aktionsbanner und ziehe es an die gewünschte Stelle. Wenn du in der Vorschau des Vorlagenlayouts mit dem Mauszeiger über den Bereich mit dem Aktionsbanner ziehst, siehst du die Option, diesen zu bearbeiten. Wähle das Zahnrad-Symbol, um die Anzahl der angezeigten Artikel und den Typ empfohlener Artikel zu bearbeiten und festzulegen. Speichere deine Änderungen. Wenn die anderen Seiten der Vorlage fertig und konfiguriert sind, kannst du die Vorlage generieren. Weitere Informationen über den Layout-Assistenten und die verschiedenen Abschnitte erhältst du in diesem Artikel: Wie kann ich den Layout Assistenten im Comarch Webshop verwalten? Sobald die Vorlage in das Admin-Panel importiert wurde, kannst du mit der Bearbeitung des Banners fortfahren. Folge den unten stehenden Anweisungen.

Wie kann ich ein Aktionsbanner bearbeiten?

Die Änderung aller in den Comarch-Vorlagen verfügbaren Banner ist im Admin-Panel unter Webshop Layout ➞ Einstellungen ➞ Banner möglich. Informationen über die standardmäßige, traditionelle Änderung der Banner erhältst du im Artikel: Banner. Suche das Aktionsbanner in der Liste mit dem Namen promotionalBanner und wähle es aus. Füge ein Foto hinzu. Vergiss nicht, die Änderungen zu speichern und zu veröffentlichen. Geschafft! Jetzt wird dein Aktionsbanner auf der Startseite angezeigt.  

Einleitung

Banner, der auf den Produktlisten deines Webshops angezeigt wird, wird die Aufmerksamkeit der Kunden auf sich ziehen und dazu beitragen, den Umsatz zu steigern. Mit auffälligen Grafiken und attraktiven Botschaften kannst du bestimmte Produkte, saisonale Aktionen oder Neuheiten bewerben und sie von anderen Angeboten abheben. Sieh dir an, wie einfach es ist, einen Banner hinzuzufügen und zu konfigurieren, der auf den Produktlisten in deinem Webshop angezeigt wird.

Wie füge ich ein Banner zur Produktliste hinzu?

Schritt 1: Du kannst den Banner über den B2C Layout-Assistenten hinzufügen (alternativ: Administrationspanel des Webshops: Webshop Layout > Layout-Assistent). Im Layout- Assistent befindet sich der Banner im Abschnitt Produktliste > Banner in der Produktliste. Um den Banner hinzuzufügen, klicke einfach darauf:

Tipp

Um den Banner zu ändern, klicke einfach auf einen anderen Banner, und um ihn zu löschen, klicke erneut auf den hinzugefügten Banner.

Schritt 2: Du kannst die Banner-Einstellungen sowohl über den Layout-Assistenten als auch das Administrationspanel konfigurieren. Im Layout-Assistent klicke nach dem Hinzufügen des Banners zur Produktliste auf das Einstellungssymbol und gehe dann zum Tab Banner in der Produktliste:

Schritt 3: Die Vorlage mit dem vorbereiteten Banner muss generiert werden. Nachdem du die Vorlage ins Administrationspanel importiert hast, kannst du mit der weiteren Konfiguration fortfahren.

Schritt 4: Gehe zu den Einstellungen Webshop-Layout > Einstellungen > Banner. In diesem Abschnitt findest du den Banner mit dem Namen banner-in-list-2 oder, wenn du die erste Option gewählt hast, banner-in-list-1, und gehe dann zur Bearbeitung.

Schritt 5: Füge mit dem Plus-Symbol ein Bild in der Größe 720x300 für banner-in-list-2 oder 1400x300 für den Banner banner-in-list-2 hinzu. Nachdem du das richtige Bild hochgeladen hast, klicke auf Erweiterte Ansicht, um mit der Bearbeitung der anderen Elemente fortzufahren.

Tipp

Denk daran, die vorgenommenen Änderungen zu speichern und zu veröffentlichen.

Schritt 6: Fertig! Dein Banner wird im Webshop wie folgt angezeigt:

Tipp

Die Einstellungen des Banners, das in der Produktliste eingebettet ist, kannst du auch im Administrationspanel ändern, indem du zum Tab Webshop-Layout > Einstellungen > Verwaltung der Elemente in der Produktliste gehst.