fbpx

Bons plans Alpa14 | Des offres et des réductions intéressantes à découvrir 😃

Divi WooCommerce : Créer un modèle de page catégorie

Créez un gabarit de page catégorie WooCommerce avec Divi et son Thème Builder

Dans ce nouveau tuto WordPress Divi, je vous explique comment rémplacer la page catégorie par défaut générée par le système WooCommerce  par un modèle de page catégorie (en accord avec le design de la page boutique)  réalisé avec le Thème Builder de Divi. Dans ce tutoriel, nous repartirons d’un site sur le thème des bijoux que j’avais utilisé à l’occasion de trois tutos où je vous expliquais :
1- Comment installer et paramétrer WooCommerce, créer des produits simples et variables ?
2- Comment créer une page boutique design sur un site WordPress ?
3- Comment créer un modèle de page produit avec le Thème Builder ?
Si vous n’avez pas vu ces trois vidéos, je vous invite à les voir, la première icila deuxième ici
et la troisième ici.
Bon visionnage à toutes et à tous ! 😊

Licence Divi
Code Promo Divi Supreme
.

1) Cloner la page boutique depuis le Thème Builder

Rendez-vous dans le Thème Builder, choisir un nouvel emplacement et cliquer sur « Ajouter un nouveau modèle ». La fenêtre des paramètres du modèle s’ouvre, choisir  « Toutes les catégories de Produits Pages » puis validez en cliquant en bas sur « Créer un modèle ».
Choisir ensuite « Créer un corps personnalisé » puis « Construire un corps personnalisé ». Divi vous offre ensuite 3 moyens de créer votre mise en page, choisir alors celle de droite : « Cloner une page existante » puis choisir parmi la liste des pages qui apparaissent la page de la boutique.

Choisir le modèle de page
Cloner une page Divi

2) Rendre la page catégorie dynamique

Nous avons maintenant une copie exacte de la page boutique à laquelle nous allons apporter quelques modifications afin que cette page s’adapte automatiquement à chaque catégorie.

1- Tout d’abord nous allons modifier le titre pour le rendre dynamique et que le titre de la catégorie choisi s’affiche.
Pour cela, cliquer sur les paramètres du module de la section bannière « En-tête plein écran », dans l’onglet « Contenu » puis à « Titre » cliquer à droite sur l’icône des 3 petits disques empilés avec le + (utiliser le contenu dynamique) puis dans la fenêtre qui s’ouvre, choisir la première option « Poster/Titre de l’archive ».
Votre titre est maintenant dynamique et s’adaptera automatiquement au nom de la catégorie.

Rendre dynamique le titre

2- Maintenant rendez-vous dans les paramètres du module boutique. Dans l’onglet « Contenu », à « Type de vue du produit » choisir « Catégorie de produits » puis en dessous à « Catégorie incluses » cocher « Catégorie actuelle ». Ces 2 réglages déclencheront le tri des produits pour les ranger dans la catégorie appelée.

Thinkific one month free
MalerLite
paramétrer les règles de tri de la boutique

3- Enregistrer le travail sur le thème builder puis retourner sur la page boutique.
Maintenant en cliquant sur une catégorie de la barre latérale, la page générée conserve  l’esthétique de la boutique et s’adapte à la catégorie avec son titre et le tri des produits est opéré. Félicitations !

Semrush le meilleur outil SEO
Presto Player lecteur vidéo WordPress
paramétrer les règles de tri de la boutique

Par où commencer pour créer son site Internet ?

Toute personne disposant d’un ordinateur et d’une connexion Internet peut créer son propre site Web. Il existe de nombreux outils en ligne qui facilitent le processus. Les sites Web peuvent être utilisés pour promouvoir votre entreprise, communiquer avec les clients et partager vos idées.

Dans cette vidéo qui est qui est une retransmission d’un Webinar, Léopoldine la fondatrice de la société Webmyday, explique les différentes étapes à suivre et les bonnes questions à se poser pour créer son premier site web professionnel. Elle passe en revue les services et les outils nécessaires à la conception Web et propose des conseils pour créer un site Web efficace.

Cette vidéo est une excellente ressource pour les débutants qui souhaitent en savoir plus sur les étapes à suivre dans la conception Web ou pour les propriétaires d’entreprise qui ont besoin de créer un site Internet pour leur activité. 

Sommaire de la vidéo

0:00 Introduction
2:41 La formation Webmyday qu’est-ce que c’est ?
6:22 Faire ou faire faire son site Internet ?
16:31 Solutions pour faire son site soi-même
18:24 Solutions pour faire faire son site
22:33 Coût d’un site Internet
25:55 Un CMS, qu’est-ce que c’est ?
26:46 Les CMS les plus connus
32:57 Le nom de domaine
33:39 L’ hébergement
34:54 Quelques hébergeurs
38:35 4 choses que doit comprendre votre hébergement
40:01 WordPress qu’est-ce que c’est ?
40:29 Différence entre WP.com et wp.org
43:00 Les différentes composants de WP
46:33 En résumé les étapes pour travailler avec WordPress
47:47 Conclusion

Sommaire de la vidéo

Vous serez peut-être également intéressé par ces articles …

Enregistrer son écran pour créer des formations

Enregistrer son écran pour créer des formations

Vous recherchez un logiciel de capture pour filmer l’écran de votre PC ou de votre Mac ? Vous souhaitez créer des démos de logiciels, des démos de jeux, des tutoriels ou des vidéos de formation d’aspect professionnel ? Alors vous avez sans doute besoin de DemoCreator de Wondershare !

lire plus
Divi Supreme : Module Text Path

Divi Supreme : Module Text Path

Divi Supreme possède un excellent nouveau module intitulé Text Path qui vous permet de créer de magnifiques chemins de texte. Avec ce module, vous pouvez facilement créer des motifs et des dessins complexes dans votre texte.

lire plus
Créer un pop-up sur un site Divi

Créer un pop-up sur un site Divi

Ce tutoriel vous propose une solution simple et pratique pour créer un pop-up. En effet, je vous présente un plugin gratuit pour Divi intitulé « Popups for Divi » qui vous permettra de transformer toute section de votre site web en fenêtre pop-up.

lire plus
Offrez-moi un café! Merci :)