Réussi
Logo
Ajoutez une image de marque flexible à l’en-tête avec des contrôles distincts pour la taille, le placement et la visibilité du logo.
Utilisez ce bloc pour afficher le logo de votre marque dans l’en-tête et contrôler son apparence sur les mises en page bureau et mobile. Si vous n’ajoutez pas d’image, le bloc affiche le nom de votre boutique à la place, ce qui peut être utile pour une image de marque basée sur du texte ou comme solution de remplacement temporaire. Consultez la documentation Company XYZ sur le bloc Logo.
Paramètres de base
Section intitulée « Paramètres de base »Ajoutez l’image de votre logo, puis ajustez sa largeur maximale séparément pour le bureau et le mobile. Cela vous aide à garder le logo lisible sur les petits écrans sans qu’il domine l’en-tête sur les écrans plus grands. Pour plus de contexte sur l’éditeur de thème Shopify, consultez la documentation Shopify sur les sections et les blocs
Définir la largeur sur 0 permet au logo de s’étendre sur tout l’espace disponible. Cela fonctionne mieux lorsque le logo se trouve sur sa propre ligne ou qu’il y a très peu de contenu concurrent à proximité.
Si votre logo comporte de petits textes ou des détails fins, vérifiez attentivement les tailles bureau et mobile. Une taille bureau équilibrée peut devenir difficile à lire sur des écrans plus petits.
Paramètres de disposition
Section intitulée « Paramètres de disposition »Utilisez ces paramètres pour choisir où le logo se place dans l’en-tête sur bureau et mobile. Gauche, centre et droite placent le bloc dans la ligne principale de l’en-tête, tandis que pleine largeur le déplace sur sa propre ligne en dessous. Consultez la documentation Company XYZ sur les paramètres de disposition de la navigation.
Lorsque le logo partage une ligne avec d’autres éléments de l’en-tête, sa position influence l’impression générale de l’en-tête au premier coup d’œil. Un placement centré donne plus de poids au logo, tandis qu’un placement à gauche ou à droite fonctionne généralement mieux dans les mises en page axées sur les utilitaires.
Vous pouvez aussi laisser le bloc remplir l’espace restant sur la ligne sur bureau. Cela est surtout utile lorsque le logo doit aider à ancrer ou à équilibrer l’en-tête complet plutôt que de se comporter comme un élément compact.
Paramètres standard de bloc
Section intitulée « Paramètres standard de bloc »Paramètres de visibilité
Section intitulée « Paramètres de visibilité »Utilisez les contrôles de visibilité pour afficher ou masquer ce bloc selon l’appareil. C’est particulièrement utile lorsque vous souhaitez un traitement du logo sur bureau et une disposition d’en-tête différente sur mobile. Consultez la documentation Company XYZ sur les paramètres de visibilité.
Si vous masquez le bloc sur un appareil, assurez-vous qu’un autre élément d’identité visuelle visible reste présent afin que l’en-tête paraisse toujours complet et reconnaissable.
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Commencez avec un fichier de logo clair. Utilisez une image qui reste nette aux tailles que vous prévoyez d’utiliser dans l’en-tête.
- Ajustez séparément selon l’appareil. Réglez indépendamment les largeurs bureau et mobile pour que le logo reste lisible sans monopoliser l’espace limité.
- Adaptez le placement à la disposition. Utilisez pleine largeur pour une ligne centrée sur le logo, ou gauche, centre ou droite lorsque le logo doit partager l’espace avec d’autres éléments de l’en-tête.
- Utilisez l’étirement intentionnellement. Remplissez l’espace disponible seulement lorsque la largeur supplémentaire améliore l’équilibre de l’en-tête au lieu de donner l’impression que la zone du logo est surdimensionnée.
- Vérifiez les deux affichages. Les contrôles bureau et mobile peuvent produire des résultats différents en matière d’alignement, de visibilité ou de disposition, alors vérifiez toujours les deux tailles avant de publier.
- Choisissez les médias avec soin. Des images distinctes pour le bureau et le mobile peuvent modifier le recadrage, le chargement, le comportement de remplacement et la lisibilité, surtout lorsque les deux versions ne sont pas très proches.
- Gardez un style de remplacement simple. Des valeurs vides, transparentes ou de style par défaut ont plus de chances de préserver l’apparence existante, tandis que des couleurs explicites, des dégradés ou des remplacements de média rendent la zone du logo plus indépendante.