Aperçu du thème enfant Divi Matcha Shop

Le thème enfant Divi Matcha Shop est un thème minimal qui vous aide à vous concentrer sur la vente de vos produits. Il comprend des pages WooCommerce dont le style correspond au thème enfant. Il ajoute également des pages simplifiées telles qu'un blog, un contact, etc. Dans cet article, nous examinerons le thème enfant Divi Matcha Shop pour vous aider à décider s'il s'agit du bon choix pour vos besoins.

Installation du thème enfant Divi Matcha Shop

Toute l'installation et la configuration sont manuelles. Heureusement, ce n'est pas difficile. Toute personne ayant une expérience Divi n'aura aucun problème. Le processus d'installation a été simple et n'a pris que quelques minutes. L'information est incluse sur la page de vente.

Tout d'abord, avec Divi activé, téléchargez et activez le thème enfant comme vous le feriez pour n'importe quel thème WordPress. Deuxièmement, activez le thème enfant. Le thème enfant ajoute la feuille de style CSS. Il est livré avec les fichiers pour les options de thème, les paramètres de personnalisation et les mises en page. Les fichiers sont nommés en fonction de l'endroit où ils doivent être utilisés.

Un fichier zip supplémentaire est inclus avec les fichiers à importer. Il comprend également des mises en page à télécharger dans la bibliothèque Divi. Troisièmement, maintenant que votre thème enfant est activé, vous devrez créer les pages manuellement. Enfin, vous devrez également créer le menu et supprimer les widgets par défaut de la barre latérale et du pied de page. Dans cet exemple, j'importe les options du thème dans l'écran Options du thème Divi.

Toutes les mises en page sont téléchargées en un clic. Voici les mises en page. Il a des dessins pour 6 pages. Vous devrez créer les pages à l'aide des mises en page, puis créer votre menu. Votre site web ressemblera alors à la démo du thème enfant Divi Matcha Shop. Vous aurez juste besoin d'ajouter votre contenu.

Pages Thème Enfant Divi Matcha Shop

La page de démonstration comprend des images et des icônes. Pour des raisons légales, les images et icônes ne sont pas incluses dans les fichiers de mise en page (ce qui est compréhensible). Pour cette raison, j'utilise des images de la démo (elles sont juste plus belles et donnent une meilleure idée de la façon d'utiliser le thème enfant). C'est courant, mais je voulais le mentionner pour que vous sachiez pourquoi votre site est différent de celui de cet article.

Divi Matcha Shop Thème Enfant Page d'accueil

La page d'accueil comprend de nombreux modules de texte, des images, des boutons, des compteurs numériques, un module vidéo et un formulaire de contact. Voici la vue filaire. Jetons un coup d'œil à chaque section sur le frontend.

La page d'accueil affiche un arrière-plan pleine largeur avec un texte extra-large qui se met en place au fur et à mesure du chargement de la page. Une image chevauche cette section et la suivante. Il se met en place au fur et à mesure que la page se charge. J'aime la façon dont l'accent est mis sur le produit tout au long de la page d'accueil.

La deuxième section affiche un arrière-plan pleine largeur avec des ensembles d'informations qui fonctionnent comme des textes de présentation. Ils incluent des images (ou des icônes) avec un titre, une description et un lien pour en savoir plus sur chacun. Ceux-ci fournissent des informations sur le produit. Les images glissent en place des deux côtés de l'écran.

La section suivante fournit un espace pour une vidéo intégrée. La vidéo chevauche deux sections. Un témoignage apparaît sous la vidéo. L'arrière-plan coloré et les graphiques du témoignage ne sont pas inclus, mais ils donnent une bonne idée de la façon dont le témoignage peut être utilisé.

Un CTA pleine largeur s'affiche sur un fond de parallaxe. Les compteurs numériques fournissent des informations. Le texte du CTA se met en place et les compteurs de nombres comptent lorsque vous faites défiler jusqu'à cette section.

Le pied de page affiche un formulaire d'inscription à la newsletter stylisé sur toute la largeur, suivi d'une section pour les logos. Ils sont parfaits pour les clients, les certifications, les marques avec lesquelles vous êtes affilié ou fournissez, etc. L'image à côté du formulaire de contact se met en place lorsque vous faites défiler jusqu'à cette section.

À propos de la page

La page À propos affiche une section de titre avec un fond de parallaxe. Il utilise également les sections d'informations sur le produit et le logo de la page d'accueil. Cette mise en page peut être et utilisée pour créer une page pour chaque produit si vous en fournissez plusieurs.

Page des avantages

La page Avantages affiche les avantages du produit à l'aide de la section vidéo et témoignages de la page d'accueil. La vidéo chevauche la section des héros de parallaxe. Cette mise en page peut être utilisée pour créer une page pour chaque produit. Vous pouvez également créer plusieurs sections pour vous concentrer sur chaque avantage.

Blogue

La page Blog a un design épuré qui affiche les articles de blog en 3 colonnes. Les cartes comprennent des bordures, des images en haut, un titre, une méta, un extrait et un lien stylisé pour en savoir plus. Il comprend également la section de titre de parallaxe et les logos pour le pied de page.

Boutique

La page Boutique ajoute un module boutique avec 4 colonnes. Le titre et le pied de page sont également inclus sur cette page. Une icône verte s'affiche lorsque vous survolez l'image d'un produit.

Page du produit

La page du produit suit la mise en page standard de WooCommerce et comprend un style correspondant au site. Il comprend un style vert pour le prix, le bouton Ajouter au panier, la catégorie, le nombre d'étoiles dans la section des critiques et l'icône de survol pour les produits associés.

Le panier et les autres pages WooCommerce incluent également un style vert. Cet exemple montre le panier avec le nom du produit, le bouton de coupon et le bouton de paiement en vert.

Page de contact

La page Contact comprend également l'en-tête et le pied de page et ajoute un formulaire de contact stylisé sur une image d'arrière-plan.

Divi Matcha Shop Thème Enfant CSS

Tout le style est ajouté à la feuille de style du thème enfant. Si vous êtes familier avec CSS, il vous sera facile de personnaliser les couleurs de la feuille de style. Heureusement, vous n'avez pas besoin de creuser dans les fichiers de thème pour apporter les modifications CSS.

Le CSS est également ajouté aux options du thème Divi. Alternativement, vous pouvez apporter les modifications ici dans l'option de thème. Cela vous évite d'avoir à modifier les fichiers du thème enfant. Le CSS ajouté ici a priorité sur le CSS ajouté à la feuille de style.

Où acheter

Le thème enfant Divi Matcha Shop est disponible sur le Divi Marketplace pour 29 $. Il comprend une utilisation illimitée et un an d'assistance et de mises à jour.

Mettre fin aux pensées

C'est notre regard sur le thème enfant Divi Matcha Shop de Paper Temple. Il s'agit d'un thème enfant simple qui a l'air propre et élégant. La simplicité est un excellent moyen de se concentrer sur les produits. J'aime particulièrement le design de la page d'accueil. La page des avantages est un excellent moyen de fournir des informations sur les produits avec une vidéo. La page À propos fait bon usage des fiches de présentation pour aider l'acheteur à mieux comprendre les produits et les processus. En conclusion, si vous recherchez un thème enfant eCommerce Divi simple et facile à utiliser, Divi Matcha Shop vaut le détour.

Nous voulons de vos nouvelles. Avez-vous essayé le thème enfant Divi Matcha Shop ? Dites-nous ce que vous en pensez dans les commentaires.

Image en vedette via Letters-Shmtters / shutterstock.com