Caractéristique

Liens en vedette

1. Documentation Shopify sur les sections et les blocs
2. Documentation de Company XYZ sur les icônes
3. Documentation de Company XYZ sur les paramètres de visibilité

Vidéos utiles

Vidéo de Shopify Academy : personnaliser votre boutique

Vidéo de Shopify Academy : personnaliser votre boutique

Utilisez le bloc Feature pour mettre en avant un seul avantage, service ou message dans un format compact et facile à parcourir. Il fonctionne particulièrement bien dans les grilles de caractéristiques, les zones de confiance et les lignes promotionnelles, où les clients doivent comprendre la valeur en un coup d’œil. Pour les détails de configuration, consultez la documentation Shopify sur les sections et les blocs

Contenu

Le contenu principal combine une icône, un titre et un court sous-titre. Le titre utilise le style Titre 3 de votre thème, ce qui lui permet de jouer naturellement le rôle d’étiquette principale, tandis que le sous-titre ajoute un peu de contexte en dessous.

Vous pouvez utiliser soit un emoji, soit un nom d’icône pris en charge pour l’icône. Laissez l’icône vide si vous souhaitez un élément de feature sans texte ou un rendu plus épuré et plus minimaliste. Pour obtenir de l’aide sur le formatage des icônes, consultez les consignes source pour les icônes.

Gardez un texte concis. Des titres courts et des sous-titres brefs fonctionnent généralement le mieux, et la longueur recommandée du sous-titre aide à éviter des lignes irrégulières lorsque vous placez plusieurs blocs Feature ensemble.

Comportement du lien

Ajoutez un lien lorsque la caractéristique doit mener à une étape suivante pertinente, comme une collection, une page de politique ou des détails complémentaires. Cela rend le bloc utile non seulement comme mise en avant visuelle, mais aussi comme élément de navigation léger.

Ouvrez le lien dans un nouvel onglet uniquement lorsque les visiteurs peuvent avoir besoin de conserver leur page actuelle ouverte tout en consultant le contenu lié. Dans la plupart des cas, la navigation normale dans la page paraît plus simple et plus naturelle.

Ne liez le bloc que lorsque la destination est évidente à partir du titre et du sous-titre. Si l’étape suivante n’est pas claire, le bloc peut sembler trompeur au lieu d’être utile.

Paramètres standard de bloc

Paramètres de visibilité

Utilisez les contrôles de visibilité pour afficher le bloc sur desktop, sur mobile ou sur les deux. C’est utile lorsque vous créez des mises en page spécifiques à un appareil ou que vous simplifiez une vue mobile chargée.

Vous pouvez en savoir plus dans la référence partagée des paramètres de visibilité. Si vous masquez une caractéristique importante sur une taille d’appareil, veillez à ce que le même message apparaisse ailleurs afin que les clients ne le manquent pas.

Notes d’utilisation

1. Gardez un texte concis. Un texte court et direct rend les blocs Feature plus faciles à parcourir et à aligner dans un groupe.
2. Utilisez des icônes pertinentes. Choisissez des icônes qui renforcent rapidement le message au lieu d’ajouter une décoration sans contexte.
3. Liez avec intention. Ajoutez une destination uniquement lorsque la caractéristique mène naturellement à plus de détails ou à une étape suivante claire.
4. Vérifiez les mises en page groupées. Lorsque vous utilisez plusieurs blocs Feature ensemble, conservez un style d’icône et une longueur de texte cohérents pour une présentation plus nette.
5. Planifiez la visibilité responsive. Si vous masquez le bloc sur mobile ou sur desktop, vérifiez que le message clé apparaît toujours là où les clients en ont besoin. Les mises en page de type slider peuvent aussi modifier l’alignement, l’aperçu et le comportement de navigation entre desktop et mobile ; examinez donc les deux vues avant de publier.