Article Widget : Design
Temps de lecture : 3 min
Utilisez les options ci-dessous pour concevoir un design parfait pour votre Article Widget.
Arrière-plans et bordures
- Opacité : cliquez sur la case de couleur pour sélectionner une couleur d'arrière-plan. Faites glisser le curseur pour modifier l'opacité.
- Largeur bordure (px) et couleur : cliquez sur la case de couleur pour sélectionner une couleur de bordure pour l'article widget et faites glisser le curseur pour modifier la largeur de la bordure.
- Largeur du séparateur (px) et couleur : cliquez sur la case de couleur pour sélectionner la couleur de la ligne de séparation et faites glisser le curseur pour modifier la largeur de la ligne de division.
- Longueur du séparateur (px) : faites glisser le curseur pour modifier la longueur de la ligne de séparation entre le nom et le prix.
Texte
Sélectionnez une couleur de texte et cliquez sur l'icône Texte 
pour sélectionner une police pour :
pour sélectionner une police pour :- Nom de l'article
- Prix de l'article
- Répartition des prix (par exemple, 2,50 €/kg)
- Message de rupture de stock
Bouton
- Style du bouton : cliquez pour sélectionner un style de bouton.
- Couleur de remplissage et opacité : cliquez sur la case de couleur pour sélectionner une couleur d'arrière-plan du bouton. Faites glisser le curseur pour changer l'opacité.
- Largeur bordure (px) et couleur : cliquez sur la case de couleur pour sélectionner la couleur de bordure du bouton et faites glisser le curseur pour modifier la largeur de la bordure.
- Rayon des angles (px) : faites glisser le curseur pour modifier le rayon du coin du bouton (plus le rayon est grand, plus le bouton est arrondi).
- Taille du bouton : faites glisser le curseur pour modifier la taille du bouton.
- Police et couleur texte :
cliquez sur la case de couleur pour sélectionner une couleur de texte et cliquez sur l'icône Texte pour sélectionner une police pour le bouton.
Survol
Décidez comment l'article widget se comportent lorsque vos visiteurs le survolent :
- Rien : le widget ne change pas.
- Opacité et couleur superposition : une superposition de couleur apparaît.
- Cliquez sur la case de couleur pour sélectionner une couleur de superposition. Faites glisser le curseur pour changer l'opacité.
- (Facultatif) Cliquez sur la case de couleur pour sélectionner la couleur de la bordure et faites glisser le curseur pour modifier la largeur de la bordure.
- (Facultatif) Cliquez sur le curseur Zoom survol :
- Activé : lorsque la souris du client survole l'image, elle est agrandie.
- Désactivé : lorsque la souris du client passe au-dessus de l'image, il n'y a pas de zoom.
- Zoom :
- (Facultatif) Cliquez sur la case de couleur pour sélectionner une couleur de superposition. Faites glisser le curseur pour changer l'opacité.
- Cliquez sur la case de couleur pour sélectionner la couleur de la bordure et faites glisser le curseur pour modifier la largeur de la bordure.
- (Facultatif) Cliquez sur le curseur Zoom survol :
- Activé : lorsque la souris du client survole l'image, elle est agrandie.
- Désactivé : lorsque la souris du client passe au-dessus de l'image, il n'y a pas de zoom.
- Largeur bordure (px) et couleur :
- (Facultatif) Cliquez sur la case de couleur pour sélectionner une couleur de superposition. Faites glisser le curseur pour changer l'opacité.
- Cliquez sur la case de couleur pour sélectionner la couleur de la bordure et faites glisser le curseur pour modifier la largeur de la bordure.
- (Facultatif) Cliquez sur le curseur Zoom survol :
- Activé : lorsque la souris du client survole l'image, elle est agrandie.
- Désactivé : lorsque la souris du client passe au-dessus de l'image, il n'y a pas de zoom.
Ruban
Concevez le design des rubans. Pour savoir comment ajouter des rubans aux articles, cliquez ici.
- Couleur de remplissage et opacité : cliquez sur la case de couleur pour sélectionner une couleur de ruban. Faites glisser le curseur pour changer l'opacité du ruban.
- Couleur du texte : sélectionnez une couleur de texte pour le ruban.
Cela vous a-t-il aidé ?
|