Ändern des Designs Ihres Ecwid-Shops auf Wix

Ecwid ist professionell nach den neuesten E-Commerce-Trends gestaltet und sieht auf jedem Gerät gut aus. Wenn Sie Ecwid auf Ihrer Wix-Website installiert haben, können Sie sofort mit dem Verkauf beginnen. Dennoch können Sie das Design Ihres Ecwid-Shops auf Wix ändern, so dass Ihr Online-Schaufenster dem Gesamtbild Ihrer Website entspricht.

Mit dem intuitiven visuellen Editor in der Ecwid-App für Wix können Sie die Schriftarten und Farben des Shops ändern, die Größe und das Seitenverhältnis der Produktbilder anpassen, das Layout der Produkt- und Katalogseiten ändern und Seitenelemente ohne Programmierkenntnisse ausblenden.

Ändern von Schriftarten und Farben im Shop

Mit der Ecwid-App für Wix können Sie die bevorzugten Farben für den Hintergrund Ihres Shops, den Text, die Links und die Schaltflächen auswählen, den Schriftstil ändern und die Deckkraft des Hintergrunds anpassen, um einen Online-Shop zu erstellen, der perfekt zum allgemeinen Stil der Website passt.

Wenn Sie sich nicht sicher sind, welches Farbschema Sie für Ihren Shop wählen sollen, können Sie die Farben auswählen, die der Farbpalette der Hauptwebsite entsprechen, indem Sie die 60-30-10 Regel anwenden:

• die Primärfarbe, die 60 % der Seite einnimmt – die Hintergrundfarbe;
• die Sekundärfarbe, die 30 % der Seite einnimmt und mit der Primärfarbe kontrastiert – die Textfarbe;
• die Akzentfarben, die 10 % der Seite einnehmen und entweder Ihre Primär- oder Sekundärfarbe ergänzen – die Farbe der Schaltflächen, Links und Produktpreise.

Was die Schriftarten betrifft, so empfehlen wir, nicht mehr als 2-3 Schriftarten für die Website zu wählen – eine für Überschriften und Titel, eine für Untertitel (optional) und eine für die Inhaltsbereiche. Zu viele Schriftstile können Ihre Website unordentlich und unprofessionell aussehen lassen. Es könnte damit schwierig sein, die wichtigen Botschaften zu erkennen, die Sie vermitteln wollen.

Um die Schriftart und die Farben des Shops zu ändern:

1. Öffnen Sie Ihren Wix Website-Editor und wechseln Sie zu der Seite, auf der Ihr Ecwid-Shop installiert ist (standardmäßig ist es die Seite für den Online-Shop).
2. Klicken Sie irgendwo in den Block mit Ihren Produkten und wählen Sie Einstellungen:

3. Wechseln Sie im Popup-Menü auf die Registerkarte Design:

4. Wählen Sie die gewünschte Schriftart im Bereich Schriftstil:

5. Wählen Sie die Hintergrundfarbe der Seite im Block der Farbauswahl aus und passen Sie die Deckkraft an, falls erforderlich:

6. Legen Sie in den entsprechenden Farbauswahlfeldern die Farben für Text, Produktpreise, Links und Schaltflächen fest:

7. Wenn Sie mit den von Ihnen vorgenommenen Farbänderungen nicht zufrieden sind, können Sie sie jederzeit wieder rückgängig machen, indem Sie auf die entsprechende Option klicken, um die Standardfarben wiederherzustellen:

Sie können das Ergebnis Ihrer Änderungen in der Vorschau überprüfen. Wenn Sie mit der Bearbeitung der Schriftarten und Farben fertig sind, denken Sie daran, Ihre Website zu veröffentlichen, um die Änderungen zu übernehmen.

Ändern des Designs der Produktliste

Produktlisten sind Seiten, auf denen die Artikel angezeigt werden, die der gleichen Produktkategorie oder der Startseite des Shops zugeordnet sind. Sie können die Art und Weise, wie Ihre Produkte auf den Listing-Seiten angezeigt werden, in der Ecwid-App für Wix anpassen.

So können Sie beispielsweise die Größe und das Seitenverhältnis der Produktbilder (Miniaturansichten) bestimmen. Große Bilder sind in der Regel gut geeignet, um die wichtigsten Details Ihrer Produkte zu zeigen, mittelgroße Bilder sind ein gutes Mittelmaß für die meisten Produkte, während kleine Bilder es ermöglichen, mehr Produkte pro Seite unterzubringen. Die kleinen Bilder eignen sich gut, wenn Ihre Produkte besser durch die Beschreibung als durch das Bild präsentiert werden, z. B. Autoteile, verschiedene Geräte usw.

Mit den Seitenverhältnismustern können Sie die Auflistungsseiten für die horizontal oder vertikal ausgerichteten Bilder anpassen. Sie können auch die Hintergründe der Miniaturansichten abdunkeln, um die Produkte auf der Seite besser hervorzuheben.

Versuchen Sie, die Ausrichtung des Textes in den Produktkarten oder die Sichtbarkeit der Produktnamen, Preise und „Jetzt kaufen“-Schaltflächen zu ändern, wenn Sie ein geräumigeres Aussehen der Produktlistenseiten wünschen.

Auf der gegenüberliegenden Seite können Sie die Produktnamen, Preise und „Jetzt kaufen“-Schaltflächen anzeigen und Ihren Kunden ermöglichen, Artikel direkt von den Katalogseiten aus in den Warenkorb zu legen.

Zum Anpassen des Aussehens der Produktlistenseiten:

1. Öffnen Sie Ihren Wix Website-Editor und wechseln Sie zu der Seite, auf der Ihr Ecwid-Shop installiert ist (standardmäßig ist es die Seite für den Online-Shop).
2. Klicken Sie irgendwo in den Block mit Ihren Produkten und wählen Sie Einstellungen:

3. Wechseln Sie im Popup-Menü auf die Registerkarte Produktliste:

4. Ändern Sie die Miniaturbildgröße und das Seitenverhältnis:

5. Aktivieren Sie die Option zum Abdunkeln der Hintergründe der Miniaturansichten:

6. Passen Sie die Ausrichtung von Text und Schaltflächen auf den Produktkarten an:

7. Aktivieren Sie die Option, wenn Sie einen Rahmen um die Produktkarten anzeigen möchten:

8. Wählen Sie, ob Sie Produktname, Preis, SKU, „Jetzt kaufen“-Schaltfläche und die Zusätzlichen Produktbilder (Galeriebilder) auf den Produktlistenseiten immer anzeigen, nur unter der Maus anzeigen oder ausblenden möchten:

Sie können das Ergebnis Ihrer Änderungen in der Vorschau überprüfen. Wenn Sie mit der Bearbeitung des Designs der Produktlistenseiten fertig sind, denken Sie daran, sie zu veröffentlichen, um die Änderungen zu übernehmen.

Ändern des Designs der Produktseiten

Produktseiten sind Seiten, die detaillierte Informationen über ein Produkt enthalten: seine Beschreibung, eine Galerie mit zusätzlichen Bildern, Preis, Lagerbestand, Varianten und mehr.

Sie können das Aussehen der Produktseiten in der Ecwid-App für Wix anpassen, indem Sie das Seitenlayout und die Sichtbarkeit der Elemente in der Seitenleiste ändern.

Sie können aus mehreren Seitenlayout-Optionen wählen:

• 2 Spalten mit Produktbeschreibung auf der rechten Seite: eine Standardoption, die mit hochwertigen Bildern und einer kurzen Beschreibung gut aussieht;
• 2 Spalten mit Produktbeschreibung unter dem Bild: ein klassisches Layout, ideal für Produkte mit langen Beschreibungen;
• 2 Spalten mit Produktbeschreibung auf der linken Seite: ein gespiegeltes Layout für Produkte, die besser durch ihre Beschreibung als durch das grafische Bild dargestellt werden;
• 3 Spalten: ein inhaltsreiches Layout, das so viele Informationen wie möglich auf einem einzigen Bildschirm unterbringen kann und am besten auf breiten Bildschirmen funktioniert.

Um das Aussehen der Produktseiten zu ändern:

1. Öffnen Sie Ihren Wix Website-Editor und wechseln Sie zu der Seite, auf der Ihr Ecwid-Shop installiert ist (standardmäßig ist es die Seite für den Online-Shop).
2. Klicken Sie irgendwo in den Block mit Ihren Produkten und wählen Sie Einstellungen:

3. Wechseln Sie im Popup-Menü auf die Registerkarte Produkt:

4. Wählen Sie das bevorzugte Layout im entsprechenden Abschnitt des Produktdetails-Layouts:

5. Wählen Sie im Bereich Produktgalerie-Layout, wie Sie die Galeriebilder anzeigen möchten:

6. Legen Sie im Bereich für den Seitenleisteninhalt fest, welche Produktdetails Sie anzeigen möchten:

Sie können das Ergebnis Ihrer Änderungen in der Vorschau überprüfen. Wenn Sie mit der Bearbeitung des Designs der Produktdetails fertig sind, denken Sie daran, sie zu veröffentlichen, um die Änderungen zu übernehmen.

Verwandte Artikel

Hinzufügen Ihres Ecwid-Shops zur Wix-Website
Hinzufügen von Kategorien zu Ihrem Ecwid-Shop auf Wix