Email-Icon Created with Sketch. Group 3 Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Trust Pilot Stars Created with Sketch. 1-5-million Created with Sketch. black-green yellow_blue Control-panel-Icon Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. icon-slider-next Created with Sketch. icon-slider-prev Created with Sketch. Webmail-icon Created with Sketch. heart Created with Sketch. Open-24-7 Created with Sketch. 247 Created with Sketch. open24 Created with Sketch. 24 7 trusted Created with Sketch. Fill 1 Created with Sketch.

Comment insérer ma Boutique dans le Website Builder ?

Vous pouvez insérer votre Boutique en ligne dans votre site Website Builder avec le composant Boutique en ligne.

  1. Connectez-vous au Panneau de Configuration et ouvrez le Website Builder.
  2. Cliquez sur l'onglet Composants et faites glisser le composant Boutique en ligne dans votre espace de travail.
  3. Ajustez la taille et le positionnement du composant selon votre goût :
    - Entrez les dimensions exactes dans la zone verte visible quand l'élément est sélectionné.
    - Faites glisser les poignées de redimensionnement à la taille de votre choix.
  4. Ajustez les Propriétés de la Boutique en ligne.
  5. Cliquez sur Enregistrer en haut à gauche et sur Publier pour rendre l'image visible sur votre site.
You can change the look and settings of your Webshop under the properties tab of the webshop component

Propriétés du composant boutique en ligne

Il est possible d'ajuster les propriétés du composant boutique en ligne :

  • Police - Le type de police qui est utilisé dans votre boutique pour tout le texte. Par défaut, la police qui est définie pour Titre 2 est sélectionnée.
  • Couleur du texte - La couleur de tout le texte de votre boutique, en dehors des prix, boutons et étiquettes.
  • Couleur de l'accent - La couleur des prix et de l'icône panier.
  • Couleur de survol de l'image - La couleur qui devient visible quand vous survolez une image.
  • Bouton - Le design de vos boutons : couleurs, angles, police, bordure.
  • Style de l'image - L'orientation de votre image : carré, paysage, portrait, format actuel
  • Rogner les images - Si vous souhaitez rogner toutes les images pour qu'elles aient la même taille.
  • Produits par ligne - La quantité de produits par ligne, sélectionnez entre 2 et 8.
  • Produits par page - La quantité de produits chargés initialement sur votre page. Un bouton pour charger davantage d'images sera visible s'il y a d'autres produits à afficher.
  • Trier par - Comment vos produits devraient être triés par défaut : par ordre alphabétique, le plus récent d'abord, selon le prix, le plus populaire.
  • Navigation - Sélectionnez les sélecteurs visibles dans votre boutique : catégorie et/ou trier par sélecteur.
  • Couleur de l'étiquette - La couleur de l'étiquette promotion qui s'affiche sur votre produit, si vous l'avez sélectionné dans l'administration de la boutique.
  • Couleur du texte de l'étiquette - La couleur du texte de l'étiquette promotion.
  • Position de l'étiquette - La position de l'étiquette promotion sur l'image de votre produit.

Articles associés :

Publiez votre Boutique en ligne
Utilisation d'images dans le Website Builder