Das Widget „Produktsuche“ ermöglicht es Käufern, in Ihrem Shop nach Produkten zu suchen. Während der Käufer etwas in die Suchleiste eingibt, werden die Ergebnisse auf der Grundlage von Produkten angezeigt, die den Suchkriterien entsprechen. Nachdem der Käufer eine Option ausgewählt hat, wird er direkt zu dieser Produktseite weitergeleitet
So fügst du das Produktsuch-Widget hinzu:
-
Klicken und ziehen Sie im Abschnitt StoreSuche nach Produktenauf die gewünschte Stelle auf der Seite.
Um auf den Inhaltseditor zuzugreifen, klicken Sie mit der rechten Maustaste auf das Widget und klicken Sie aufInhalt bearbeiten.
In derPlatzhaltertextdiesem Feld können Sie den Text eingeben, der im Produktsuch-Widget angezeigt wird. Dieser Text verschwindet, wenn der Benutzer beginnt, das Widget einzugeben.
Um auf den Designeditor zuzugreifen, klicken Sie mit der rechten Maustaste auf das Widget Produktsuche und klicken Sie aufDesign bearbeiten.
Eingabefeld
Das Eingabefeld ist der Bereich des Widgets „Produktsuche“, in dem der Käufer seine Suchanfrage eingibt. Sie können die folgenden Designeinstellungen 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 Anfrage beginnt):
-
Farbe des Hintergrunds
-
Randstärke (in px). Um den Randtyp zu ändern, klicken Sie auf Ausrüstung Symbol neben Grenzen.
-
Abgerundete Ecken (in px). Um den Rahmentyp zu ändern, klicken Sie auf Ausrüstung Symbol neben Abgerundete Ecken.
-
Ob es einen Schatten gibt oder nicht, und wenn ja, Farbe, Typ und Position des Schattens.
-
-
Fokus (Diese Einstellungen gelten für das Eingabefeld, nachdem der Käufer mit der Eingabe seiner Anfrage begonnen hat):
-
Farbe des Hintergrunds
-
Randstärke (in px)
-
Ob es einen Schatten gibt oder nicht, und wenn ja, Farbe, Typ und Position des Schattens.
-
Ergebnisse der Suche
Die Suchergebnisse sind der Bereich, in dem die Ergebnisse unter dem Eingabefeld angezeigt werden. Sie können die folgenden Entwurfseinstellungen für die Suchergebnisse bearbeiten
-
Abmessungen
-
Maximale Höhe (in px)
-
-
Hintergrund und Layout(Diese Einstellungen gelten für Suchergebnisse, bevor der Käufer den Mauszeiger über ein bestimmtes Ergebnis bewegt):
-
Farbe
-
Grenze. Um den Rahmentyp zu ändern, klicken Sie auf Ausrüstung Symbol neben Grenze.
-
Abgerundete Ecken Um zu ändern, welche Ecken abgerundet werden, klicken Sie aufAusrüstungSymbol nebenAbgerundete Ecken.
-
Ob es einen Schatten gibt oder nicht, und wenn ja, Farbe, Typ und Position des Schattens.
-
-
Schweben(Diese Einstellungen gelten, wenn der Käufer den Mauszeiger über ein bestimmtes Suchergebnis bewegt):
-
Farbe des Hintergrunds
-
Ob es einen Schatten gibt oder nicht, und wenn ja, Farbe, Typ und Position des Schattens.
-
Für den Text im Eingabefeld und die Suchergebnisse können Sie die folgenden Entwurfseinstellungen bearbeiten:
-
Schrift
-
Größe der Schrift
-
Farbe der Schrift
-
Format (fett, kursiv, unterstrichen)
-
Ausrichtung
-
Richtung
-
Wenn Sie in den Suchergebnissen mit der Maus auf Text zeigen, können Sie sowohl die Farbe als auch das Format bearbeiten.
Informationen zu Gestaltungsoptionen, die nicht spezifisch für dieses Widget sind (Animation oder Abstand), finden Sie unter Widget-Design.