Verbessere das Kundenerlebnis mit Produkt-Schnellansicht, Zoom und Mouseover-Effekten.

Füge interaktive Details wie Schnellansicht, Zoomansicht und Mouseover-Effekte zu deiner Shop-Seite hinzu. Diese Funktionen werden angezeigt, wenn Kunden mit der Maus über deine Produktbilder fahren, um ihnen einen genaueren Blick zu ermöglichen.

Tipp: Registriere dich für unser Webinar Design-Tipps, um den Umsatz deines Shops zu steigern, um zu erfahren, wie du deine Produkte auf deiner Website hervorheben und den Umsatz steigern kannst.

Spezielle Funktionen der Shop-Seite

Welche Sonderfunktionen für Shop-Seiten verfügbar sind und wie du sie gestaltest, hängt davon ab, auf welcher Version von Squarespace sich deine Website befindet.

Zoomansicht zu Produktbildern hinzufügen

Die Zoomansicht zeigt eine größere Version des Produktbildes an, damit Kunden Material, Textur und feinere Details genauer betrachten können. Die Zoomansicht ist auf Produktdetailseiten und Schnellansicht-Lightboxes verfügbar

Du kannst den Zoom so einstellen, dass er bei Mouseover oder beim Anklicken des Bildes aktiviert wird.

Zoomansicht für deine Produkte aktivieren

Tipp: Um optimale Ergebnisse zu erzielen, formatiere dein Produktbild vor dem Hochladen zur Anzeige im Web.

Zoomansicht ist auf Mobilgeräten nicht verfügbar. Wie du die Zoomansicht für die Desktop-Anzeige aktivierst , hängt von der Version deiner Website ab.

Hinweis: Bilder mit transparenten Hintergründen (.png) zeigen das Originalbild hinter der gezoomten Version an.

Schnellansicht zu Produkten hinzufügen

Mit der Schnellansicht können Kunden auf einen Button klicken, um Produktdetails in einer Lightbox anzuzeigen, ohne die aktuelle Seite verlassen zu müssen. Dies ermutigt Kunden, mit deinem Shop zu interagieren und mehr deiner Produkte zu durchsuchen. Der Schnellansicht-Button kann auf Übersichts-Blöcken, Produkt-Blöcken und Shop-Seiten angezeigt werden.

Der Button erscheint, wenn man mit der Maus über das Produkt fährt. Die Schnellansicht-Lightbox enthält Produktdetails, Bilder und einen Vollständigen Artikel anzeigen-Link, der zur Seite des Produkts führt.

Wenn unerwünschter Code in der Schnellansicht angezeigt wird, liegt dies wahrscheinlich daran, dass die Produktbeschreibung eine externe Textformatierung enthält. Um die Formatierung zu entfernen, gib die Produktbeschreibung manuell erneut ein oder füge sie als Klartext ein.

Schnellansicht-Buttons für deine Produkte aktivieren

Du kannst die Schnellansicht pro Shop-Seite und pro Block aktivieren. Wenn du mehrere Shop-Seiten oder Blöcke hast, füge die Buttons einzeln hinzu.

So fügst du eine Schnellansicht zu einem Produkt-Block hinzu:

1. Wähle im Produkt-Block-Editor ein Produkt aus, das du anzeigen möchtest.
2. Aktiviere im Tab Design den Schalter Produkt-Schnellansicht.
3. Speichere deine Änderungen an der Seite.

So fügst du eine Schnellansicht zu einem Übersichts-Block hinzu:

1. Vergewissere dich, dass eine Shop-Seite im Übersichts-Block-Editor im Tab Inhalt ausgewählt ist.
2. Klicke auf den Reiter Design.
3. Aktiviere die Option Produkt-Schnellansicht aktivieren. Der Schnellansicht-Button erscheint über dem ausgewählten Bild des Produkts.
4. Speichere deine Änderungen an der Seite.

So fügst du eine Schnellansicht zu einer Shop-Seite hinzu:

1. Öffne die Seiteneinstellungen.
2. Klicke auf Erweitert, klicke auf Schnellansicht und aktiviere die Option Schnellansicht.
3. Wenn du mehrere Shop-Seiten hast, wiederhole diese Schritte für jede einzelne Seite.

Hinweis: Die Farbe des Schnellansicht-Fensters folgt der Hintergrundfarbe des Shop-Seitenabschnitts in Website-Stile.

Mouseover-Effekte zu Produkten hinzufügen

Mouseover-Effekte zeigen Informationen an oder erzeugen eine Bewegung, wenn sich ein Cursor über ein Produktbild bewegt. Die auf deiner Website verfügbaren Mouseover-Optionen hängen von der Version deiner Website ab.