Page de la liste des magasins

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 l'espacement de la grille des produits, l'ordre de liste des produits par défaut, la liste des produits et les options de tri, les images des produits, le titre du produit/la police des métadonnées et de nombreuses autres options.


Gérez la conception de la page de la liste de produits :

  • 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 de magasin (3) onglet, vous verriez les options de conception pour le page de liste de produits. 


Cela vous mènera à la page de mise en page, à partir de laquelle vous pourrez choisir la mise en page de votre page de liste de produits.

Les options disponibles ici peuvent être classées comme suit : 

    1. Configurer la conception des pages de magasin
    2. Options mobiles
    3. Liste et tri des produits
    4. Images du produit
    5. Bordure d'image
    6. Texte
    7. Catégories de Produits

 


Configurer la conception des pages de magasin

  1. Mise En Page – Choisissez la mise en page du page de liste de produits (1) et appuyez sur le enregistrer (2) bouton.

  1. Largeur – Choisissez la largeur de la page de liste de produits.
  2. Espacement de la grille – Gérer l'espacement entre les produits sur la page de liste des produits.


Options mobiles

  1. Colonnes de la grille – Choisissez le nombre de colonnes de la grille dans la page de liste des produits pour la vue mobile.
  2. Espacement de la grille – Spécifiez la gouttière/l'espacement de la grille pour la vue mobile.


Liste et tri des produits

  1. Afficher le tri des produits – Choisissez si l'option de tri apparaît sur la page de liste des produits.
  2. Position de tri des produits – Spécifiez où l'option de tri apparaît sur la page de liste de produits.
  3. Produits par page – Choisissez combien de produits apparaissent sur une page. Vous pouvez choisir entre 12, 24, 36 et 48.


Images du produit

  1. Format d'image – Choisissez le format d'image pour les images du produit. Il ne serait pas applicable pour le Bloc carré mise en page.
  2. Afficher l'image retournée – Activez cette option si vous souhaitez que les images suivantes du produit apparaissent lorsque quelqu’un survole la première image.
  3. Coins arrondis – Spécifiez une valeur pour que les images du produit soient arrondies aux coins.


Bordure d'image


Texte

  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 (H1, H2, H3, H4, P, P (grand), & P (petit)) pour le titre du produit.
  3. Police des métadonnées du produit – Choisissez la police du texte autre que le titre du produit sur la page de liste des produits.
  4. Alignement du texte – Choisissez l'alignement (gauche, centre et droite) du texte.


Catégories de Produits

  1. Afficher les catégories – Choisissez si les catégories apparaissent sur la page de liste des produits.
  2. Style d'affichage – Choisissez le style d'affichage des catégories de produits. Vous pouvez choisir entre le style de nuage de balises 1 et 2 et la liste déroulante.
  3. Poste – Choisissez où les catégories de produits apparaissent.
  4. style de police – Choisissez la police des catégories de produits.
  5. Espacement horizontal – Spécifiez l'espace entre les catégories de produits.

Frappe le Enregistrer bouton pour enregistrer vos modifications.
C'est ça. Le style que vous avez choisi sera appliqué aux pages de liste de produits de votre boutique.

À noter: La mise en page de la page de liste de produits sera également appliquée sur catégorie de magasin .


Vous ne trouvez pas ce que vous cherchez?

Contactez un Expert Pixpa.

Pixpa Studio vient d'être entièrement repensé. Nous mettons actuellement à jour les captures d'écran de tous les articles d'aide.