Sales Mart – Aperçu du thème WooCommerce Divi Child

Publié: 2021-03-24

Le thème enfant Sales Mart Divi de PennyBlack Templates a été conçu pour les sites et blogs WooCommerce. Il est livré avec de nombreuses pages et des fonctionnalités spéciales conçues pour la vente en ligne. Dans cet article, nous examinerons les pages et les fonctionnalités de Sales Mart pour vous aider à décider s'il s'agit du bon thème enfant Divi pour votre site Web.

Installation du thème enfant Sales Mart Divi

Installation du thème enfant Sales Mart Divi

L'installation du thème enfant Sales Mart Divi est simple. Cela prend quelques étapes. 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.

Installation du thème enfant Sales Mart Divi

Une fois activé, vous verrez un message avec un lien pour installer les plugins requis. Installez-les et activez-les. Cela ajoute :

  • Chariot de barre de menu WooCommerce
  • Yith Aperçu rapide de WooCommerce
  • Avec la liste de souhaits WooCommerce

Certains des plugins nécessitaient une certaine configuration, mais c'est facile à faire.

Installation du thème enfant Sales Mart Divi

Une fois les plugins activés, vous pouvez importer les données de démonstration. Attendez que la démo soit importée, puis votre site Web ressemblera à la démo complète avec des pages, des menus et des produits.

Tout correspondait à la démo sauf le pied de page. Le mien avait les widgets par défaut, que j'ai supprimés après l'importation de la démo. Je devais également sélectionner le bon menu, activer la liste de souhaits et le panier.

Caractéristiques de l'en-tête du thème Sales Mart Divi Child

L'en-tête est créé avec le Divi Builder. Plusieurs pages contiennent des fils d'Ariane.

En-tête du magasin de vente

En-tête du magasin de vente

L'en-tête global comprend deux sections. Le premier affiche du texte, un texte de présentation et des modules de suivi des médias sociaux. La seconde affiche un menu pleine largeur.

En-tête du magasin de vente

L'en-tête global comprend également un panier avec le nombre d'articles et le prix total. Ceci est ajouté avec le plugin WooCommerce Menu Bar Cart.

Fil d'Ariane du Marché des Ventes

Fil d'Ariane du Marché des Ventes

La plupart des pages incluent un en-tête avec une image d'arrière-plan, un titre et un fil d'Ariane.

Ventes Mart Divi Child Theme Pages

Sales Mart a ajouté 31 pages, dont 5 pages d'accueil, 3 pages de blog et 2 pages sur les pages, les pages de boutique, les pages d'équipe, les pages de témoignages, les pages de panier et bien plus encore. C'est l'un des rares thèmes enfants Divi que j'ai vu avec une page d'erreur de serveur interne 500. Il comprend également une page 404, une page à venir et une page de maintenance. Regardons quelques-uns d'entre eux.

Pages d'accueil du magasin de vente

Les cinq pages d'accueil ont des points communs et quelque chose d'unique. Je vais montrer les détails du premier et ensuite regarder ce qui est différent dans les autres.

Ventes Mart Accueil Statique

Ventes Mart Accueil Statique

La page d'accueil principale est configurée par défaut. Il comprend un en-tête global et une image d'arrière-plan pleine largeur avec un CTA au premier plan. Le CTA comprend un bouton pour la page de la boutique.
Ventes Mart Accueil Statique

Les CTA des différentes catégories de boutiques affichent des images avec une description et un lien vers la boutique.

Ventes Mart Accueil Statique

Les produits récents s'affichent en 4 colonnes sur un fond beige. Le titre comprend une image qui crée un soulignement stylisé. Les cartes stylisées affichent les produits WooCommerce. Yith Wishlist ajoutera le lien de la liste de souhaits sous le lien Ajouter au panier.

Ventes Mart Accueil Statique

Un compte à rebours présente un produit en vente avec deux colonnes. Une image comprend une bordure stylisée.

Ventes Mart Accueil Statique

Les produits les plus vendus s'affichent sur 3 colonnes. Cette section correspond à la section des produits récents.

Ventes Mart Accueil Statique

Un CTA pleine largeur affiche une image d'arrière-plan et place un bouton de boutique sur la gauche.

Ventes Mart Accueil Statique

Les CTA de vente affichent des images sur 2 colonnes et incluent des informations sur la vente et des liens vers la boutique.

Ventes Mart Accueil Statique

Le curseur de témoignage affiche une image d'arrière-plan sombre avec une image encerclée de la personne avec son témoignage au premier plan. Ils incluent la navigation par flèches et par points.

Ventes Mart Accueil Statique

La section des nouvelles ressemble à des cartes de blog. Il est construit avec des images, des textes de présentation et des modules de texte. Les dates et les catégories affichent des icônes.

Ventes Mart Accueil Statique

Les logos des clients s'affichent sur 5 colonnes.

Ventes Mart Home Parallax

Ventes Mart Home Parallax

La section héros de la page d'accueil de parallaxe affiche une image d'arrière-plan de parallaxe. La section suivante montre une image de produit avec un bouton pour la page de la boutique.

Ventes Mart Home Parallax

Les images des catégories de produits s'affichent dans une disposition à plusieurs colonnes. Ils comprennent des titres et des liens.

Ventes Mart Home Parallax

Un CTA pleine largeur affiche des informations sur une vente et comprend un bouton vers la boutique.

Formulaire d'accueil du magasin de vente

Formulaire d'accueil du magasin de vente

La page d'accueil du formulaire affiche un formulaire de devis dans la section héros. Tout le reste correspond à la page d'accueil statique.

Curseur d'accueil du magasin de vente

Curseur d'accueil du magasin de vente

La page d'accueil du curseur affiche un curseur pleine largeur dans la section héros. Il a des flèches et une navigation par points. Chaque diapositive a un titre de catégorie et un lien vers la boutique. Il comprend également la mise en page du produit à plusieurs colonnes à partir de la page d'accueil de la parallaxe.

Vidéo à domicile du magasin de vente

Vidéo à domicile du magasin de vente

La page d'accueil de la vidéo affiche une vidéo d'arrière-plan dans la section héros. Le premier plan montre le titre et le bouton. Il comprend également la deuxième section de la page d'accueil de la parallaxe.

Ventes Mart Divi Child Theme Shop Pages et fonctionnalités

Sales Mart comprend toutes les pages WooCommerce attendues, telles que la page de la boutique, le panier, le paiement et le compte. Il ajoute également une page de liste de souhaits. Chacun est conçu pour correspondre au site. Plusieurs incluent des shortcodes pour Bloom.

Yith Quickview

Yith Quickview

Le plugin Yith Quickview ajoute une fonctionnalité de lightbox de produit. Cliquer sur un aperçu rapide d'un produit ouvre une lightbox avec des informations et un lien d'ajout au panier. Le survol de l'image effectue un zoom avant dans le conteneur d'images et fait défiler avec votre souris. Cliquer sur l'image l'ouvre dans une lightbox.

Liste des magasins de vente

Liste des magasins de vente

La liste des boutiques est la page de la boutique. Il affiche l'en-tête avec le fil d'Ariane, les produits WooCommerce avec le style et la barre latérale stylisée. J'ai dû choisir la page et ajouter les widgets.

Page produit du magasin de vente

Page produit du magasin de vente

La page du produit correspond au site et comprend les produits connexes et la barre latérale du produit. Vous verrez également un lien pour ajouter le produit à votre liste de souhaits ou une note indiquant qu'il est dans votre liste de souhaits.

Liste de souhaits du marché des ventes

Liste de souhaits du marché des ventes

Cela montre votre liste de souhaits sous forme de tableau. Les puces et les boutons sont conçus pour correspondre au site. Cette page ajoute également des boutons sociaux pour partager votre liste de souhaits sur les réseaux sociaux.

Marché des ventes À propos de nous Pages

Marché des ventes À propos de nous Pages

La première page À propos de nous affiche une petite section avec des informations d'un côté et une image de l'autre. Une section pleine largeur montre une image d'un côté et des compteurs de nombre de l'autre côté. La section de l'équipe montre quatre membres de l'équipe avec des images, leurs noms et titres. La page comprend également les logos des clients.

Marché des ventes À propos de nous Pages

La deuxième page À propos de nous comprend une section expliquant pourquoi nous choisir. Il affiche un curseur d'un côté et des textes de présentation avec des icônes de l'autre côté. Des compteurs de nombres sont placés sur quatre images. Les membres de l'équipe ont des modules de personne plus grands avec des boutons sociaux. Les images glissent au survol. Les CTA sont créés avec des modules de texte.

Pages de l'équipe du magasin de vente

Pages de l'équipe du magasin de vente

La première page d'équipe affiche des modules de personne stylisés avec des animations de survol. Je survole le module à droite. La section deux est une section pleine largeur avec des compteurs de nombres.

Pages de l'équipe du magasin de vente

La deuxième page d'équipe ajoute un style différent pour les modules de personne. Je survole l'un d'eux pour afficher les boutons sociaux. Il ajoute également une section avec des comptoirs de bar pour les compétences et une image.

Pages de témoignages du magasin de vente

Pages de témoignages du magasin de vente

La première page Témoignage affiche le curseur de témoignage et une image. Le curseur correspond à la page d'accueil, mais il est placé dans une colonne plus petite.

Pages de témoignages du magasin de vente

La deuxième page Témoignage affiche un type de curseur différent. Il place l'image en haut de la diapositive et chevauche le curseur. Cela se fait avec une classe CSS.

Pages de témoignages du magasin de vente

Le bas de la page affiche un autre type de curseur de témoignage sans image. Les deux sont créés avec un module de curseur standard.

Page FAQ du magasin de vente

Page FAQ du magasin de vente

La page FAQ montre les accordéons d'un côté et le texte de l'autre. L'affichage dans des dispositions alternées et avec des arrière-plans gris clair ou blancs.

Pages du blog du magasin de vente

Trois mises en page de blog différentes et une page de publication stylisée sont incluses.

Liste des blogs du magasin de vente

Liste des blogs du magasin de vente

La page Liste des blogs affiche les publications dans une seule colonne avec une barre latérale. La page comprend également l'en-tête avec le fil d'Ariane. Les publications, le bouton des entrées plus anciennes et la barre latérale sont conçus pour correspondre au site.

Page de grille à deux colonnes du blog Sales Mart

Page de grille à deux colonnes du blog Sales Mart

La page de grille à deux colonnes place les publications sur deux colonnes et n'inclut pas la barre latérale.

Page de grille à trois colonnes du blog de vente

Page de grille à trois colonnes du blog de vente

La grille à trois colonnes place les messages sur trois colonnes sans la barre latérale.

Articles de blog sur le magasin de vente

Articles de blog sur le magasin de vente

Les articles de blog incluent un style qui correspond aux pages de la liste des blogs et inclut la barre latérale.

Page de contact du magasin de vente

Page de contact du magasin de vente

La page Contactez-nous affiche les informations de contact à côté d'un formulaire. En bas de la page, vous trouverez une carte pleine largeur pour montrer les directions vers l'emplacement.

Achat Ventes Mart Divi Child Theme

Achat Ventes Mart Divi Child Theme

Vous pouvez acheter le thème enfant Sales Mart Divi sur le Divi Marketplace pour 49 $. Il comprend une utilisation illimitée du site Web et un an de mises à jour et d'assistance.

Mettre fin aux pensées

C'est notre regard sur le thème enfant Sales Mart Divi de PennyBlack Templates. Les nombreuses pages et fonctionnalités de ce thème enfant le rendent idéal pour tout type de boutique WooCommerce. C'est également un bon choix pour les blogs qui souhaitent ajouter des achats en ligne. Il y a quelques choses à mettre en place après l'installation, mais elles ne sont pas difficiles. Les fonctionnalités supplémentaires fonctionnent très bien et aident la boutique à se démarquer. Si vous recherchez un thème enfant Divi avec un focus WooCommerce, c'est un bon choix.

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

Image en vedette via Newgate666 / shutterstock.com