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.

Paramètres HTML à incorporer à la Boutique en ligne

Les paramètres sont des options qui définissent l'aspect de votre boutique sur votre site Web. Vous pouvez par exemple déterminer comment vos produits sont commandés et comment une image et présentée.

Les paramètres font partie du code incorporé de votre boutique en ligne et ressemblent à ceci :

showCategorySelector: true imageRatio: 'square' cropImages: true productsPerPage: 15 productsPerRow: 5 sortProducts: 'name-ascending' userCanSortProducts: true embedType: 'html'

Si vous utilisez le Website Builder pour publier votre boutique, vous pouvez facilement modifier les paramètres ici. Toutefois, si vous souhaiter incorporer votre boutique manuellement avec le code HTML, vous devriez utiliser ceci.


Quels paramètres puis-je modifier ?

Vous pouvez modifier les paramètres suivants :

Afficher le sélecteur de catégorie
Style de l'image
Réduire les images des produits
Produits par page
Produits par ligne
Trier les produits
L'utilisateur peut trier les produits
Incorporer le type

Nous avons répertorié ce que fait chaque paramètre et comment vous pouvez l'ajuster.


Afficher le sélecteur de catégorie

Affiche un menu déroulant de toutes les catégories dans votre boutique en ligne. Il permet à vos visiteurs de ne voir que les produits d'une catégorie spécifique.

Changez les valeurs en true (vrai) pour activer le menu déroulant ou false (faux) pour le désactiver.

Exemple :

showCategorySelector: true

Style de l'image

Vous permet de modifier la forme des images dans votre vitrine.

Vous pouvez choisir entre les paramètres suivants :

  • Afficher les images sous forme de carré : 'square'
  • Afficher les images en mode portrait : 'portrait'
  • Afficher les images en mode paysage : 'landscape'
  • Afficher les images dans leur forme d'origine : 'actual'

Exemple :

imageRatio: 'square'

Réduire les images des produits

Ce paramètre vous permet de déterminer si vous voulez réduire vos images à la forme que vous avez choisie dans le cadre du style d'image, ou si vous voulez les afficher en entier sous forme de miniature, tout en conservant le rapport hauteur/largeur.

Changez la valeur en true (vrai), pour réduire les images ou false (faux) pour afficher l'image sous forme de miniature.

Exemple :

cropImages: true

Produits par page

Ce paramètre détermine le nombre de produits affichés sur la vue d'ensemble de la boutique. Il correspond également au nombre de produits chargés quand un client clique sur le bouton « Charger plus... » en bas de la liste des produits. Modifiez simplement le nombre sur la quantité de produits que vous voulez afficher.

Exemple :

productsPerPage: 15

Produits par ligne

Avec ce paramètre, vous pouvez déterminer le nombre de produits qui sont affichés par ligne sur la présentation de la boutique. Le minimum est de 2 produits par ligne tandis que le maximum est de 8. Modifiez simplement le nombre à la fin du paramètre sur la valeur de votre choix.

Exemple :

productsPerRow: '4'

Trier les produits

Définissez un ordre par défaut pour les produits que vous vendez. Vous pouvez, par exemple, afficher les produits les plus récents en premier.

Vous pouvez choisir entre les paramètres suivants :

  • Trier par ordre alphabétique : 'name-ascending'
  • Le plus récent en premier : 'age-ascending'
  • Le moins cher en premier : 'price-ascending'
  • Le plus cher en premier : 'price-descending'

Exemple :

sortProducts: 'name-ascending'

L'utilisateur peut trier les produits

Avec ce paramètre, vous décidez si vous voulez afficher un menu déroulant dans votre boutique pour permettre à votre visiteur de modifier l'ordre de tri des produits. Les options de tri sont les mêmes que les paramètres de tri de produits. Le visiteur peut, par exemple, rechercher les produits les plus récents et les moins chers.

Changez les valeurs en true (vrai) pour activer le menu déroulant ou false (faux) pour le désactiver.

Exemple :

userCanSortProducts: true

Incorporer le type

Ce paramètre contient des informations internes sur votre Boutique en ligne. Vous n'avez pas à modifier ce paramètre vous-même, il sera modifié automatiquement en fonction de la manière dont vous publiez votre boutique.

Exemple :

embedType: 'html'

Articles associés :Related articles:

Paramètres CSS pour la boutique en ligne
Commencer à utiliser Webshop