Paramètres de séparateur

Liens en vedette

1. Documentation Shopify sur les sections et les blocs
2. Documentation Shopify sur l’éditeur de thème

Vidéos utiles

Vidéo Shopify Academy : personnaliser votre boutique

Vidéo Shopify Academy : personnaliser votre boutique

Utilisez ces paramètres pour ajouter une ligne de séparation au-dessus, en dessous ou des deux côtés d’une zone de contenu. Les séparateurs aident à structurer les longues pages, à définir les transitions entre les contenus et à apporter de la structure sans modifier le contenu lui-même. Pour un aperçu plus large de la façon dont le contenu du thème est organisé, consultez la documentation Shopify sur les sections et les blocs

Paramètres de séparateur

Vous pouvez styliser indépendamment les séparateurs du haut et du bas, afin que chaque bord puisse être mis en valeur ou laissé épuré. Cela vous offre plus de flexibilité lorsqu’une transition a besoin d’une frontière plus nette que l’autre.

Choisissez le style du séparateur en fonction de l’intensité que vous souhaitez donner à la rupture visuelle :

1. Line crée la séparation la plus nette et la plus minimaliste.
2. Dashed ajoute plus de texture et fonctionne bien dans des mises en page plus expressives.
3. Dotted donne un effet plus léger et plus décoratif.
4. None supprime le séparateur de ce bord.

Évitez d’activer les séparateurs pour chaque zone de contenu d’une séquence. Trop de lignes de séparation peuvent donner une impression d’encombrement et réduire l’impact des transitions importantes.

Couleur du séparateur

Utilisez la couleur du séparateur pour l’associer aux bordures voisines ou ajouter un peu plus de contraste entre les zones de contenu. Dans la plupart des mises en page, une couleur subtile est préférable, car les séparateurs doivent soutenir la structure de la page plutôt que concurrencer le contenu.

Si vous laissez la couleur transparente, le séparateur utilise la couleur de bordure du thème. Les valeurs vides, transparentes ou de style par défaut préservent généralement le style de secours du thème, tandis que les couleurs explicites, les dégradés ou les remplacements de média rendent la zone plus indépendante. C’est généralement le meilleur choix lorsque vous souhaitez un rendu cohérent sur plusieurs zones sans ajuster chacune d’elles manuellement. Pour les commandes associées de l’éditeur de thème, consultez la documentation Shopify sur l’éditeur de thème

Notes d’utilisation

1. Ajoutez les séparateurs de manière sélective. Utilisez-les lorsqu’ils améliorent la lecture ou clarifient une transition entre deux zones de contenu.
2. Adaptez le style à la mise en page. Les lignes pleines conviennent aux designs plus épurés, tandis que les lignes en tirets ou pointillées fonctionnent mieux avec des séparations plus douces ou plus décoratives.
3. Maîtrisez le contraste. Un séparateur trop marqué peut détourner l’attention des titres, des images et des appels à l’action.
4. Utilisez la couleur de bordure partagée pour plus de cohérence. La couleur transparente est un choix pratique lorsque vous souhaitez que les séparateurs restent alignés avec le reste du thème.
5. Vérifiez les deux zones d’affichage. Les contrôles pour ordinateur et mobile peuvent produire des comportements différents d’alignement, de visibilité ou de média ; vérifiez donc les deux tailles avant de publier.
6. Utilisez les remplacements de façon intentionnelle. Des couleurs explicites ou des choix basés sur les médias peuvent faire ressortir une zone locale, alors appliquez-les uniquement là où vous souhaitez un rendu plus indépendant.