Réussi
Panier
Ajoutez une icône de panier à votre navigation et adaptez son emplacement et sa visibilité pour chaque appareil.
Utilisez ce bloc pour ajouter une icône de panier à la navigation principale et la positionner selon la disposition de votre en-tête. Pour un aperçu plus large du fonctionnement des blocs de thème, voir documentation Shopify sur les sections et les blocs. Ce bloc convient bien aux en-têtes simples, aux conceptions de navigation fractionnée et aux dispositions mobiles personnalisées où le panier doit avoir un emplacement différent selon la taille de l’écran.
Paramètres d’alignement
Section intitulée « Paramètres d’alignement »Ces paramètres contrôlent la façon dont le bloc de panier se place dans l’espace qui lui a été attribué. Ils sont particulièrement visibles lorsque le bloc est étiré sur un espace supplémentaire ou déplacé dans sa propre ligne pleine largeur.
Si les changements d’alignement semblent subtils, vérifiez d’abord les paramètres de mise en page. Un placement compact à gauche, au centre ou à droite laisse moins de place aux changements d’alignement visibles.
Paramètres de mise en page
Section intitulée « Paramètres de mise en page »Utilisez ces paramètres pour décider où le bloc de panier apparaît sur ordinateur et mobile. Gauche, centre et droite le maintiennent sur la ligne de navigation principale, tandis que Full-width le déplace sur une ligne séparée en dessous.
Fill available space étire le bloc sur la largeur restante de la ligne sur ordinateur. C’est utile lorsque vous souhaitez que la zone du panier aide à équilibrer l’espacement de l’en-tête, mais cela rend aussi les paramètres d’alignement plus importants, car l’icône se trouvera dans une zone plus grande.
Lorsque vous souhaitez des structures d’en-tête différentes selon l’appareil, définissez séparément les mises en page pour ordinateur et mobile dans documentation Shopify sur l’éditeur de thème. Par exemple, vous pouvez conserver le panier bien regroupé sur la ligne principale sur ordinateur tout en lui donnant sa propre ligne sur mobile. Utilisez la référence Paramètres de disposition de la navigation pour obtenir des détails supplémentaires sur l’emplacement.
Choisissez la mise en page avant d’ajuster finement l’alignement. L’emplacement a le plus grand impact sur la façon dont le bloc de panier s’intègre dans l’en-tête.
Paramètres standard de bloc
Section intitulée « Paramètres standard de bloc »Paramètres de couleur
Section intitulée « Paramètres de couleur »Ces paramètres remplacent les couleurs du thème plus larges pour ce bloc, ce qui vous permet de styliser indépendamment l’icône du panier et le texte associé. C’est utile lorsque le panier doit être davantage mis en avant ou lorsque votre en-tête utilise un traitement de couleur personnalisé.
Veillez à ce que le panier reste facile à repérer sans donner l’impression d’être déconnecté du reste de l’en-tête. Vérifiez soigneusement le contraste si vous utilisez des couleurs différentes pour l’icône et le texte. Consultez la référence Paramètres de couleur pour plus de détails.
Paramètres de visibilité
Section intitulée « Paramètres de visibilité »Utilisez les contrôles de visibilité pour afficher le bloc de panier uniquement sur ordinateur ou uniquement sur mobile. C’est utile pour des en-têtes responsives personnalisés, surtout si un autre point d’accès au panier apparaît déjà sur une taille d’appareil.
Avant de masquer le bloc sur un appareil, assurez-vous que les clients disposent toujours d’un moyen clair et prévisible d’accéder au panier. Consultez la référence Paramètres de visibilité pour plus de détails.
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Définissez d’abord la mise en page. Choisissez l’emplacement sur ordinateur et mobile avant d’ajuster l’alignement ou les couleurs.
- Utilisez la pleine largeur intentionnellement. Déplacez le bloc sur sa propre ligne uniquement lorsque l’en-tête bénéficie d’une disposition plus empilée ou plus spacieuse.
- Étirez avec précaution. Activez Fill available space lorsque vous souhaitez que le bloc de panier aide à équilibrer l’espacement de l’en-tête sur ordinateur.
- Préservez l’accès au panier. Si vous masquez ce bloc sur une taille d’appareil, assurez-vous qu’un autre lien ou une autre icône de panier est clairement disponible à cet endroit.
- Vérifiez le contraste de l’en-tête. Testez les couleurs personnalisées sur l’arrière-plan de l’en-tête afin que le panier reste facile à repérer.
- Vérifiez les deux affichages. L’ordinateur et le mobile peuvent se comporter différemment, alors confirmez l’emplacement, la visibilité et l’espacement sur chaque taille d’écran.
- Gardez le style de repli à l’esprit. Les choix par défaut ou d’apparence transparente se fondent généralement dans l’en-tête, tandis que des couleurs explicites rendent le panier plus indépendant des éléments voisins.