Comment masquer le bouton "Lire la suite" dans WooCommerce : trois méthodes simples

"En savoir plus"Le bouton se trouve généralement dans le Page de liste de produits ou de catalogue de produits WooCommerce. Il renvoie à une page de produit unique qui, lorsque l'on clique dessus, peut êtreVoir plus de détails sur ce produit. Cependant, il est parfois plus avantageux pour l'utilisateur de fournir des informations complètes sur le produit directement sur la page en cours, ce qui augmente l'efficacité lorsqu'un processus de navigation simplifié est nécessaire.

Si vous souhaitez masquer "En savoir plus"Voici quelques façons de le mettre en œuvre :

Comment masquer le bouton "Lire la suite" dans WooCommerce

Méthode 1 : utiliser CSS pour masquer les boutons

La manière la plus simple d'y parvenir est d'ajouterCSS personnalisé à cacher".En savoir plusLe bouton "Enregistrer" est activé. Veuillez suivre les étapes ci-dessous :

  1. Accédez au tableau de bord de WordPressCliquez sur Apparence > Personnalisation.
Image [1] - Comment masquer le bouton "Lire la suite" dans WooCommerce : trois façons simples d'optimiser les pages produits
  1. Dans le panneau de personnalisation, cliquez sur CSS supplémentaire.
Image [2] - Comment cacher le bouton "Lire la suite" dans WooCommerce : trois façons simples d'optimiser les pages produits
  1. Ajoutez le code suivant à la zone de texte :
.woocommerce .products .button {
    display : none !important ;
}
  1. Enregistrez les modifications et publiez.

Ce code CSS masque le symbole "En savoir plus"En revanche, les autres boutons (par exemple "Ajouter au panier") restent en place.

Méthode 2 : Utiliser un code PHP pour personnaliser la page produit

Si vous souhaitez faire de la page produitPlus de contrôleVous pouvez le faire.Ajouter du code PHPpour personnaliser les fichiers du modèle WooCommerce. Personnalisez les fichiers du modèle en remplaçant les fichiers contenu-produit.php vous pouvez directement supprimer ou modifier le fichier "En savoir plusLe bouton " " s'affiche.

  1. Dans le répertoire d'installation de WordPress, localisez le dossier du thème que vous utilisez actuellement.
  2. Si votre thème n'a pas de woocommerce qui peut être copié wp-content/plugins/woocommerce/templates a fait mouche contenu-produit.php dans le dossier de votre thème.
Image [3] - Comment masquer le bouton "Lire la suite" dans WooCommerce : trois façons simples d'optimiser les pages produits
  1. compilateur contenu-produit.php vous trouverez le code suivant :
<code><?php woocommerce_template_loop_product_link_open(); ?><br></code>
  1. en codesupprimerpeut-êtrecommentervs."En savoir plus"Partie pertinente.
  2. Enregistrez le fichier et téléchargez-le dans le dossier de votre thème.

Vous disposez ainsi d'une plus grande souplesse pour contrôler ce qui est affiché sur la page produit et supprimer les éléments indésirables.

Méthode 3 : utiliser des plug-ins pour simplifier la configuration

au cas oùPas familier avec le codeLes pages produits peuvent être personnalisées à l'aide d'un plugin WooCommerce dédié.plug-in (composant logiciel)comme si Extraits de code Vous pouvez simplifier la configuration sans modifier le code.Supprimer ou modifier"En savoir plusLe bouton " " s'affiche.

  1. Dans le tableau de bord de WordPress, cliquez sur Plugins > Installer des plugins.
  2. Recherche et installation Extraits de code Plug-ins.
Image [4] - Comment masquer le bouton "Lire la suite" dans WooCommerce : trois façons simples d'optimiser les pages produits
  1. Après avoir installé et activé le plugin, naviguez en arrière-plan jusqu'à la section Snippets > Ajouter un nouveau.
Image [5] - Comment masquer le bouton "Lire la suite" dans WooCommerce : trois façons simples d'optimiser les pages produits
  1. Saisissez le code dont vous avez besoin dans le champ d'édition du code. Par exemple, si vous souhaitez supprimer la mention "En savoir plus"Le code suivant peut être utilisé :
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20 ) ;
Image [6] - Comment masquer le bouton "Lire la suite" dans WooCommerce : trois façons simples d'optimiser les pages produits

résumés

Pour masquer le bouton "Lire la suite" dans WooCommerce, vous pouvez ajouter la baliseCSS personnalisé pour masquer les boutons.Utilisation du code PHPPersonnalisez le fichier modèle pour supprimer le bouton, ou utilisez la fonction Extraits de code Des plugins comme celui-ci simplifient l'installation, et toutes ces méthodes peuvent vous aider à être plus flexible dans votreContrôlez la page du produitLe contenu de l'affichage.


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

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires