Pixpa vous permet de modifier la mise en page de la page de liste des produits et de la page détaillée du produit. Consultez les liens ci-dessous pour voir la différence entre eux :
Outre la mise en page, vous pouvez gérer la police du titre/des métadonnées du produit, les produits associés et la navigation par fil d'Ariane.
Dans cet article :
Personnaliser la conception de la page de détails du produit :
- Entrer conception de magasin (1) dans la barre de recherche.
- À partir des résultats associés, cliquez sur le Conception de magasin option (2) sous Liens des studios.
- Maintenant, de la Pages des produits (3) onglet, vous verriez les options de conception pour le page du produit.
Cela vous amènera à la page de mise en page, à partir de laquelle vous pourrez choisir la mise en page de votre page produit.
Mise En Page
- Mise En Page – Choisissez la mise en page de la page de détails du produit.
- Largeur – Sélectionnez la largeur de la page de détails du produit.
- Pleine largeur' affichera la page produit en couvrant toute la largeur sans laisser de marge.
- »Largeur du chantier' peut être spécifié dans le Design section. Vous pouvez y spécifier une largeur fixe.
Il affichera la page du produit en adhérant à la largeur fixe spécifiée.
- Lightbox pour les images de produits – Activez-le pour autoriser le mode lightbox pour les images de produits.
- Rayon coin Personnalisez les angles des images sur la page produit en ajustant leur rayon pour les rendre arrondis ou carrés. Cela inclut les images de produits, les vignettes et les images de produits associés.
- Activer le partage social – Cochez cette option pour afficher les icônes sociales à partager sur la page de détails du produit.
- Activer les balises de produit – Cochez cette option pour afficher les balises qui ont été ajoutées au produit sur la page de détails du produit.
- Afficher le SKU sur les pages produits et les e-mails de commande – Activez cette option pour afficher le SKU (unité de gestion des stocks) sur les pages de détails des produits et dans les e-mails de commande. Le SKU apparaîtra en temps réel sur les pages produits de la boutique, pour les anciens comme pour les nouveaux produits. Pour les e-mails de commande, le SKU ne sera inclus qu'après l'activation de l'option. Cela améliore le suivi des stocks, l'identification des produits et la gestion des commandes, tant pour le commerçant que pour les clients.
Texte
- Modifier le style de texte – Cliquez sur ce bouton pour personnaliser les polices utilisé sur votre site Web.
- Police du titre du produit – Choisissez la police pour le titre du produit.
- Police du prix du produit – Choisissez la police pour le prix du produit.
- Police des métadonnées du produit – Choisissez la police pour le texte autre que le titre du produit et le prix du produit sur la page de détails du produit.
Produits associés
Il s'agit de la section qui affiche généralement des articles complémentaires ou similaires au produit qu'un client consulte actuellement, encourageant des achats supplémentaires et améliorant l'expérience d'achat.
- Afficher les produits associés – Cochez cette option pour afficher les produits associés sur la page de détails du produit.
- Trier par - Choisissez comment trier les produits associés sur les pages produit. Vous avez le choix entre quatre options :
- Derniers produits – Au fur et à mesure que vous ajoutez des produits à la boutique, ils seront triés, le produit le plus récent apparaissant en premier dans la section des produits associés.
- Le plus vendu – Les produits associés seront classés en fonction des performances de vente, le produit le plus vendu apparaissant en premier.
- Inventaire le plus élevé – Les produits seront organisés en fonction de l'inventaire restant, le produit ayant le plus d'inventaire étant affiché en premier.
- Aléatoire - Les produits associés seront triés de manière aléatoire.
- Nombre de produits – Choisissez le nombre de produits qui doivent apparaître dans le Produits connexes .
- Étiquette - Spécifiez l'étiquette de la section des produits associés.
- Afficher - Choisissez le style d'affichage des produits dans la section « Produits associés ». Vous pouvez choisir parmi des options telles que Carré, Horizontal, Vertical et Dynamique.
Navigation dans le fil d'Ariane
- Visibilité – Spécifiez la visibilité/position de la navigation du fil d’Ariane dans la page de détails du produit.
- Navigation supérieure – Choisissez le fil d'Ariane supérieur pour accéder à la page de détails du produit. Vous pouvez choisir parmi Fil d'Ariane – Gauche / À droite, Fil d'Ariane avec nom de catégorie, Fil d'Ariane avec Précédent/Suivant, Précédent/Suivant – Centre ou côtés, Titres de contenu, et Retour au magasin Options.
- Style de police supérieur – Choisissez la police pour la navigation du fil d’Ariane supérieur.
- Navigation en bas – Choisissez le fil d'Ariane inférieur pour accéder à la page de détails du produit. Vous pouvez choisir parmi Précédent/Suivant – Centre ou côtés, et Titres de contenu Options.
- Style de police du bas – Choisissez la police pour la navigation du fil d’Ariane inférieur.
Voir aussi : Options de navigation dans les dossiers.
Jetez un œil au fil d'Ariane de la page produit où l' option Fil d'Ariane – Gauche est sélectionnée comme navigation supérieure :
Voici un exemple de navigation par fil d'Ariane en action.
Enfin, frappez le Enregistrer bouton pour enregistrer toutes vos modifications.
Et voilà ! Le style choisi sera appliqué aux pages produits de votre boutique.