La recherche de produits widget permet aux acheteurs de rechercher des produits dans tu store. Lorsque l'acheteur tape 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 directement dirigé vers la page du produit en question.
Pour ajouter le widget de recherche de produits :
-
Dans le panneau latéral, cliquez sur widget.
-
Dans la section store, cliquez et faites glisser Recherche de produits à l'endroit souhaité sur la page.
Pour accéder à l'Éditeur de contenu, cliquez avec le bouton droit de la souris sur le site widget, puis cliquez sur Modifier le contenu.
Dans le champ Placeholder text, vous pouvez saisir le texte qui apparaîtra dans la recherche de produits widget. Ce texte disparaîtra lorsque l'utilisateur commencera à taper dans le widget.
Pour accéder à l'éditeur de conception, cliquez avec le bouton droit de la souris sur le widget Recherche de produits, puis cliquez sur Modifier la conception.
Champ de saisie
Le champ de saisie est la zone du widget Recherche de produit dans laquelle l'acheteur saisit sa requête. Vous pouvez modifier les paramètres de conception suivants pour le champ de saisie :
-
Dimensions
-
Hauteur (en px)
-
-
Arrière-plan et mise en page (ces paramètres s'appliquent au champ de saisie avant que l'acheteur ne commence à taper sa requête) :
-
Couleur d'arrière-plan
-
Epaisseur de la bordure (en px). Pour modifier le type de bordure, cliquez sur l'icône en forme d'engrenage située à côté de Bordures.
-
Coins arrondis (en px). Pour modifier le type de bordure, cliquez sur l'icône en forme d'engrenage située à côté de Coins arrondis.
-
La présence ou non d'une ombre et, le cas échéant, la couleur, le type et la position de l'ombre.
-
-
Focus (Ces paramètres s'appliquent au champ de saisie une fois que l'acheteur a commencé à lier sa requête) :
-
Couleur d'arrière-plan
-
Épaisseur de bordure (en px)
-
La présence ou non d'une ombre et, le cas échéant, la couleur, le type et la position de l'ombre.
-
Résultats de la recherche
Les résultats de recherche correspondent à la zone dans laquelle les résultats s'affichent sous le champ de saisie. Vous pouvez modifier les paramètres de conception suivants pour les résultats de recherche :
-
Dimensions
-
Hauteur max. (en px)
-
-
Arrière-plan et mise en page (ces paramètres s'appliquent aux résultats de la recherche avant que l'acheteur ne se rende sur le site hover pour sélectionner un résultat spécifique) :
-
Couleur
-
Frontière. Pour modifier la teinte de la bordure, cliquez sur l'icône en forme de roue dentée située à côté de Bordure.
-
Coins arrondis. Pour modifier les coins arrondis, cliquez sur l'icône d'engrenage en regard de Coins arrondis.
-
La présence ou non d'une ombre et, le cas échéant, la couleur, le type et la position de l'ombre.
-
-
hover (Ces paramètres s'appliquent lorsque l'acheteur se trouve sur le site hover et qu'il recherche un résultat spécifique) :
-
Couleur d'arrière-plan
-
La présence ou non d'une ombre et, le cas échéant, 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 :
-
Police
-
Taille de la police
-
Couleur de la police
-
Format (gras, italique, souligné)
-
Alignement
-
Orientation
-
Lorsque le texte est survolé dans les résultats de recherche, vous pouvez modifier la couleur et le format.
Pour plus d'informations sur les options de conception qui ne sont pas spécifiques à ce site widget (animation ou espacement), consultez le site widget Design.