01 / Créer une catégorie
Cliquer sur Produits puis Catégories.
Entrer le nom de la catégorie puis Ajouter une catégorie.
Ici nous créons la catégorie Couleurs.
02 / Créer une sous-catégorie
Cliquer sur Produits puis Catégories
Entrer le nom de la catégorie puis Ajouter une catégorie.
Choisir la catégorie parente, ici la catégorie Couleurs.
Rouge, bleu et jaune sont donc des sous-catégories de la catégorie Couleurs.
03 / Créer des produits
Cliquer sur Produits puis Ajout produits.
Renseigner les informations produits et choisir sa catégorie et sous-catégorie. (voir 1er tuto pour création de produits)
04 / Créer la page catégorie
Cliquer sur Page puis Ajouter.
Cliquer sur le bouton violet.
Cliquer sur Choisir la mise en page, puis Télécharger le modèle.
Choisir le modèle “MODELE page Catégorie”.
Changer le nom de la catégorie et sa description.
Modifier les paramètres d’affichage des produits dans le module Boutique.
Ne pas oublier de décocher les autres catégories et ne conserver que la catégorie qui nous intéresse.
(ici j’avais oublié de décocher la catégorie Décoration murale, la page affichait donc d’autres produits)
05 / Créer les pages sous-catégorie
Même chose que précédemment. Importer le modèle “MODELE page Sous-Catégorie.
+ Choisir la catégorie Parent.
Le titre de la sous-catégorie s’affichera automatiquement.
06 / Ajout dans le menu
Cliquer sur Apparence puis Menus.
Cocher les pages puis Ajouter au menu.
Elles vont s’afficher en bas de la page.
Déplacer les pages sous-catégories à droite pour qu’elles s’affichent bien sous la catégorie parent.
Enregistrer le menu.
Ces pages peuvent être déplacées comme on le souhaite.
07 / Ajout en page d’accueil
Cliquer sur Page et ouvrir la page Accueil. (cliquer sur Modifier quand on passe la souris sur le nom).
Dupliquer la ligne (verte) qui correspond aux vignettes. (3 vignettes par ligne)
Supprimer les modules dont on a pas besoin.
Modifier le module.
08 / Visual builder
Une autre technique pour modifier les pages est d’utiliser le Visual builder. Cela se fait soit par le back office, lorsque l’on est sur une page à modifier, on peut cliquer sur Construire sur le front end, soit lorsque l’on est déjà sur la page en front office et que l’on est loggué dans l’admin, une bande noire en haut est visible avec l’option Activer le Visual Builder.
Une fois activé on se retrouve avec la page telle qu’elle apparaît mais avec la possibilité de la modifier en direct. On retrouve les codes couleurs : bleu = section, vert = ligne, gris = module.
Dans cette vidéo je l’utilise pour changer la mise en page des certaines pages de catégories. Je supprime d’abord l’ancienne mise en page en cliquant sur l’icone poubelle de la section (bleu). Puis je clique sur le bouton violet en bas pour accéder aux options possibles. Je clique sur l’icone + pour télécharger le modèle créé précédement.
Une fois le modèle importé je n’ai plus qu’à modifier le titre, la description et le choix de la catégorie dans le module Boutique.
Pour ce choix de catégorie, le plus simple est de ne choisir que la catégorie et pas toutes les sous-catégories. Elles seront affichées de toute façon automatiquement puisqu’elles sont des sous-catégories de la catégorie choisie.
Ensuite, cliquer sur Sauvegarder puis sur Quitter le Visual Builder.