3 façons de réparer la page produit WooCommerce dans WordPress

Si vous exploitez une boutique WooCommerce sur WordPress, vous avez peut-être rencontré un problème avec la page du produit qui n'apparaît pas correctement dans votre thème. Cela peut être un problème frustrant, mais heureusement, vous pouvez faire certaines choses pour le résoudre. Dans cet article, nous allons vous montrer comment réparer la page produit WooCommerce dans le thème WordPress . Nous couvrirons trois méthodes différentes : 1. Mettre à jour vos fichiers de modèle WooCommerce 2. Modifier le CSS de votre thème 3. Ajouter un modèle de page de produit WooCommerce personnalisé Commençons !

La page produit d'une boutique WooCommerce est souvent l'une des pages les plus importantes. La création d'une page visuellement distincte est un élément important pour maintenir la cohérence du style de votre boutique à tous les niveaux. Dans ce didacticiel, nous allons vous montrer comment personnaliser facilement la mise en page d'une seule page de produit WooCommerce à l'aide d'Astra Pro. Elementor WooCommerce Builder sera utilisé pour accomplir cela. Par conséquent, les images que vous choisissez d'utiliser doivent être disposées de manière à ce que votre produit soit clairement visible lors de la conversion. Le personnalisateur de produit unique vous permet de modifier la disposition de la galerie et la largeur de l'image. De plus, vous pouvez activer ou désactiver la fonctionnalité Ajax Ajouter au panier (le chemin du produit au-dessus du titre) et activer le fil d'Ariane (le chemin du produit au-dessus du titre).

Si WooCommerce n'est pas installé et activé, les modèles de produits fournis par Elementor ne seront pas disponibles. Il est fortement recommandé de sélectionner un modèle préconçu pour votre entreprise et de le personnaliser en fonction de votre marque. Même si vous n'avez pas les compétences nécessaires pour créer un modèle tout de suite, vous pouvez toujours le faire si vous travaillez dur. Assurez-vous que votre page de produit unique est intégrée au widget de produit pour offrir à vos clients une expérience d'achat distincte. Le constructeur de page produit Elementor vous permet de contrôler tous les éléments qui le composent. Le titre du produit, la galerie, les images, le prix, la note, la courte description, le fil d'Ariane, les onglets de données, le stock, la vente incitative, l'ajout au panier, les métadonnées, le contenu et les informations supplémentaires peuvent tous être affichés sous forme de composants de widget. Le widget Ajouter au panier ajoute des fonctionnalités au panier en affichant la personnalisation et la disposition du bouton Ajouter au panier.

Le widget des onglets de produits est le principal moyen d'accéder aux informations sur les produits. Vous pouvez modifier le style de votre widget de produits connexes en sélectionnant un produit spécifique. Lorsque vous cliquez sur ce bouton, vous pourrez basculer entre les options d'affichage Bureau, Tablette et Mobile. Par défaut, le modèle que nous avons créé s'appliquera à toutes les pages de produits de votre boutique WooCommerce. Dans le coin inférieur gauche de la page, sélectionnez l'icône de réglage, puis cliquez sur l'icône en forme d'œil sur la nouvelle page de produit pour en avoir un aperçu. Notez la taille de police souhaitée. Vous pouvez utiliser un filtre de produit ou des plugins de court-circuit pour optimiser votre boutique.

Dans un ordre hiérarchique, vous pouvez organiser toutes les informations sur les produits afin que les clients puissent en savoir plus sur vos produits. Les plugins d'optimisation d'image peuvent optimiser les images haute résolution, mais ils ne sont pas conçus pour accélérer votre site. En permettant à un client de voir le produit dans les images, il sera plus confiant dans sa décision. Si vous souhaitez que vos clients comprennent rapidement le prix, personnalisez la page du produit afin qu'elle l'affiche en gros caractères. Si vous voulez faire ressortir le prix, utilisez une couleur contrastante. Le prix d'origine, ainsi que toutes les remises, doivent être affichés à côté du nouveau prix. Si vous n'avez pas encore décidé de votre design, vous devrez peut-être le repenser si le prix n'est pas immédiatement clair.

La page produit Woocommerce ne s'affiche pas correctement

Ce problème peut être résolu en allant dans la section Produits puis dans la section Visibilité du catalogue. Le paramètre devrait maintenant être "Magasin et résultats de recherche". Lorsque vous entrez ces informations, vos produits apparaîtront sur votre page WooCommerce et sur les résultats de la page de recherche.

Un client Toolset rencontre des problèmes avec une page de produit unique WooCommerce. Espa*ol (espagnol) est un bon substitut à l'anglais (anglais). Le fuseau horaire pour Europe/Londres est 01h00 (GMT). J'ai remarqué que si Layouts est actif et que vous avez créé un modèle personnalisé pour vos produits, celui-ci est utilisé même si les paramètres de WooCommerce Views indiquent que le modèle standard doit être utilisé. Votre site est un multi-site et ne peut pas être personnalisé ou désactivé/activé par les plugins, il ne peut donc pas y accéder. Comment puis-je lui envoyer un mot de passe de super administrateur ? J'ai vérifié que le modèle de mise en page est utilisé sur les produits et qu'il y a une raison pour laquelle il ne ressemble pas exactement à ce que vous attendez.

Les autres thèmes qui n'utilisent pas Bootstrap doivent éviter d'utiliser les mises en page en général. Les modèles de contenu de vues peuvent être utilisés à la place des vues. Bien qu'ils n'aient pas la possibilité de mettre du contenu dans des colonnes, ils ont une toile vierge pour le balisage. Les mises en page entraînent la modification de la structure d'une seule page de produit, ce qui entraîne un mauvais balisage du contenu de la page. Les paramètres des vues WordPress vous permettent de choisir d'utiliser la mise en page d'un produit, mais pas son modèle ; dans notre cas, vous pouvez choisir d'utiliser la mise en page d'un produit ou son modèle WooCommerce. La mise en page des produits sur une seule page sera incompatible avec la mise en page des mises en page. Si vous avez déjà des mises en page attribuées aux produits ou à la boutique, veuillez supprimer cette attribution de chaque produit (NE PAS utiliser de mises en page) ou de la mise en page du modèle.

Maintenant, vos produits seront rendus tels qu'ils apparaissent dans le thème. Si les produits s'affichent mal, cela est probablement dû au thème, comme vous le savez, Toolset n'a aucun effet sur la sortie après cela. Les vues et les mises en page de WooCommerce ne peuvent pas être problématiques si votre site n'en a aucun actif. Vous pouvez désactiver l'ensemble de l'outil pour vous assurer que vos produits correspondent exactement à ce que le thème veut qu'ils soient. Il n'y aura aucune modification de l'image à la suite de la capture d'écran qui a été partagée.

3 choses à vérifier si les avis n'apparaissent pas sur les pages produits

Lorsque les avis n'apparaissent pas sur les pages de produits , il y a quelques éléments à rechercher. Il est possible de désactiver l'affichage des avis sur les pages produits si vous ne le souhaitez pas. Pour désactiver les avis, accédez à Produits. Si vous ne parvenez pas à ajouter ou à modifier un avis, vous devrez peut-être vider le cache de votre navigateur. Si le problème persiste après avoir vidé le cache, vous devrez peut-être modifier vos paramètres d'hébergement. Lorsque vous utilisez un thème WordPress, vous devrez peut-être modifier ses paramètres de révision. Vous pouvez accéder à la section Examen en allant dans Apparence. Vous devez définir le curseur sur vrai ou sur celui situé à droite de votre écran.

Comment ajouter des produits Woocommerce à la page WordPress

L'ajout de produits WooCommerce à une page WordPress est un processus simple qui peut être effectué en quelques étapes. 1. Connectez-vous à votre site WordPress et accédez à la page où vous souhaitez ajouter le produit. 2. Cliquez sur le bouton "Ajouter un média" au-dessus de l'éditeur. 3. Cliquez sur l'onglet "Télécharger des fichiers". 4. Sélectionnez le produit WooCommerce de votre ordinateur que vous souhaitez ajouter. 5. Cliquez sur le bouton "Insérer dans la page". Le produit sera maintenant ajouté à la page WordPress.

Le processus d'ajout de produits à n'importe quel article ou page dans une boutique WooCommerce. Si vous utilisez le plug-in Product Table, vous pouvez afficher les produits dans une disposition de tableau/liste, permettant aux utilisateurs de les ajouter à leur panier sans quitter la publication ou la page où ils sont affichés. Pour afficher les produits dans n'importe quel article ou page, nous vous montrerons comment créer une table de produits. Pour enregistrer les modifications après avoir créé le tableau, cliquez sur Enregistrer les modifications dans le coin supérieur droit de l'écran. Pour insérer le tableau n'importe où dans un article ou une page, nous avons besoin du shortcode du tableau. Pour copier le shortcode, allez dans les paramètres généraux du plugin. Ce shortcode peut être utilisé pour afficher le tableau sur n'importe quel article ou page de votre boutique.

Pour coller le shortcode, nous devons d'abord inclure un Shortcode Block. Je vais coller le bloc après le premier paragraphe du message. Une fois la publication mise à jour, vous pouvez vérifier si la table des produits a été ajoutée. Les utilisateurs peuvent désormais ajouter n'importe quel produit à leur panier après avoir quitté le blog. À l'aide de l'éditeur de blocs WordPress, vous pouvez ajouter des produits à n'importe quelle page ou publication. Étant donné que l'éditeur de blocs est inclus dans les versions les plus récentes et à venir de WordPress, nous n'avons pas besoin d'installer de plugin pour implémenter cette méthode. Avant d'installer le plugin Gutenberg, assurez-vous d'avoir une ancienne version de WordPress qui inclut l'éditeur classique.

Sélectionnez Produits par catégorie pour ajouter des produits à votre page WooCommerce ou pour les publier sur votre boutique. Trouvez des produits en tapant leur nom dans la barre de recherche, qui affichera une liste de tous les blocs liés au produit. Après avoir choisi une catégorie, vous serez invité à ajouter des produits en cliquant sur le bouton Terminé. Pour mettre à jour la page, cliquez sur le bouton Mettre à jour dans le coin supérieur droit de votre écran.