WooCommerce Product Page Templates vs Theme Templates : Différence et analyse des applications

en cours de construction Boutique WooCommerceDe nombreux utilisateurs sont déconcertés par les sections "Modèles de page de produit" et "Modèles de thème". Les deux déterminent la structure de la page et le style du site web, mais ils ont des portées, des méthodes d'édition et des scénarios d'utilisation différents. Dans cet article, nous analyserons systématiquement la différence entre les modèles de page produit et les modèles de thème de WooCommerce, et nous vous donnerons des suggestions pratiques pour vous aider à personnaliser votre site de commerce électronique de manière plus flexible.

Image[1]-WooCommerce Product Page Templates vs Theme Templates : Différence et explication de l'application

I. Quel est le modèle de thème ?

1.1 Définition des modèles de thèmes

Le modèle de thème est Thèmes WordPressFichiers de modèles PHP autonomesIl détermine la structure et la mise en page de l'ensemble des pages du site web.
Les fichiers de modèles de thèmes communs sont les suivants

  • header.php : structure de l'en-tête du site web
  • footer.php : la structure du bas du site
  • sidebar.php : structure de la barre latérale
  • archive.php : modèle de page d'archive de catégorie

1.2 Portée du modèle thématique

Les modèles de thèmes sont disponibles pour couvrir tous les types de pages d'un site web, y compris les blogs, les pages, les catégories, les archives de balises, les résultats de recherche, etc. Le plugin WooCommerce et les pages de produits font également appel à des fichiers de modèles de thèmes.

Deuxièmement, qu'est-ce qu'un modèle de page produit WooCommerce ?

Image[2]-WooCommerce Product Page Templates vs Theme Templates : Différence et explication de l'application

2.1 Définition des modèles de page produit WooCommerce

Les modèles de pages de produits WooCommerce sont des fichiers modèles con?us pour les pages de détails de produits, comprenant généralement :

  • single-product.php : modèle de page de produit unique
  • content-single-product.php : modèle de structure du contenu d'un produit
  • archive-product.php : modèle de liste de produits (page de la boutique)

Ces fichiers modèles définissent le mode d'affichage des images de produits, des titres, des prix, des descriptions, des boutons d'ajout au panier, des étiquettes de produits et des éléments de base du commerce électronique.

2.2 Champ d'application des modèles de pages de produits

Modèles de pages de produits WooCommercejuste pour Page de détail du produit avec page de la boutique entrée en vigueur. Exemple :

  • Lorsqu'un utilisateur accède à un seul produit, l'appel à la fonction produit-unique.php
Image [3] - WooCommerce Product Page Templates vs Theme Templates : Différence et explication de l'application
  • Appelé lorsque l'utilisateur parcourt la catégorie de produits ou la page d'accueil de la boutique. archive-produits.php
Image[4]-WooCommerce Product Page Templates vs Theme Templates : Différence et explication de l'application

Troisièmement, la principale différence entre le modèle de page produit et le modèle de thème

3.1 Différences dans le champ d'action

  • Modèles de thèmes
    Contr?ler la structure générale des pages du site, y compris les pages de produits, les pages de blog, les pages, les pages de catégories, etc.
  • Modèles de page produit
    Il suffit de contr?ler les pages liées à WooCommerce telles que les pages de produits individuels, les pages de boutiques, les pages de catégories de produits.

3.2 Différents styles d'édition

  • Modèles de thèmes
    Utilisez l'éditeur propre au thème ou modifiez les fichiers PHP à l'aide d'un thème enfant.
  • Modèles de page produit
    Les modèles WooCommerce peuvent être remplacés par des sous-thèmes qui peuvent être utilisés avec l'option Elementor Pro Créer des modèles de page produit unique.
Image[5]-WooCommerce Product Page Templates vs Theme Templates : Différence et explication de l'application

3.3 Différents mécanismes de mise à jour

  • Mise à jour du modèle de thème
    Lorsque le thème est mis à jour, les fichiers du modèle de thème seront écrasés s'ils sont modifiés directement. Il est recommandé d'utiliser un thème enfant pour effectuer des modifications.
  • Mise à jour du modèle de page produit
    Lorsque WooCommerce est mis à jour, s'il y a un changement dans la structure du modèle, le backend indiquera que les fichiers du modèle doivent être mis à jour. A ce moment, vous devez comparer l'ancien et le nouveau modèle et mettre à jour le code.

Quatrièmement, comment appliquer les modèles de pages de produits et les modèles de thèmes ?

4.1 Exigences communes pour la personnalisation des modèles de page produit

  • Réorganisation des modules d'information sur les produits (par exemple, déplacement des descriptions courtes sous le titre)
  • Insérer un compte à rebours ou une alerte d'offre sous le bouton "Ajouter au panier".
  • Supprimer certains éléments par défaut des pages de produits (par exemple, les UGS, les étiquettes de produits).

4.2 Scénarios d'application utilisant des modèles de thèmes

  • Modifier la structure de navigation de l'en-tête du site web (header.php)
  • Modifier les informations relatives au copyright au bas du site web (footer.php)
  • Mise en page personnalisée des articles de blog (single.php)

4.3 Combinaison du constructeur de pages et des modèles

Avec les constructeurs de pages tels que Elementor Pro, Blocksy Pro, etc. Constructeur de thèmes Créer des modèles de pages produits personnalisés pour remplacer les modèles par défaut de WooCommerce. Cette approche ne nécessite pas de modifier les fichiers PHP et convient aux utilisateurs qui ne savent pas coder.

Image [6] - WooCommerce Product Page Templates vs Theme Templates : Différence et explication de l'application

V. Bonnes pratiques pour l'utilisation des modèles de page produit et des modèles de thème

5.1 Modifications à l'aide de thèmes enfants

Que vous modifiiez un modèle de thème ou un modèle de page produit, il est recommandé d'utiliser l'optionsous-thèmePour éviter de perdre des modifications après une mise à jour du thème ou de WooCommerce.

5.2 Vérifier régulièrement la compatibilité du modèle WooCommerce

Après la mise à jour de WooCommerce, vous devez comparer le code avec la nouvelle version du modèle et mettre à jour le modèle personnalisé pour vous assurer qu'il fonctionne correctement.

VI. résumé

Image [7] - WooCommerce Product Page Templates vs Theme Templates : Différence et explication de l'application

Modèles de pages de produits WooCommerceLes modèles de thèmes présentent une différence fondamentale en termes de fonctionnalité et de champ d'action. Les modèles de thème déterminent la présentation générale du site, tandis que les modèles de page de produit se concentrent sur les détails du produit et les pages de la boutique. Comprendre la différence entre les deux peut vous aider à construire votre boutique WooCommerce plus efficacement et à créer des modèles qui répondent aux besoins de votre marque et s'adaptent à vos besoins. Optimisation du référencementLe site de commerce électronique.


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é écrit par Millie
LA FIN
Si vous l'aimez, soutenez-le.
félicitations697 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires