Page de Collection

Page de Collection

Page de Collection

Ce tutoriel s'applique à la version la plus récente du Phantom Thème. Veillez à mettre à jour votre thème en suivant le tutoriel vidéo disponible sur votre Espace Client.

Chaque paramètre énoncé dans le pack Classique se retrouvera dans le Pack Premium et Master +.

Chaque paramètre énoncé dans le Pack Premium se retrouvera dans le Pack Master +.

 

Classique

Pages de Collection

Paramètres Description Collection

  • Afficher le Texte de Collection en dessous :  Permet d'afficher la description de la collection en dessous ou au-dessus de la grille de produits
  • Mot de cassure : Permet de scinder votre description produit en deux selon votre convenance. Pour cela, définissez dans cet emplacement l'expression ou mot qui sera l'emplacement de la scission entre les deux parties, et qui sera remplacé par un bouton "Lire la suite". Ensuite placer le mot en question aux endroits voulus dans votre description produit. (Il faut savoir que le mot sera remplacé, même dans le code, et donc google ne le verra pas et ne le contextualisera pas)

Dans l'exemple qui suit, le mot de cassure est "split" :

  • Largeur de la Description :  Définir la largeur de la description dans l'espace disponible (en pourcentage)
  • Taille Texte H2 Description : Définir la Taille de la police de vos H2 contenu dans vos descriptions
  • Alignement de la description : Définir si la description doit se placer à gauche / centrée / à droite. Se paramètre est d'autant plus visible que la Largeur de la Description est faible.
  • Alignement Texte de la description : Définir si le texte est aligné à gauche / centré / à droite à l'intérieur de la description

Filtres

  • Activer le Filtrage par balises : Cette option permet d'obtenir un sélecteur contenant toutes les balises mise en place sur l'ensemble de vos produits
  • Activer le tri : Cette option affiche un sélecteur permettant de filtrer les produits par ordre alphabétique, par prix, par ancienneté, le tout de manière croissante ou décroissante

Paramètres de Thème > Page de Collection

Style d'Affichage

  • Grille des produits en pleine Largeur : Permet l'affichage de votre grille de produit en pleine largeur d'écran sur des supports de minimum 990 pixels de largeur (grand écran)
  • Marge Gauche / Droite :  Définir les marges à gauche et à droite de la Grille de produits. Cette option n'est possible que si celle ci-dessus est active
  • Produits Espacés sur la Grille de Produit :  Rajoute 20 pixels entre chaque produit (verticalement et horizontalement)
  • Afficher uniquement les images produits :  Permet d'obtenir 2 styles d'affichage de vos produits
    • 1° Option désactivée : L'image produit est présente ainsi que les infos du produits en dessous

 

    • 2° Option Activée : L'image produit reste présente mais les infos du produit ne s'affiche qu'au survol de celui-ci (sur mobile, l'affichage demeure comme ci-dessus)

      • Couleur de l'Overlay : Définir la couleur de fond lors du survol du produit
      • Opacité Fond : Définir l'opacité de fond lors du survol du produit
      • Couleur du Texte : Définir la couleur du texte (Titre Vendeur / Description / Etc...) lors du survol du produit

Seo du Produit 

  • Hn Titre Produit : Définir le Hn de vos produits affichés allant de H2 jusqu'à p

  • Hauteur des Cartes Produit : Permet l'alignement des Cartes Produit sur la Grille de produit. Deux options sont disponibles :
    • Par LigneUn script analysera la hauteur des cartes produit par Ligne, et appliquera à toutes les cartes produit la hauteur maximum enregistrée, et ceci ligne par ligne
    • Par Page : Ce même script analysera la hauteur de toutes les cartes produit présentes sur la page, et affublera la hauteur maximum enregistrée à celles-ci
  • Nombre de produits par ligne :  Vous avez le choix d'afficher de 1 à 5 produits par ligne. Remarque : Si vous choisissez 1 produit par ligne, les cartes produits seront alors affichées de la façon suivante

  • Nombre de produits par ligne (Mobile) : Vous avez le choix d'afficher 1 à 2 produits par ligne sur mobile, en afficher plus ne serait ergonomiquement pas utile pour l'expérience utilisateur
  • Afficher la pagination en haut : Permet d'afficher la pagination au-dessus de la Grille de Produits, en plus de la pagination en-dessous

 

Premium

Paramètres de Thème > Page de Collection

Disposition

  • Disposition Client : Définissez le nombre de produit qui sera affiché par défaut au chargement de la page avec l'option Nombre de produit par ligne. Le client aura alors la possibilité de choisir lui-même le nombre de produit par ligne grâce à des boutons en haut de la grille de produits. Voici le résultat :

 

 

Master +

Paramètres de Thème > Page de Collection

Pagination

  • Nombre de produits par Page : Définir le nombre de produit par page à afficher
  • Afficher la pagination en haut : Permet d'afficher la pagination au-dessus de la Grille de Produits, en plus de la pagination en-dessous
  • Pagination : Définir le style de pagination de vos pages de collection

    • Classique

    • Défilement infini avec bouton

    • Défilement infini