Comment mettre en place un widget de type ecommerce ?

Les widgets “ecommerce” sont disponibles uniquement sur le type de page : détail produit.


Widget mise en avant produit

1/ Editez une “page” ou “mise en page”, puis sur un “PRODUIT”.

2/ Les options d’éditions vous permettent :

  • Choisir le produit à utiliser. Inscrivez les 1er lettre de votre produit puis sélectionnez le
  • Choisir le rendu horizontal ou vertical, ainsi que la position du visuel (gauche ou droite)
  • Choisir la taille de la police (font)
  • Choisir l’alignement du texte du produit : titre, prix et description (gauche, centre, droite)
  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Choisir la taille de la bordure
  • Arrondi correspond aux angles de votre visuel qu’il est possible d’ajuster
  • Choisir la couleur :
    • du fond du produit
    • du titre (C.a.d : le nom de votre produit)
    • du prix du produit
    • du texte (C.a.d. : la description de votre produit)
    • du texte et bordure du bouton “AJOUTER AU PANIER”

Widget fil d’ariane

1/ Editez la “page - détail produit”, puis sur un “FIL D’ARIANE”.

2/ Les options d’éditions vous permettent :

  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Choisir la couleur du texte- Choisir la couleur du fond

Widget nom produit

1/ Editez la “page - détail produit”, puis sur un “NOM PRODUIT”.

2/ Les options d’éditions vous permettent :

  • Choisir le type de titre (H1, H2, H3, h3, H5 ou H6)
  • Choisir l’alignement (gauche, centre, droite)
  • Choisir la taille de la police (font)
  • Choisir le type de police (font)
  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Choisir la couleur du texte- Choisir la couleur du fond

Widget référence produit

1/ Editez la “page - détail produit”, puis sur un “RÉFÉRENCE PRODUIT”.

2/ Les options d’éditions vous permettent :

  • Choisir l’alignement (gauche, centre, droite)
  • Choisir la taille de la police (font)
  • Choisir le type de police (font)
  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Choisir la couleur du texte- Choisir la couleur du fond

Widget description produit

1/ Editez la “page - détail produit”, puis sur un “DESCRIPTION PRODUIT”.

2/ Les options d’éditions vous permettent :

  • Choisir l’alignement (gauche, centre, droite)
  • Choisir la taille de la police (font)
  • Choisir le type de police (font)
  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Choisir la couleur du texte- Choisir la couleur du fond

Widget prix produit

1/ Editez la “page - détail produit”, puis sur un “PRIX PRODUIT”.

2/ Les options d’éditions vous permettent :

  • Choisir l’alignement (gauche, centre, droite)
  • Choisir la taille de la police (font)
  • Choisir le type de police (font)
  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Choisir la couleur du texte- Choisir la couleur du fond

Widget image produit

1/ Editez la “page - détail produit”, puis sur un “IMAGE PRODUIT”.

2/ Les options d’éditions vous permettent :

  • Ajuster la marge extérieure en pixel (haut et bas)
  • Choisir la couleur du fond

BOUTON : Modifier le carrousel

Réglages de la galerie :

  • Boucler sur les visuels
  • Afficher / cacher les flèches précédent / suivant
  • Lancer automatiquement le carrousel, ou rester figé sur le 1er visuel
  • Arrêter le défilement du carrousel lorsque votre souris se situe au dessus de ce dernier
  • Choisir la vitesse de défilement des visuels (en ms. Ex : 2000 pour 2 secondes entre chaque visuel)

Modèle de galerie :

  • Choisissez le rendu pour votre carrousel, puis cliquez sur “Valider”

Widget ajout panier

1/ Editez la “page - détail produit”, puis sur un “BLOC PANIER”.

2/ Les options d’éditions vous permettent :

  • Alignement du texte “Quantité” (gauche, centre, droite)
  • Choisir la taille de la police (font)
  • Choisir la couleur du texte

Widget produit associés

1/ Editez la “page - détail produit”, puis sur un “PRODUITS ASSOCIÉS”.

2/ Les options d’éditions vous permettent :

  • Choisir le nombre de produit associé à afficher (entre 1 et 3)
  • Ajuster la marge extérieure en pixel (haut et bas)

Détails produit :

1/ Editez la “page - détail produit”, puis sur un “DÉTAILS PRODUIT”.

2/ Les options d’éditions vous permettent :

  • Choisir le nombre de produit associé à afficher (entre 1 et 3)
  • Ajuster la marge extérieure en pixel (haut et bas)

Liste produit :

Les widgets “liste produit” sont disponibles uniquement sur le type de page liste produit.


Widget liste produit

1/ Editez la “page - détail produit”, puis sur un “LISTE PRODUIT”.

2/ Les options d’éditions vous permettent :

  • Afficher :
    • le visuel du produit (oui / non)
    • le nom du produit (oui / non)
    • la description du produit (oui / non)
    • le prix (oui / non)- le bouton “Ajouter au panier” (oui / non)
  • Choisir le nombre de produit par ligne (entre 2 et 4)
  • Choisir le tri par défaut des produits :
    • Page date de création du produit sur Sellsy
    • Par prix décroissant
    • Par prix croissant
  • Ajuster la marge extérieure en pixel (haut et bas)

Widget filtre

1/ Editez la “page - détail produit”, puis sur un “FILTRE”.

2/ Les options d’éditions vous permettent :

  • Afficher :
    • le filtre de catégories
    • le filtre de déclinaisons
    • le filtre de promotions
  • Choisir le mode d’affichage (vertical ou horizontal)
  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Choisir la couleur du texte
  • Choisir la couleur du titre
  • Choisir la couleur de fond du bloc
  • Choisir la couleur des bordures

Widget authentification

Les widgets “login” sont disponibles uniquement sur le type de page authentification.

Formulaire connexion :

1/ Editez la “page - authentification”, puis sur un “FORMULAIRE DE CONNEXION”.

2/ Les options d’éditions vous permettent :

  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Choisir la couleur du fond
  • Choisir la couleur du texte
  • Choisir la couleur de fond du bouton
  • Choisir la couleur du texte du bouton

Formulaire inscription :

1/ Editez la “page - authentification”, puis sur un “FORMULAIRE D’INSCRIPTION”.

2/ Les options d’éditions vous permettent :

  • Choisir de rendre le champ “téléphone” obligatoire (oui / non)
  • Ajuster la marge intérieure en pixel (gauche et droite / haut et bas)
  • Ajuster la marge extérieure en pixel (gauche et droite / haut et bas)
  • Choisir la couleur :
    • du fond global
    • fond du bouton
    • du texte et bordure du bouton

Rendu du formulaire une fois qu’un email est validé :

Cet article vous a-t-il été utile ?