Guide tutoriel sur le générateur de mise en page du thème WoodMart

WoodMart est un programme très axé sur les affaires et très pratique WooCommerce Thème dont le Layout Builder est l'un des modules fonctionnels les plus importants de tout le système de thèmes. Grâce au Layout Builder, il est possible de remplacer directement la structure des pages de WooCommerce, ce qui permet une personnalisation approfondie des pages de produits, des pages de boutique et d'autres pages du système.

Comprendre et utiliser correctement le Layout Builder est une compétence fondamentale pour créer des sites e-commerce avec WoodMart.

1. Le positionnement de Layout Builder dans WoodMart

1.1 Applications pratiques du générateur de mise en page

Le but du Layout Builder n'est pas d'« embellir les pages », mais plutôtRefonte de la structure des pages WooCommerce.

Il traite principalement des questions suivantes :

• La structure par défaut de la page produit n'est pas modifiable.
• Différents produits ne peuvent pas utiliser différentes mises en page.
• Les designs des pages boutique et catégories sont monotones.
• La modification des fichiers de thème comporte des risques élevés et entraîne des coûts de maintenance importants.

Grâce à Layout Builder, vous pouvez restructurer entièrement la mise en page sans avoir à écrire de code.

1.2 Différences entre le générateur de mise en page et l'édition de page standard

L'éditeur de page standard n'affecte que le contenu des pages individuelles, tandis que Layout Builder a un impact direct sur les pages système de WooCommerce.

La différence essentielle est la suivante :

• Layout Builder remplacera le PHP Sortie du modèle
• La mise en page peut être contrôlée par des conditions afin de déterminer son champ d'application.
• Un seul site peut contenir simultanément plusieurs structures de pages produits.

Par conséquent, Layout Builder s'apparente davantage à un « système de modèles de page » qu'à un éditeur de contenu.

II. Création d'une mise en page unique pour les produits

2.1 Chemin pour créer une nouvelle mise en page de produit unique

Le chemin d'opération backend est le suivant :

WordPress Backend
Modèles
Produit unique
Ajouter un nouveau

Deux configurations fondamentales doivent être réalisées lors de la création :

• Nom de la mise en page
• Conditions d'application

2.2 Logique de configuration des conditions d'application

Les conditions déterminent les produits auxquels cette disposition s'applique. Les utilisations courantes comprennent :

• Tous les produits doivent adopter une présentation uniforme.
• Une catégorie particulière utilise une mise en page autonome.
• Désigner des produits spécifiques pour utiliser des structures exclusives

L'importance de cette étape réside dans le fait qu'elle permet à différents types de produits d'utiliser des stratégies d'affichage distinctes, plutôt que d'appliquer un modèle unique à tous les produits.

2.3 Accéder au générateur pour modifier les structures de mise en page

Lorsque vous cliquez sur Créer une mise en page, le système accède au générateur visuel.

La disposition est composée d'éléments modulaires, tels que :

• Photos du produit
• Titre du produit
• prix
• descriptions
• boutons
• Bloc de contenu personnalisé

Chaque élément prend en charge :

• espacement
• Paramètres de police
• Contrôle des couleurs
• Configuration des paramètres fonctionnels

Toutes les mises en page sont par défaut compatibles avec les ordinateurs de bureau, les tablettes et les appareils mobiles.

III. Explication des catégories d'éléments dans le générateur de mise en page

3.1 Éléments globaux

Les éléments globaux sont des modules polyvalents qui peuvent être réutilisés dans plusieurs mises en page. Ils conviennent pour :

• Zone promotionnelle unifiée
• Module d'explication fixe
• commun (utilisation) CTA blocs

Ces éléments sont utilisés pour maintenir la cohérence stylistique sur l'ensemble du site.

3.2 Éléments du site

Site Les éléments comprennent des composants au niveau du site, généralement liés à la structure globale, et sont utilisés pour maintenir une logique cohérente entre les différentes mises en page.

3.3 Éléments exclusifs à un seul produit

Les éléments de la zone Produit unique ne peuvent être utilisés que sur les pages de produits uniques, par exemple :

• Titre du produit
• Évaluations des produits
• Prix du produit
• Bouton d'ajout au panier

Ces éléments ne peuvent pas être invoqués dans des pages ordinaires ou d'autres mises en page.

IV. Définir la cible correcte pour l'aperçu du produit

4.1 Pourquoi est-il nécessaire de spécifier les produits de prévisualisation ?

Par défaut, le générateur sélectionne aléatoirement un produit pour l'aperçu, ce qui peut entraîner des erreurs d'appréciation dans les circonstances suivantes :

• Les champs du produit sont incomplets.
• Les produits variables diffèrent des structures de produits simples.
• La mise en page s'affiche de manière anormale dans le produit réel.

4.2 Spécification du mode de fonctionnement des produits en avant-première

Le cheminement de l'opération est le suivant :

Paramètres du thème
Produit unique
Zone constructeur
Sélectionnez un produit spécifique

Une fois configurée, la mise en page dans le Builder sera toujours rendue en fonction de ce produit.

V. Raisons de la perte de fonctionnalité due aux mises en page personnalisées

5.1 La cause fondamentale de la disparition des fonctionnalités

Lorsque vous utilisez une mise en page personnalisée :

• La structure par défaut de la page WooCommerce a été effacée.
• Le contenu initialement généré via les hooks PHP n'est plus chargé automatiquement.

Par conséquent, certains modules fonctionnels peuvent ne plus s'afficher, tels que :

• Compteur de visiteurs
• Informations sur les plugins tiers
• Contenu d'extension personnalisé

5.2 Utilisation de la fonctionnalité de récupération des éléments Hook de WooCommerce

WoodMart fournit des éléments WooCommerce Hook pour insérer manuellement des hooks.

La procédure standard est la suivante :

• Confirmez les noms des hooks pour les dépendances du plugin.
• Ajouter un élément WooCommerce Hook à la mise en page
• Sélectionnez le correspondant Crochet
• Activer les actions de nettoyage pour supprimer la sortie par défaut

La fonction principale de Hook est la suivante :

• Assurez-vous de la compatibilité avec les plugins tiers.
• Ajouter un code de fonctionnalité personnalisé

VI. Création de la mise en page de la boutique

6.1 Créer une nouvelle mise en page pour les archives de produits

Le chemin d'accès au backend est le suivant :

Modèles
Archives des produits
Ajouter un nouveau

De même, vous devrez définir le nom de la mise en page et appliquer des conditions.

6.2 Spécification des éléments exclusifs dans la structure des archives

Les pages d'archives de produits comportent des composants différents de ceux des pages de produits individuels, tels que :

• Module Cycle de vie du produit
• Filtrage par catégorie
• Outil de tri
• Classification Description Zone

Ces éléments ne sont disponibles que dans la mise en page des archives de produits.

6.3 Effet d'affichage après mise en page

Après publication :

• La page d'accueil par défaut sera remplacée.
• Toutes les pages de catégories éligibles adopteront la nouvelle structure.

Cela constitue la base pour obtenir un design différencié sur les pages boutique.

VII. Autres types de mise en page pris en charge par WoodMart

7.1 Plage de pages personnalisable

En plus des pages liées aux produits, Layout Builder prend également en charge :

• Chariot page web
• Page de paiement
• Page de remerciements
• Page d'article unique
• Page d'archives des publications

Cela permet de gérer de manière uniforme l'ensemble de la structure du site au sein d'un seul et même système.

7.2 L'importance d'utiliser un système de mise en page unifié

L'utilisation systématique de Layout Builder offre les avantages suivants :

• La structure des pages est cohérente.
• Réduire les coûts d'entretien
• Réduire au minimum les conflits entre modèles
• Améliorer la stabilité de l'extension

Pour les sites WooCommerce qui existent depuis longtemps, c'est un point crucial.

VIII. Recommandations communes dans la pratique

• Différents types de produits utilisent différentes mises en page.
• Structure de page dédiée aux produits les plus vendus
• Hook de vérification de la priorité des exceptions du plugin
• Évitez d'empiler des modules redondants dans les mises en page.
• Les effets d'affichage mobile doivent être vérifiés.

Conclusion

WoodMart Le Layout Builder est essentiellement un ensemble de WooCommerce Un système de gestion de la structure des pages, plutôt qu'un simple outil d'embellissement des pages. Utilisé à bon escient, il peut vous libérer entièrement des contraintes des modèles par défaut, permettant aux pages produits, aux pages boutique et aux pages système de posséder une structure contrôlable, maintenable et évolutive.

Pour les sites de commerce électronique utilisant WoodMart, le Layout Builder est une fonctionnalité essentielle indispensable.

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
① 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.