Comment créer la home page de votre app ?

Bonjour et bienvenue dans votre backoffice GoodBarber

Aujourd'hui nous allons apprendre à paramétrer la Home de votre boutique.

La Home est la première page que les utilisateurs verront lorsqu'ils ouvriront votre application.

Sur cette page, vous pouvez une navigation secondaire, en complément de votre mode de navigation principal.

Commençons tout de suite en nous rendant dans le menu Contenu & Design, Design, Home.

Les modules qui constituent votre Home sont appelés Widgets.

Il en existe plusieurs types:

- Liste de Produits

- Liste de collections

- Recherche

- Bannière Publicitaire

- Newsletter

- Lien

- Mentions Legales

- Liens Sociaux

- Séparateurs

- HTML

Attention, la plupart des widgets sont en fait des raccourcis vers des sections existantes. Ils n'apparaîtront que si vous avez ajouté la section à votre boutique. Par exemple, si vous n'avez pas de section Recherche dans votre boutique, le widget Recherche ne vous sera pas proposé.

Je vous mets les vidéos qui concernent les différentes sections dans la barre d'infos.

On va commencer par ajouter un widget Liste de Produits.

Je choisis la ou les sections reliées.

Voilà mon widget à été ajouté.

Je vais maintenant l'éditer.

Je choisis le template.

L'affichage du titre, et tous les éléments de design.

Je vais filtrer l'affichage des produits de ce widget par Tags.

(La vidéos sur les tags est dans la barre d'info!;))

Je ne veux afficher que les produits de couleur Light.

Voilà parfait.

Je choisis le nombre de produits à afficher.

Les marges.

Le format de la vignette.

Et voilà c'est fait !

Je vais maintenant créer un widget Recherche.

C'est toujours le même principe. On ajoute, puis on édite le widget.

Voilà il est bien ajouté, mais je préfèrerais qu'il soit tout en haut de la page.

Il suffit de la faire glisser à la bonne place.

Comme ca!

Ensuite un widget Bannière Publicitaire.

J'ajoute d'autres widgets Liste de Produits.

Un widget Newsletter pour me constituer une petite base de mails ;)

Un widget Liens Sociaux pour afficher tous mes réseaux.

et enfin un widget Mention Légales.

Voilà c'est fini !

La home offre des millions de possibilités, surtout avec les widgets Liens, qui vous permettent d'afficher des liens vers vos différentes sections, mais aussi des actions (appel, mail, sms) ou des liens externes. Et le widget HTML que vous pouvez entièrement personnaliser.

Je vous montre la version finale de ma Home.

Voilà vous pouvez maintenant créer votre propre Home, j'ai hâte de voir les résultats !

A bientôt pour un nouveau tutoriel !