Thème Shopify avec bloc Liste de collection

Un thème Shopify avec bloc Liste de collections vous permet d’afficher des cartes de collections (image et nom) à l’intérieur d’une composition, et pas seulement comme une section pleine largeur. Dans FullStack, ce bloc est le jumeau de la section Liste de collections : mêmes cartes, en grille ou en slider, mais insérable dans un mégamenu, un menu mobile, un onglet ou un groupe. C’est la navigation visuelle par univers, exactement là où le visiteur la cherche.

Pourquoi un bloc de collections, et pas seulement une section

Un visiteur qui arrive sans idée précise a besoin d’être orienté. Une liste de liens textuels l’oblige à lire et à deviner ce que contient chaque catégorie. Des cartes illustrées lui montrent l’univers en un coup d’œil : il reconnaît ce qui lui plaît et clique.

Le problème d’une section, c’est qu’elle occupe toute la largeur de la page, à un endroit fixe. Or le moment où le visiteur cherche à s’orienter, c’est souvent quand il ouvre le menu. Le bloc place ces cartes directement dans le mégamenu ou dans le menu mobile, sans duplication de contenu à maintenir.

Comment fonctionne le bloc Liste de collections dans FullStack

Le bloc Liste de collections (collections-featured) est un bloc public. Il reprend la logique de la section du même nom :

• Choix des collections : vous sélectionnez les collections à afficher. Sélectionnez-les toujours explicitement : côté section, une liste vide affiche toutes les collections de la boutique, y compris les collections techniques que vous ne vouliez pas montrer.
• Mise en page : grille ou slider.
• Zone d’introduction : un espace libre rendu avant la liste, pour un titre ou un bouton vers toutes les collections.

Chaque carte est rendue par le bloc Carte de collection, défini une seule fois pour toute la liste. Ses enfants sont un bloc Image et un bloc Texte, alimentés automatiquement par la collection : son image et son titre. Vous réglez aussi l’option carte (wrap_in_card) avec son schéma de couleurs, et l’espacement entre l’image et le texte (layout_gap, de 0 à 30 px, 10 px par défaut). Il n’y a pas de personnalisation collection par collection : c’est ce qui garantit des cartes homogènes.

Ce que le bloc combine dans FullStack

• Mégamenu : des cartes de collections dans le menu déroulant, comme sur la démo Home ci-dessus. Voyez notre page sur le mégamenu pour la structure complète.
• Menu mobile : la démo Home place aussi le bloc dans l’en-tête du menu tiroir, pour retrouver la même navigation visuelle sur téléphone.
• Onglets : un onglet par grande famille, chacun avec sa propre liste de collections.
• Groupe et section personnalisée : à côté d’un texte de présentation, pour une page d’accueil plus éditoriale.

Pour une liste de collections en pleine largeur sur la page d’accueil, la section Liste de collections reste la bonne option. Et pour des cartes avec le nom posé sur l’image, le thème propose des préréglages à base de cartes avec image en fond.

Exemples par type de boutique

Décoration et maison : le mégamenu illustré

Trois collections maximum dans le mégamenu, en grille, avec des images d’ambiance au cadrage cohérent. Le visiteur choisit un univers sans quitter la page. C’est la configuration de la démo Home.

Mode : les onglets Femme et Homme

Un bloc Onglets avec un onglet par cible, et dans chacun un bloc Liste de collections en slider (vêtements, chaussures, accessoires). Sur mobile, le slider évite une longue colonne de cartes.

Compléments alimentaires : naviguer par besoin

Des collections par objectif (sommeil, énergie, immunité) dans le mégamenu : la démo Supplement utilise elle aussi ce bloc dans son mégamenu. Le visiteur qui ne connaît pas encore vos produits entre par son besoin.

Bonnes pratiques

• De 3 à 6 collections : c’est un choix d’orientation, pas un catalogue.
• Soignez les images de collections dans Shopify avant tout : ratio commun, cadrage cohérent, aucune image manquante.
• Sélectionnez explicitement les collections affichées.
• Dans un menu, préférez peu de cartes bien visibles à une longue liste.

Limites à connaître

Le bloc affiche des collections, pas leurs produits : pour les produits d’une collection, utilisez le bloc ou la section Collection en vedette. Toutes les cartes partagent la même définition, vous ne pouvez pas en mettre une en avant individuellement. Les images viennent des collections Shopify : la carte ne rattrape pas des visuels dépareillés. Le bloc est inclus dans le thème, voir la page tarifs.

FAQ

Quelle différence entre le bloc et la section Liste de collections ?

Les cartes sont les mêmes. La section occupe une bande de la page, le bloc s’insère dans une composition : mégamenu, menu mobile, onglet ou groupe.

D’où viennent l’image et le titre des cartes ?

De la collection elle-même, dans votre back-office Shopify. Les blocs Image et Texte de la carte s’alimentent automatiquement.

Peut-on afficher des collections dans le menu mobile ?

Oui, la démo Home le fait dans l’en-tête du menu tiroir.