Mit dem widget Produktsuche können Käufer in Ihrem storenach Produkten suchen. Wenn der Käufer etwas in die Suchleiste eingibt, werden die Ergebnisse basierend auf Produkten angezeigt, die den Suchkriterien entsprechen. Nachdem der Käufer eine Option ausgewählt hat, wird er direkt auf diese Produktseite weitergeleitet.
So fügen Sie das widgetProduktsuche hinzu:
-
Klicken Sie in der Seitenleiste auf widget.
-
Klicken Sie im store Bereich auf Produktsuche und ziehen Sie es an die gewünschte Stelle auf der Seite.
Um den Inhaltseditor aufzurufen, klicken Sie mit der rechten Maustaste auf das widgetund klicken Sie auf Inhalt bearbeiten.
Im Textfeld Platzhalter können Sie den Text eingeben, der in der widgetProduktsuche angezeigt wird. Dieser Text verschwindet, wenn der Benutzer mit der Eingabe im widgetbeginnt.
Um auf den Designeditor zuzugreifen, klicken Sie mit der rechten Maustaste auf das widgetProduktsuche und klicken Sie auf Design bearbeiten.
Eingabefeld
Das Eingabefeld ist der Bereich des „Produktsuche“-Widgets, in den der Käufer seine Suchanfrage eingibt. Sie können die folgenden Design-Einstellungen für das Eingabefeld bearbeiten:
-
Abmessungen
-
Höhe (in px)
-
-
Hintergrund und Layout (Diese Einstellungen gelten für das Eingabefeld, bevor der Käufer mit der Eingabe seiner Suchanfrage beginnt):
-
Hintergrundfarbe
-
Dicke des Rahmens (in px). Um den Rahmentyp zu ändern, klicken Sie auf das Zahnradsymbol neben Rahmen.
-
Abgerundete Ecken (in px). Um den Rahmentyp zu ändern, klicken Sie auf das Zahnradsymbol neben Abgerundete Ecken.
-
Ob es einen Schatten gibt oder nicht, und falls ja, die Farbe, der Typ und die Position des Schattens.
-
-
Fokus (Diese Einstellungen gelten für das Eingabefeld, nachdem der Käufer mit der Verknüpfung seiner Suchanfrage begonnen hat):
-
Hintergrundfarbe
-
Rahmenstärke (in px)
-
Ob es einen Schatten gibt oder nicht, und falls ja, die Farbe, der Typ und die Position des Schattens.
-
Suchergebnisse
„Suchergebnisse“ ist der Bereich, in dem die Ergebnisse unter dem Eingabefeld angezeigt werden. Sie können die folgenden Design-Einstellungen für die Suchergebnisse bearbeiten:
-
Abmessungen
-
Max. Höhe (in px)
-
-
Hintergrund und Layout (Diese Einstellungen gelten für Suchergebnis, bevor der Shopper über ein bestimmtes Ergebnis hover ):
-
Farbe
-
Grenze. Um den Rahmen zu ändern, klicken Sie auf das Zahnradsymbol neben Rahmen.
-
Abgerundete Ecken. Um zu ändern, welche Ecken abgerundet werden, klicken Sie auf das Zahnradsymbol neben Abgerundete Ecken.
-
Ob es einen Schatten gibt oder nicht, und falls ja, die Farbe, der Typ und die Position des Schattens.
-
-
hover (Diese Einstellungen gelten, wenn der Shopper über ein bestimmtes Suchergebnis hover wird):
-
Hintergrundfarbe
-
Ob es einen Schatten gibt oder nicht, und falls ja, die Farbe, der Typ und die Position des Schattens.
-
Für den Text im Eingabefeld und in den Suchergebnissen können Sie die folgenden Design-Einstellungen bearbeiten:
-
Schriftart
-
Schriftgröße
-
Schriftfarbe
-
Format (fett, kursiv, unterstrichen)
-
Ausrichtung
-
Richtung
-
Wenn der Mauszeiger über Text in den Suchergebnissen bewegt wird, können Sie sowohl die Farbe als auch das Format bearbeiten.
Informationen zu Designoptionen, die nicht spezifisch für diesen widget sind (Animation oder Abstände), finden Sie unter widget Design.