{"id":1786,"date":"2023-01-31T04:09:17","date_gmt":"2023-01-31T04:09:17","guid":{"rendered":"https:\/\/blog.hostinger.io\/fr\/support\/2023\/01\/31\/6538352-hostinger-createur-de-sites-web-sections-de-produits\/"},"modified":"2025-08-26T21:04:58","modified_gmt":"2025-08-26T21:04:58","slug":"6538352-hostinger-createur-de-sites-web-sections-de-produits","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/fr\/support\/6538352-hostinger-createur-de-sites-web-sections-de-produits\/","title":{"rendered":"Hostinger Cr\u00e9ateur de Sites Web: Sections de Produits"},"content":{"rendered":"

Avec le créateur de sites web d’Hostinger<\/a><\/b>, 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 :<\/p>

\n<\/p>

<\/div>

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

\n<\/p>

<\/div>

Section liste de produits<\/h2>

Utilisez ce type de section pour afficher tous vos produits ou une catégorie de produits<\/a><\/b> particulière. Cliquez n’importe où sur cette section pour afficher le menu des paramètres :<\/p>

\n<\/p>

<\/div>

Cliquez sur Gérer vos produits<\/b> pour ouvrir la zone de gestion de la boutique<\/a><\/b>. Cliquez sur la roue des paramètres pour ouvrir les paramètres de la section de la liste des produits :<\/p>

\n\n\n\n\n\n\n\n\n
\n

Catégorie<\/b><\/p>\n<\/td>\n

\n

Afficher tous les produits ou une catégorie de produits spécifique<\/p>\n<\/td>\n<\/tr>\n

\n

Mise en page<\/b><\/p>\n<\/td>\n

\n

Modifiez les éléments suivants :<\/p>\n

    \n
  • \n

    Style d’affichage des produits<\/p>\n<\/li>\n

  • \n

    Colonnes (produits par ligne)<\/p>\n<\/li>\n

  • \n

    Rembourrage des sections<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

\n

Style<\/b><\/p>\n<\/td>\n

\n

Modifiez les éléments suivants :<\/p>\n

    \n
  • \n

    la couleur du texte<\/p>\n<\/li>\n

  • \n

    Couleur de fond de la section (couleur\/image)<\/p>\n<\/li>\n<\/ul>\n<\/td>\n<\/tr>\n

\n

Pagination<\/b><\/p>\n<\/td>\n

\n

Spécifier le nombre de produits par page (dans la section de la liste des produits)<\/p>\n<\/td>\n<\/tr>\n

\n

Bouton “Ajouter au panier”<\/b><\/p>\n<\/td>\n

\n

Activez le bouton Ajouter au panier<\/b> pour que vos clients puissent prévisualiser un produit et\/ou l’ajouter au panier sans ouvrir la page du produit.<\/p>\n<\/td>\n<\/tr>\n

\n

Ruban<\/b><\/p>\n<\/td>\n

\n

Modifiez les éléments suivants :<\/p>\n