Le widget Recherche de produits permet aux acheteurs de rechercher des produits dans votre boutique. Au fur et à mesure que l'acheteur saisit des informations dans la barre de recherche, les résultats s'affichent en fonction des produits qui correspondent aux critères de recherche. Après avoir sélectionné une option, l'acheteur est redirigé directement vers la page de ce produit
Pour ajouter le widget de recherche de produits :
-
Dans la section Store, cliquez et faites glisserRecherche de produitsà l'endroit souhaité sur la page.
Pour accéder à l'éditeur de contenu, cliquez avec le bouton droit sur le widget, puis cliquez surModifier le contenu.
Dans leTexte de l'espace réservéchamp, vous pouvez saisir le texte qui apparaîtra dans le widget de recherche de produits. Ce texte disparaît lorsque l'utilisateur commence à taper dans le widget.
Pour accéder à l'éditeur de conception, cliquez avec le bouton droit sur le widget Recherche de produits, puis cliquez surModifier le design.
Champ de saisie
Le champ de saisie est la zone du widget de recherche de produits dans laquelle l'acheteur saisit sa requête de recherche. Vous pouvez modifier les paramètres de conception suivants pour le champ de saisie :
-
Dimensions
-
Hauteur (en px)
-
-
Contexte et mise en page (Ces paramètres s'appliquent au champ de saisie avant que l'acheteur ne commence à saisir sa requête) :
-
Couleur de fond
-
Épaisseur de la bordure (en px). Pour modifier le type de bordure, cliquez sur équipement icône à côté de Bordures.
-
Coins arrondis (en px). Pour modifier le type de bordure, cliquez sur équipement icône à côté de Coins arrondis.
-
S'il y a ou non une ombre et, dans l'affirmative, la couleur, le type et la position de l'ombre.
-
-
Concentrez-vous (Ces paramètres s'appliquent au champ de saisie une fois que l'acheteur commence à saisir sa requête) :
-
Couleur de fond
-
Épaisseur de la bordure (en px)
-
S'il y a ou non une ombre et, dans l'affirmative, la couleur, le type et la position de l'ombre.
-
Résultats de recherche
Les résultats de la recherche sont la zone dans laquelle les résultats apparaissent sous le champ de saisie. Vous pouvez modifier les paramètres de conception suivants pour les résultats de recherche :
-
Dimensions
-
Hauteur maximale (en px)
-
-
Contexte et mise en page(Ces paramètres s'appliquent aux résultats de recherche avant que l'acheteur ne passe la souris sur un résultat spécifique) :
-
couleur
-
Bordure. Pour modifier le type de bordure, cliquez équipement icône à côté de Bordure.
-
Angles arrondis Pour modifier les coins arrondis, cliquez suréquipementicône à côté deAngles arrondis
-
S'il y a ou non une ombre et, dans l'affirmative, la couleur, le type et la position de l'ombre.
-
-
Survolez(Ces paramètres s'appliquent lorsque l'acheteur passe la souris sur un résultat de recherche spécifique) :
-
Couleur de fond
-
S'il y a ou non une ombre et, dans l'affirmative, la couleur, le type et la position de l'ombre.
-
Pour le texte contenu dans le champ de saisie et les résultats de recherche, vous pouvez modifier les paramètres de conception suivants :
-
Fonte
-
Taille de police
-
Couleur de police
-
Format (gras, italique, souligné)
-
Alignement
-
Direction
-
Lorsque vous passez la souris sur du texte dans les résultats de recherche, vous pouvez modifier à la fois la couleur et le format.
Pour plus d'informations sur les options de conception qui ne sont pas spécifiques à ce widget (animation ou espacement), voir Conception du widget.