Tutoriel de personnalisation de la page de détail du produit WoodMart : Analyse de la mise en page et du modèle

WoodMart est un logiciel puissant et esthétiquement agréable. Thèmes WooCommerceque de nombreuses personnes choisissent pour leur site web de commerce électronique, non seulement en raison de son design agréable, mais aussi de sa flexibilité. L'un des éléments les plus différenciateurs est la page de détail du produit. Cet article vous apprendra à utiliser WoodMart L'outil qui permet de modifier la page de détail du produit à votre guise, sans avoir à déplacer le code et sans craindre les erreurs.

Image [1]-Tutoriel de personnalisation de la page de détails d'un produit WoodMart : analyse complète de la mise en page et du modèle

A. Quelles sont les méthodes de mise en page prises en charge par la page de détail du produit ?

WoodMart propose par défaut une variété de mises en page, telles que

  • Images à gauche, contenu à droite (structure classique)
  • Les images sont affichées horizontalement en haut, le contenu en bas (style simplicité)
  • Mise en page pleine largeur pour les articles à grande image
  • Les modules de contenu sont affichés par morceaux, ce qui convient aux pages de produits comportant de nombreux détails.

Vous pouvez librement modifier ces présentations dans le backend pour les adapter à différents types de produits. Par exemple, les vêtements conviennent aux styles à images multiples et les produits électroniques aux affichages modulaires.

Deuxièmement, changer la mise en page par défaut en arrière-plan

Le chemin est le suivant :

  1. Accès au back-office
  2. Cliquez sur le menu de gauche WoodMart → Paramètres du thème
  3. localiser Page produit élément de paramétrage
  4. Sélectionnez le style de mise en page que vous souhaitez utiliser (une colonne, deux colonnes, avec une barre latérale, etc.)
  5. Enregistrez les paramètres, actualisez la page d'accueil pour voir l'effet.
Image [2]-Tutoriel de personnalisation de la page de détails d'un produit WoodMart : analyse complète de la mise en page et du modèle

Si vous souhaitez utiliser des mises en page différentes pour les différentes catégories, vous pouvez également accéder aux paramètres de la page de catégorie et les configurer indépendamment.

Troisièmement, l'utilisation du "constructeur de pages" pour personnaliser les détails (jeu avancé).

WoodMart est parfaitement compatible Elementor répondre en chantant WPBakeryCela signifie que vous pouvez concevoir vous-même la page détaillée par glisser-déposer.

Les étapes sont les suivantes :

  • Activer la fonction de modèle personnalisé
    • Accès aux coulisses WoodMart → Paramètres du thème → Page produit
    • Recherchez et activez l'option "Builder for product page" ou une option similaire.
Image [3]-Tutoriel de personnalisation de la page de détails d'un produit WoodMart : mise en page et modèle pleine résolution
  • Créer un nouveau modèle
    • Sur le c?té gauche, cliquez sur Modèles → Modèles enregistrés(Elementor) ou Modèles(WPBakery)
    • Ajoutez un nouveau modèle et sélectionnez le type "Produit unique".
Image [4]-Tutoriel de personnalisation de la page de détails d'un produit WoodMart : analyse complète de la mise en page et du modèle
  • Glissez-déposez les composants pour construire la structure que vous souhaitez
    • Par exemple : nom du produit, prix, évaluations, boutons de variantes, boutons d'achat, ic?nes de partage, hashtags, etc.
    • WoodMart propose de nombreux produits spécialisésgadgetPar exemple Galerie des produits individuelsetAjouter au panieretProduit Meta
  • Mise à jour automatique lors de l'enregistrement
Image [5]-Tutoriel de personnalisation de la page de détails d'un produit WoodMart : mise en page et modèle pleine résolution

Quatrièmement, l'utilisation d'un modèle de page détaillée indépendante pour un seul produit

Après la conception, cliquez sur Publier

Le paramètre Conditions d'affichage s'affiche :

Image [6]-Tutoriel de personnalisation de la page de détails d'un produit WoodMart : mise en page et modèle pleine résolution
  • Sélectionner les conditions d'application (par exemple, s'appliquer à tous les produits / s'appliquer uniquement à des produits spécifiques / une certaine classification)
  • Après l'enregistrement, Elementor changera automatiquement le modèle de la page de détail en fonction des critères suivants
Image [7]-Tutoriel de personnalisation de la page de détails d'un produit WoodMart : analyse complète de la mise en page et du modèle

V. Autres modules de détail optimisables

  • Ajouter une ic?ne de confiance(par exemple, garantie d'authenticité, retour sous 7 jours, frais de port)
  • Afficher la variante de l'image de commutation(boutons de couleur/spécification illustrés)
  • Ajouter une vidéo de présentation ou de démonstration du produit
  • Activer les boutons d'achat autocollants(les utilisateurs peuvent toujours voir le portail d'achat lorsqu'ils passent la souris)
  • Insérer des FAQ, des graphiques d'évaluation, des tableaux et d'autres éléments dans la zone de description du produit

Toutes ces fonctionnalités peuvent être configurées dans WoodMart ou mises en ?uvre avec le composant Elementor/WPBakery.

résumés

Produits personnalisésLa page de détail semble compliquée, mais en fait, elle l'est beaucoup plus au niveau de l'interface utilisateur. Thèmes WoodMartà l'intérieur, l'ensemble du processus est visualisé et géré. Vous pouvez commencer par une simple mise en page du backend, puis passer progressivement au constructeur de pages et à l'affinement des modèles pour améliorer la présentation, le professionnalisme et l'unité de la marque.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨詢:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
? Déclaration de reproduction
Cet article a été rédigé par Little Lin
LA FIN
Si vous l'aimez, soutenez-le.
félicitations943 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires