Créateur de sites web : Sections de produits

Avec le créateur de sites web d'Hostinger, vous pouvez facilement ajouter des sections de produits à tout modèle de site web ! Dans le créateur de site web, cliquez sur le bouton Ajouter une section ; il apparaît sur la bordure horizontale de chaque section :

Dans le menu de gauche, sélectionnez Boutique en ligne. Sur la droite, vous verrez deux types de sections de produits - liste de produits et produit unique - cliquez sur la section de votre choix et elle sera insérée dans votre page :

Section liste de produits

Utilisez ce type de section pour afficher tous vos produits ou une catégorie de produits particulière. Cliquez n'importe où sur cette section pour afficher le menu des paramètres :

Cliquez sur Gérer vos produits pour ouvrir la zone de gestion de la boutique. Cliquez sur la roue des paramètres pour ouvrir les paramètres de la section de la liste des produits :

Catégorie	Afficher tous les produits ou une catégorie de produits spécifique
Mise en page	Modifiez les éléments suivants : Style d'affichage des produits Colonnes (produits par ligne) Rembourrage des sections
Style	Modifiez les éléments suivants : la couleur du texte Couleur de fond de la section (couleur/image)
Pagination	Spécifier le nombre de produits par page (dans la section de la liste des produits)
Bouton "Ajouter au panier"	Activez le bouton Ajouter au panier pour que vos clients puissent prévisualiser un produit et/ou l'ajouter au panier sans ouvrir la page du produit.
Ruban	Modifiez les éléments suivants : La couleur d'arrière-plan du ruban Couleur du texte du ruban Pour ajouter des rubans, accédez à l'espace de gestion de votre boutique → Produits

Section de produit unique

Utilisez ce type de section pour afficher un produit individuel. Cliquez n'importe où sur cette section pour afficher le menu des paramètres :

Cliquez sur la roue des paramètres pour ouvrir les paramètres de la section du produit unique :

Produit	Attribuer un produit spécifique à la section
Mise en page	Alignement du texte Placement de la galerie Rapport d'image Rayon d'angle de l'image Rembourrage de la section
Style	Couleur du texte Couleur des flèches sur les images Fond de la section (couleur/image) Découvrez comment personnaliser la police du texte
Bouton	Texte Forme Couleur de remplissage (normal/couvert) Taille
Quantité de produits	Permettez à vos clients de choisir la quantité de produits en activant le sélecteur de quantité.

Remarque : si vous mettez à jour les détails du produit dans la zone de gestion de la boutique, n'oubliez pas de mettre à jour votre site web pour que les modifications apparaissent en ligne.