Quand tu crées un canvas sur Showit, tu as le choix entre trois types de canvas qui définissent comment il se comporte en termes de hauteur sur ton site en ligne. C’est un réglage discret, mais qui a un impact direct sur le rendu visuel de tes pages.
Où configurer le type de canvas ?
Clique sur un canvas pour le sélectionner, puis dans le Properties Panel à droite, clique sur l’onglet Canvas. Tu trouveras le sélecteur de type de canvas avec les trois options disponibles.
Normal : la hauteur fixe
C’est le type par défaut. Avec Normal, ton canvas a exactement la hauteur que tu lui as définie dans l’app, en pixels. Elle ne change pas selon la taille de l’écran du visiteur.
C’est le type le plus courant, adapté à la majorité de tes sections : hero, services, témoignages, contact…
Window Height : plein écran
Avec Window Height, ton canvas s’adapte à la hauteur de la fenêtre du navigateur du visiteur. Quelle que soit la taille de son écran, le canvas occupera toujours 100% de la hauteur visible.
Ce type est particulièrement efficace pour les sections hero plein écran ou les pages de type « coming soon » qui doivent remplir tout l’espace visible sans scroll.
Quand tu utilises Window Height, tu dois définir une hauteur minimale pour ton canvas. Si la fenêtre du visiteur est plus grande que ce minimum, le canvas s’agrandit. En dessous, il garde la hauteur minimale définie.
⚠️ Si un canvas en Window Height est aussi en mode Sticky (menu de navigation par exemple), une partie du contenu pourrait être rognée si la hauteur minimale dépasse la hauteur de l’écran du visiteur. Showit recommande de ne pas dépasser 600px en desktop et 400px en mobile dans ce cas.
Grow with Content : pour les templates blog
Le type Grow with Content est réservé aux templates de blog WordPress dans Showit. Il permet au canvas de s’agrandir automatiquement pour accueillir le contenu WordPress (texte d’article, commentaires…) qui dépasse la taille initiale du canvas.
Si tu ne travailles pas sur des templates blog, tu n’auras probablement jamais besoin de ce type.
💡 Pour tes pages vitrines classiques, tu utiliseras Normal dans 95% des cas. Window Height est à réserver pour les sections hero que tu veux vraiment en plein écran.
En résumé
Normal : hauteur fixe en pixels, usage général.
Window Height : hauteur adaptée à l’écran du visiteur, idéal pour les heroes plein écran.
Grow with Content : réservé aux templates blog WordPress.
Pour continuer à découvrir Showit :
→ Ajouter un canvas sur Showit
