Tutoriels
Retour

Comment réaliser le design des sections de votre boutique ?


Bonjour et bienvenue dans votre backoffice GoodBarber!

Aujourd'hui, nous allons apprendre ensemble à paramétrer le design des sections de votre boutique.

Chaque type de section à des propriétés de design qui lui sont propres, mais le process pour les paramètres est toujours le même.

Pour désigner une section, rendons-nous dans le menu Content & Design > Design > Sections Design.

Pour cet exemple, on va choisir de désigner une section Product List.

La première chose à faire ici, c'est de choisir entre les templates d'affichage proposés. Vous pouvez voir les modifications en direct sur la preview du back office.

On va choisir le template 2.

Ensuite on va paramétrer le design de la zone de contenu.

La couleur de du background, l'alignement du contenu.

Les polices et les couleurs de police des différents éléments.

Enfin le format de la vignette.

Voilà c'est déjà terminé !

Ce design s'appliquera par défaut à toutes les sections liste de produits de votre boutique.

Il y a quand même un moyen de désigner une section en particulier, mais ça je vous en parle dans une autre vidéo ;)

Voilà la liste de produits entièrement designée !

C'est maintenant à vous de jouer !

A bientôt pour un nouveau tutoriel !

 

Vidéos similaires