Dans l’éditeur de thème : PersonnaliserPage de collectionAjouter une sectionPage de collection

Page de collection

La grille de produits d’une collection, avec filtres, tri et pagination.

Les filtres viennent de l’application Search & Discovery de Shopify. Ajoutez-y la disponibilité, le prix, le type et vos options.

Paramètres

Titre

Afficher le titre dans cette section: Activé ou désactivéPar défaut: ActivéÀ désactiver quand une section En-tête de collection distincte se trouve au-dessus de celle-ci. Le titre, le nombre, la description et le fil d’Ariane viennent alors de cette section. Le bouton pour filtrer et trier reste toujours ici, au-dessus des produits.
Afficher la description de la collection: Activé ou désactivéPar défaut: Désactivé
Espace au-dessus du titre: Curseur, de 0 à 60 pxPar défaut: 8 pxSur téléphone, 75 % de la valeur est appliquée.
Espace sous la zone de titre: Curseur, de 0 à 60 pxPar défaut: 24 px
Menu pour le fil d'Ariane: MenuLorsque la collection se trouve sous un élément de ce menu, cet élément apparaît dans le fil d'Ariane.

Grille de produits

Produits par rangée au départ: Choix: Grande, Standard, CompactePar défaut: StandardGrande : un produit par rangée sur téléphone. Standard : deux. Compacte : trois, photo et prix seulement. Sur ordinateur, selon les colonnes ci-dessous.
Laisser choisir le nombre de produits par rangée: Activé ou désactivéPar défaut: ActivéTrois petits boutons à côté de « Filtrer et trier ». Le choix est conservé pendant toute la visite.
Colonnes sur ordinateur, vue grande: Curseur, de 2 à 4Par défaut: 3Les tablettes affichent 2, 3 et 4 colonnes.
Colonnes sur ordinateur, vue standard: Curseur, de 3 à 5Par défaut: 4
Colonnes sur ordinateur, vue compacte: Curseur, de 4 à 8Par défaut: 5
Durée du passage d’une vue à l’autre: Curseur, de 0 à 800 msPar défaut: 420 msChaque produit glisse vers sa nouvelle place. 0 : la grille change aussitôt. Les visiteurs qui ont demandé moins de mouvement à leur appareil voient toujours le changement aussitôt.
Produits par chargement: Curseur, de 8 à 48Par défaut: 20

Outils

Afficher les filtres: Activé ou désactivéPar défaut: ActivéLes filtres se configurent dans l'application Search & Discovery. Sans elle, seuls la disponibilité et le prix apparaissent.
Afficher le tri: Activé ou désactivéPar défaut: Activé

Les paramètres communs à toutes les sectionsFenêtre, Défilement, Espacement, Couleurs, Style du texte

Les paramètres de fenêtre, de défilement, d’espacement et de couleurs fonctionnent de la même façon dans chaque section. Voir comment ils fonctionnent.

Fenêtre

Raccord: Choix: Fenêtre séparée, Raccordée à la fenêtre au-dessus, Raccordée à la fenêtre en dessous, Raccordée en haut et en basPar défaut: Fenêtre séparée
Coins des images: Choix: Arrondis, DroitsPar défaut: Arrondis

Défilement

La section suivante la recouvre au défilement: Activé ou désactivéPar défaut: DésactivéEn faisant défiler vers le bas, cette section reste en place sous l'en-tête et la section suivante monte par-dessus. En remontant, l'effet s'inverse. Désactivé dans l'éditeur, pour les visiteurs ayant demandé des animations réduites et sur les écrans très peu hauts.

Espacement

Espacement personnalisé pour cette section: Activé ou désactivéPar défaut: DésactivéDésactivé : l’espacement des sections défini dans les paramètres du thème, sous Mise en page. Activé : les valeurs indiquées ici, au-dessus et en dessous de cette section. Sur mobile, la plupart des sections en utilisent 65 %.
Espace au-dessus: Curseur, de 0 à 160 pxPar défaut: 0 px
Espace en dessous: Curseur, de 0 à 160 pxPar défaut: 24 px
Largeur du contenu: Choix: Étroite, Standard, Large, Pleine largeurPar défaut: Standard

Couleurs

Palette de couleurs: Palette de couleursIdentique à la palette de la page : la section repose sur l’arrière-plan de la page. Une autre palette donne à la section son propre fond, comme une carte dans le cadre. Les couleurs personnalisées ci-dessous priment sur la palette.
Utiliser des couleurs personnalisées pour cette section: Activé ou désactivéPar défaut: DésactivéSinon, la section utilise les couleurs du thème.
Arrière-plan: CouleurPar défaut: #F1F1EF
Texte: CouleurVide : automatique. Clair sur un arrière-plan sombre, foncé sur un arrière-plan clair.
Style d'arrière-plan: Choix: Couleur unie, Scène éclairéePar défaut: Couleur unieScène éclairée : une lumière douce venue du haut qui s’estompe vers le bas, à partir de la couleur de la section, claire ou foncée. Sur une couleur foncée, le texte et les boutons s’éclaircissent d’eux-mêmes.
Couleur de la lumière: CouleurLa lumière douce venant du haut, au centre. Vide : blanc.

Style du texte

Style de texte personnalisé pour cette section: Activé ou désactivéPar défaut: DésactivéSinon, la section utilise le style du thème. Les polices Shopify n'incluent pas l'hébreu : vous choisissez donc parmi des styles compatibles avec l'hébreu.
Style du titre: Choix: Par défaut du thème, Léger, Gras, SerifPar défaut: Par défaut du thème
Taille du titre: Curseur, de 70 à 160 %Par défaut: 100 %
Couleur du titre: CouleurVide : automatique, utilise la couleur de la section (clair sur un arrière-plan sombre).
Style du texte: Choix: Par défaut du thème, Léger, Gras, SerifPar défaut: Par défaut du thème
Taille du texte: Curseur, de 70 à 160 %Par défaut: 100 %
Couleur du texte: CouleurVide : automatique, utilise la couleur de la section (clair sur un arrière-plan sombre).

Quelque chose ici ne correspond pas à votre éditeur ? Écrivez-nous et nous corrigerons le guide.