Obtenez Shopify pour 1€ par mois

Comment utiliser les séparateurs ?

Le Story Theme propose des séparateurs visuels pour structurer ton site et créer des transitions fluides entre les sections. Voici comment les utiliser efficacement.


🎬 Voici une vidéo qui peut t'aider : https://youtu.be/R70inOL0yDg


🎨 Comment utiliser les séparateurs pour structurer ta boutique ?


🧭 À quoi servent les séparateurs ?

Les séparateurs permettent de :

  • Créer des transitions visuelles douces entre les sections,
  • Mieux structurer ta boutique, que ce soit sur la page d’accueil ou les pages produit,
  • Te démarquer de la concurrence avec un design plus travaillé.


🧰 Où trouver les séparateurs ?

Tu peux les utiliser dans quasiment toutes les sections de StoryT :

  • Bannière
  • Collection en vedette
  • Image avec texte
  • Icônes
  • … et bien d’autres. Il suffit de faire défiler la section jusqu’en bas pour voir les options “Séparateur du haut / bas”.


⚙️ Comment configurer un séparateur ?


1. Choisis le style

Parmi les styles disponibles :

  • Vagues
  • Courbes
  • Cercles
  • Diagonales
  • Fondu
  • Flèches

💡 Chaque style donne un rendu différent selon le contexte.


2. Positionne tes séparateurs

Tu peux choisir :

  • Un séparateur en haut, en bas, ou les deux.
  • Tu peux aussi inverser leur sens (ex. une courbe tournée vers le haut au lieu du bas).

3. Anime-les (optionnel)

Coche “Animer le séparateur” si tu veux ajouter un effet de mouvement (surtout utile pour les vagues).


⚠️ L’animation ne fonctionne pas bien avec tous les styles (ex. diagonales), donc fais des tests.


4. Harmonise les couleurs


Si tes sections ont des fonds différents (ex. une section blanche et une autre noire), pense à :

  • Utiliser le champ “Couleur d’arrière-plan du séparateur” pour éviter les ruptures visuelles,
  • Choisir une couleur cohérente avec la section d’avant ou d’après.


✅ Bon à savoir

  • 👉 Utilise le même style de séparateur tout au long du site pour un rendu cohérent.
  • 🚫 Évite de mixer plusieurs styles sur une même page (ça peut vite devenir brouillon).
  • 🎯 Le but est de fluidifier la navigation, pas de distraire l’utilisateur.


Besoin d'aide ? N'hésite pas à nous contacter à [email protected] ! Réponse sous 48H ouvrés (donc hors week-ends et jours fériés). ⌛