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
showProductPreview : true, sortProducts : 'name-ascending' userCanSortProducts : true
buttonClassname : 'btn-myclass',
buyButtonText : 'Buy',
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.
Remarque: les paramètres sortProducts et showProductPreview ne sont plus pris en charge dans la version intégrée de la boutique. Pour cette raison, ils sont exclus de la vue d'ensemble.
Quels paramètres puis-je modifier ?
Nous vous présentons le rôle de chaque paramètre et les ajustements que vous pouvez y apporter.
Vous avez la possibilité de modifier les paramètres suivants :
- Afficher le sélecteur de catégorie
- Image style
- Réduire les images des produits
- Produits par page
- Produits par ligne
- L'utilisateur peut trier les produits
- Changer le style du bouton
- Changer le texte du bouton
- Embed type
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.
Change les valeurs en true pour activer le menu déroulant ou false 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és : 'square'
- Afficher les images en mode portrait : 'portrait'
- Afficher les images en mode paysage : 'landscape'
- Affiche les images dans leur forme originale : '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.
Change la valeur à true pour recadrer les images ou false pour faire tenir l'image dans une vignette.
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'
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.
Change les valeurs en true pour activer le menu déroulant ou false pour le désactiver.
Exemple :
userCanSortProducts : true
Modifier le style des boutons
Avec ce paramètre, tu peux modifier le style du bouton. Par exemple, tu peux le rendre plus grand ou plus petit ou insérer une classe qui ajoute différentes formes de poids visuel.
Exemple :
buttonClassname : 'btn-myclass',
Modifier le texte du bouton
Ce paramètre te permet de modifier le texte à l'intérieur du bouton "Acheter". Par exemple, si tu veux qu'il dise plutôt "Acheter maintenant", il te suffit de modifier le texte à la fin du paramètre.
Exemple :
buyButtonText : "Buy",
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:
