Page produit du magasin

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 le titre du produit/la police des métadonnées, les produits associés et la navigation dans le fil d'Ariane.

Dans cet article :

  1. Disposition
  2. Texte
  3. Rubriques d'informations 
  4. Produits annexes
  5. Navigation dans le fil d'Ariane

Personnalisez la conception de la page 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 mènera à la page de mise en page, à partir de laquelle vous pourrez choisir la mise en page de votre page produit.

Disposition

  1. Disposition – Choisissez la mise en page de la page de détail du produit.
  2. Largeur – Sélectionnez la largeur de la page de détail 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 Conception section. Vous pouvez y spécifier une largeur fixe.
      Il affichera la page du produit en respectant la largeur fixe spécifiée.
  3. Affichage des images du produit – Spécifiez comment les images du produit doivent s'afficher sur la page du produit. Vous pouvez les afficher sous forme de vignettes ou sous forme de pile verticale.

  1. Lightbox pour les images de produits – Activez-le pour autoriser le mode Lightbox pour les images de produits.
  2. Activer le partage social – Cochez cette option pour afficher les icônes sociales à partager sur la page de détail du produit.


Texte

Cliquez sur le Modifier le style de texte Bouton à personnaliser les polices utilisé sur votre site Web.

  1. Modifier le style de texte – Cliquez sur ce bouton pour personnaliser les polices utilisé sur votre site Web.
  2. Police du titre du produit – Choisissez la police du titre du produit.
  3. Police du prix du produit – Choisissez la police pour le prix du produit.
  4. Police des métadonnées du produit – Choisissez la police du texte autre que le titre du produit et le prix du produit sur la page de détail du produit.


Rubriques d'informations

  1. Gérer le police du titre de la section d'informations. Vérifiez également: Style de texte du site Web.
  2. Choisissez le Catégorie des sections d'informations dans les pages produits. Vous pouvez soit afficher les sections d'informations dans Accordéon vertical or Accordéon horizontal (à onglets).
  3. Choisissez d' développer la première section d'informations ajouté au produit par défaut. Cela ne fonctionnera qu'avec l'option Accordéon vertical.


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.

  1. Afficher les produits associés – Cochez cette option pour afficher les produits associés sur la page de détail du produit.
  2. Trier par - Choisissez comment trier les produits associés sur les pages produits. Vous pouvez choisir parmi quatre options différentes :
    • Derniers produits - Au fur et à mesure que vous ajoutez des produits au Store, ils seront triés, le produit le plus récent apparaissant en premier dans la section des produits associés.
    • Les plus vendus – Les produits associés seront classés en fonction des performances des ventes, les produits les plus vendus 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 au hasard.
  1. Nombre de produits – Choisissez combien de produits doivent apparaître dans le Produits connexes .
  2. Étiquette - Précisez le libellé de la section des produits associés.
  3. Afficher - Choisissez le style dans lequel les produits seront affichés dans la section des produits associés. Vous pouvez choisir parmi des options telles que Carré, Horizontal, Vertical et Dynamique.


Navigation dans le fil d'Ariane

  1. Visibilité – Spécifiez la visibilité/position de la navigation par fil d'Ariane dans la page de détail du produit.
  2. Navigation supérieure – Choisissez la navigation supérieure du fil d'Ariane pour la page de détail 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, ainsi que les Retour au magasin Options
  3. Style de police supérieur – Choisissez la police pour la navigation supérieure du fil d'Ariane.
  4. Navigation en bas – Choisissez la navigation en bas du fil d'Ariane pour la page de détail du produit. Vous pouvez choisir parmi Précédent/Suivant – Centre ou Côtés, ainsi que les Titres de contenu Options
  5. Style de police du bas – Choisissez la police pour la navigation du fil d'Ariane en bas.

Vérifiez également: Options de navigation dans les dossiers.

Jetez un oeil à la fil d'Ariane de la page produit où dans le Fil d'Ariane - Gauche l'option est sélectionnée en tant que Navigation supérieure : 

Voici un exemple de navigation par fil d'Ariane en action. 

Enfin, frappez le Épargnez bouton pour enregistrer toutes vos modifications.
C'est ça. Le style que vous avez choisi sera appliqué aux pages de produits de votre boutique.


Vous ne trouvez pas ce que vous cherchez?

Contactez un Expert Pixpa.