Comment personnaliser le thème de la vitrine à l'aide de l'outil de personnalisation

Publié: 2020-10-16

Personnalisation du thème WooCommerce Storefront à l'aide de l'outil de personnalisation Avec plus de 200 000 installations actives, le thème Storefront s'intègre parfaitement à WooCommerce. WooCommerce s'est avéré être un excellent outil pour créer une boutique de commerce électronique avec un investissement minimum. De plus, ils offrent tous deux une grande flexibilité aux propriétaires de magasins pour modifier à volonté l'apparence et les fonctionnalités du magasin.

Personnalisation du thème WooCommerce Storefront à l'aide de l'outil de personnalisation

Le thème Storefront propose d'excellentes options pour améliorer visuellement votre magasin. Si vous êtes un développeur WordPress, il n'y a pas de limite à la personnalisation de votre boutique en ligne.

Cependant, ce n'est pas le cas pour les moins férus de technologie. Si tel est le cas, vous pouvez utiliser le WooCommerce Customizer. Il fait partie de WordPress> Personnaliser et permet de sélectionner des options qui s'appliquent à l'ensemble du site pour l'avis de magasin, le catalogue de produits et les images de produits sans toucher à aucun code.

Comment trouver le personnalisateur WooCommerce

Depuis le tableau de bord du menu WordPress, accédez à Apparence > Personnaliser . Cela ouvrira le menu Personnaliser . Sélectionnez WooCommerce . Personnalisateur WooCommerce

Dans cette section, il y a cinq options :

Avis de magasin
Catalogue de produits
Fiche produit
Images du produit
Vérifier

Avis de magasin

Cette section vous permet d'entrer un message à l'échelle du site affiché à tous ceux qui visitent votre magasin. Ce message peut être informatif ou promotionnel. Un exemple d'avis informatif est une note informant les clients des retards d'expédition dus aux conditions météorologiques. Un exemple d'avis promotionnel est une note annonçant un événement, un lot, une vente ou une livraison gratuite.

Cependant, vous devez vous assurer que vous activez l'avis de magasin, comme indiqué sur l'image. Si vous décochez la case Activer l'avis de magasin, il cessera de s'afficher pour les visiteurs.

Si vous êtes satisfait des modifications, cliquez sur Publier.

De plus, vous pouvez planifier un avis de magasin à l'aide de l'option Planifier. Cette option permet d'exécuter des promotions pendant une durée limitée ou de mettre fin à une remise à minuit à une date précise. Avis d'horaire

Cependant, il est important de noter que la suppression de l'avis n'arrête pas automatiquement la diffusion de la promotion. Cela signifie que vous devez désactiver les remises sur les ventes, les codes de réduction ou les offres à durée limitée.

Catalogue de produits

Cette rubrique vous permet de choisir :

Ce qu'il faut afficher sur la page Boutique
Ce qu'il faut afficher sur les pages de catégorie
Comment trier les produits dans une catégorie
Combien de produits afficher sur une seule ligne
Combien de rangées de produits afficher sur une page

L'option d'affichage de la page Boutique vous permet d'afficher des produits, des catégories ou les deux. Cependant, je vous recommande fortement d'en sélectionner un pour un look épuré. Affichage de la page de la boutique

L'option d'affichage de la catégorie peut afficher les produits ou les sous-catégories d'une catégorie, ou les deux. Il est recommandé d'en sélectionner un.

L'option Tri des produits par défaut vous permet de contrôler les produits affichés. Cela influence la façon dont les produits sont affichés par défaut sur les pages Boutique et Catégorie.

Tri par défaut (commande personnalisée + nom) - affiche les produits par ordre alphabétique de nom.
Trier par popularité (ventes) - afficher les produits en fonction des quantités vendues.
Trier par note moyenne - affiche les produits en fonction des notes moyennes des avis.
Trier par les plus récents - afficher les produits dans l'ordre dans lequel ils ont été ajoutés au magasin.
Trier par prix (asc ou desc) - trier les produits par prix soit du plus bas au plus élevé (asc) ou du plus élevé au plus bas (desc).

L'option Produit par ligne vous permet de choisir le nombre d'articles qui apparaissent sur une seule ligne sur les pages Boutique et Catégorie. D'autre part, l'option Lignes par page vous permet de choisir le nombre de lignes qui apparaissent sur les pages Boutique et Catégorie. Cependant, il serait préférable d'être sensible à la taille des images de produits et à l'espace laissé sur un ordinateur/ordinateur portable, une tablette ou un appareil mobile. Disposition du produit

Fiche produit

Fiche produit Cette section a deux fonctionnalités :

Sticky Add-to-Cart - Il s'agit d'une barre de contenu en haut de la fenêtre du navigateur. Cette barre comprend des informations pertinentes sur le produit et un bouton d'ajout au panier.
Pagination du produit - Il affiche les liens suivants et précédents sur les pages de produits.

Images du produit

Image du produit Cette section vous permet de sélectionner la façon dont les images du catalogue et des vignettes sont dimensionnées et recadrées. De plus, vous pouvez redimensionner les images du catalogue et des miniatures sur l'ensemble du site de votre boutique lorsqu'une modification publiée est effectuée.

Les types d'images pris en charge par cette option sont :

Images du catalogue
Images miniatures
Images d'un seul produit

Vérifier

Vérifier Cette section vous permet de définir si certains champs sont obligatoires ou facultatifs selon les données que vous souhaitez collecter. De plus, vous pouvez choisir de mettre en surbrillance les champs obligatoires avec un astérisque, qui est la valeur par défaut.

De plus, je vous recommande fortement de créer des pages Politique de confidentialité et Termes et conditions. Le lien "politique de confidentialité" ouvre la page dans une nouvelle fenêtre, tandis que le lien "termes et conditions" ouvre une boîte sur la page montrant le contenu de la page des termes et conditions.

Conclusion

Dans cet article, j'ai mis en évidence les options trouvées dans le WooCommerce Customizer. Si vous êtes un débutant WordPress, vous n'aurez pas de mal à visualiser les modifications que vous apportez en temps réel. Cependant, il serait préférable que vous vous souveniez que votre conception est importante. De plus, cela influencera l'expérience utilisateur sur votre boutique WooCommerce.