Collection classique

Pour Plain Jane Starter, Plain Jane et Plain Jane Interactive

Ce que vous apprendrez

  • Comment activer et configurer la section Collection classique sur votre page Collection

  • Comment utiliser le tri de produits intégré

  • Comment ajuster le style et les étiquettes

1. Ajouter la section Collection classique

  1. Dans l'administration Shopify, accédez à Boutique en ligne > Thèmes.

  2. Cliquez sur Personnaliser les sur le thème actif.

  3. Depuis la Modèle de collection modèle de page, ajoutez la Collection classique section.

💡 Astuce : Cette section prend en charge le tri, les étiquettes de produit (précommande, en promotion, en rupture de stock) et les paramètres d'affichage détaillés.

2. Ajouter et configurer les options de tri

Vous pouvez ajouter plusieurs types de tri comme « Mis en avant », « Prix le plus bas » et « Les plus récents d'abord ».

Étapes :

  1. À l'intérieur de la Collection classique des paramètres de section, ajoutez de nouveaux Option de tri blocs.

  2. Pour chacun :

    • Définissez le Titre de l'option (ce que vos utilisateurs verront)

    • Choisissez le Trier par méthode (par ex. Mis en avant, Prix, Date)

3. Styliser la mise en page de la collection

La section Collection classique propose de nombreuses options pour la mise en page et la typographie :

Paramètres du panier et de l'en-tête :

  • Activer/désactiver la date/heure

  • Définir les couleurs de l'icône du panier

Menu de la collection :

  • Position et alignement du menu

  • Espacement des liens et taille de police

  • Couleurs du menu (survol, sous-menu, etc.)

![Espace réservé pour capture d'écran - style du menu de la collection]

Titres et prix des produits :

  • Taille de la police et couleurs

  • Style du prix comparé

  • Bascule du format de la devise

4. Contrôles des étiquettes

Afficher ou masquer les étiquettes produits et modifier leur apparence :

  • Précommande

  • En promotion

  • En rupture de stock

Vous pouvez ajuster la couleur d'arrière-plan des étiquettes, les couleurs du texte et les tailles de police.

5. Arrière-plan et icônes

Contrôlez l'apparence visuelle de la section :

  • Couleurs d'arrière-plan des produits et rayon des bordures

  • Couleurs et positionnement des icônes de recherche et de tri

6. Paramètres de pagination

Choisissez entre défilement infini ou pagination et stylisez les éléments de navigation :

  • Définir les couleurs de la page active

  • Personnaliser les icônes de flèche et les polices

Une fois les comptes hérités activés, utilisez les pages de documentation de cette section pour styliser chaque partie de l'expérience client.

PrécédentPage collectionSuivantCollection avec barre latérale

Mis à jour