Comment masquer les widgets dans WooCommerce

Que sont les widgets

Les widgets sont différents types de contenu ou d’éléments qui peuvent être ajoutés à la barre latérale, au pied de page et à d’autres zones du site Web. Il vous permet de définir des fonctionnalités spécifiques telles que le calendrier, l’horloge, la météo, etc. Selon les widgets, ils contribuent même à augmenter les fonctionnalités du site Web. Toute une série de widgets standards sont disponibles sur la plupart des thèmes. Selon la nature de votre entreprise, nous n’avons pas toujours besoin de tous les widgets fournis

Pourquoi masquer les widgets

Que vous souhaitiez augmenter l’expérience client ou rendre votre site WooCommerce plus robuste, les widgets tiennent une place essentielle Supposons que vous disposiez d’un site WooCommerce sur lequel vous souhaitez ajouter des vidéos explicatives. Ensuite, vous aurez peut-être besoin de nombreux widgets vidéo. Mais en même temps, si vous avez des widgets audio avec eux, cela n’a aucun sens et peut sembler inutile. De même, votre site Web peut contenir des widgets tels que des publications/commentaires récents, un bloc d’abonnement aux actualités ou des prévisions météorologiques. Si tel est le cas, il serait tout à fait déplacé de les afficher sur chaque page de votre site Web. Pour les pages WooCommerce comme la page de paiement ou la page du panier, ces widgets ne sont pas requis. Vous pouvez désactiver les commentaires De plus, avoir un élément supplémentaire sur le front-end de votre site WooCommerce peut ralentir votre site Web, ce qui affecte directement l’expérience utilisateur.  C’est pourquoi il est préférable de masquer les widgets

Comment masquer les widgets WooCommerce ?

Il existe deux méthodes différentes que vous pouvez utiliser pour masquer les widgets

1. Avec plug-in

Avant de commencer le didacticiel, assurez-vous d’avoir correctement configuré WooCommerce sans manquer aucune étape.

1. Masquer les widgets

La fonctionnalité WooCommerce Il existe plusieurs outils gratuits et premium pour masquer les widgets. Voici quelques-uns des meilleurs outils que vous pouvez utiliser pour masquer ceux qui ne sont pas importants pour votre site Web WooCommerce.

Options des widgets

Options du widget est unPlugin WordPress qui vous donne un contrôle total sur vos widgets. Avec plus de 100 000 installations, c’est l’un des plugins de solution de gestion de widgets les plus populaires sur WordPress. Il possède une interface conviviale et une intégration transparente avec WooCommerce qui peut être utilisée sans effort pour la personnalisation de vos widgets. Vous pouvez également trouver le widget particulier que vous souhaitez modifier à l’aide de son filtre de recherche de widgets en direct.

Principales fonctionnalités

• Masquer le titre du widget
• Importer ou exporter des widgets
• Recherche de widgets en direct
• Afficher ou masquer les widgets sur l’appareil spécifique
• Logique du widget – Conditionnel pour masquer et afficher le widget

Prix

Widget Option est fourni avec une version gratuite et une version premium. Vous pouvez étendre les fonctionnalités à partir de 19 USD

Désactivation du widget

Widget Disable est un plugin gratuit avec lequel vous pouvez masquer les widgets de la barre latérale d’une manière très simple. Le plugin affiche tous les widgets de votre site Web et vous permet de choisir le widget que vous souhaitez masquer. De plus, vous pouvez même désactiver les widgets du tableau de bord pour rendre la zone de votre tableau de bord moins encombrée. Le plugin est également léger et ne surcharge ni ne pénalise la vitesse de votre page Web. De plus, il s’agit également d’un plugin convivial pour les développeurs et fournit même des filtres pour exclure les widgets de la barre latérale ou du tableau de bord.

Principales fonctionnalités

• Convient aussi bien aux débutants qu’aux développeurs
• Interface simple et facile à utiliser
• Désactiver les widgets de la barre latérale et du tableau de bord
• Des filtres sont fournis pour modifier les fichiers sur la pièce principale

Prix

Widget Disable est un plugin gratuit. Vous pouvez le télécharger depuis le référentiel officiel du plugin WordPress.

Masquer les widgets

Maintenant que nous avons examiné les plugins, voyons également comment les utiliser. Donc pour cette démonstration, nous allons masquer les widgets

Mais si vous préférez utiliser un autre plugin, vous pouvez également le faire. Le processus est similaire quel que soit le plugin que vous utilisez. Mais vous devez l’installer et l’activer avant de commencer à l’utiliser.

1.1. Installer et activer le plugin

Pour installer un plugin, accédez à votre Plugins>Ajouter un nouveau depuis le tableau de bord WordPress et recherchez le plugin Widget Disable Si vous utilisez un plugin premium ou tout autre plugin gratuit qui n’est pas inclus

1.2. Masquer les widgets à l’aide du plugin

La meilleure chose à propos du plugin Widgets Disable est que vous n’avez pas besoin de configurer ou de modifier aucun des paramètres. Une fois le plugin activé, vous pourrez voir l’option Désactiver les widgets Vous pouvez sélectionner les widgets que vous souhaitez masquer Faites de même pour les Widgets du tableau de bord si vous souhaitez également en masquer certains. Une fois que vous avez sélectionné les widgets que vous souhaitez masquer de la barre latérale et du tableau de bord, assurez-vous de EnregistrerModifications. Comme vous l’avez vu, quelques étapes suffisent et très peu de temps pour masquer les widgets De même, si vous souhaitez afficher les widgets que vous avez désactivés, activez-le simplement en décochant la case. Et votre widget caché apparaîtra sur le site Web sans aucune erreur. Est-ce que ça a fonctionné ? Super travail ! Vous pouvez désormais masquer les widgets

2. Masquer les widgets

Disons que vous préférez ne pas utiliser de plugin pour désactiver les widgets Mais pour continuer plus loin, nous vous recommandons fortement de sauvegarder votre site Web et d’utiliser un thème enfant puisque nous allons modifier la partie centrale de votre thème. Vous pouvez créer un thème enfant avec des codes ou bien utiliser des plugins de thème enfant. Ne vous inquiétez pas, ces plugins sont essentiels pour votre site Web et n’auront pas beaucoup d’impact sur votre framework léger. Maintenant, allez Tout ce que vous avez à faire est de copier le code suivant et de le coller au bas du fichier functions.php.

add_filter( 'sidebars_widgets', 'quadlayers_woocommerce_conditionally_hide_widget' ); fonction quadlayers_woocommerce_conditionally_hide_widget( $sidebars_widgets ) { si ( ! is_admin() ) { si ( is_cart() ) { foreach ( $sidebars_widgets comme $sidebar_id => $sidebar ) { $key = array_search( 'estore_woocommerce_product_grid-1', $sidebars_widgets['tg-column-4 collection-block'] ); si ( $clé ) { unset( $sidebars_widgets['tg-column-4 collection-block' ][ $key ] ); }} } } renvoie $sidebars_widgets ; 

Pour obtenir l’ID du widget, faites un clic gauche sur le widget sélectionné et cliquez sur Inspecter. De même, pour trouver l’ID de la barre latérale, vous pouvez déplacer votre curseur vers d’autres éléments Une fois que vous avez trouvé votre ID de widget et votre ID de barre latérale, vous pouvez maintenant accéder à votre fichier functions.php à partir de l’Éditeur de thème et coller le code que nous avons fourni ci-dessus. Si vous regardez la capture d’écran ci-dessus, notre identifiant de widget est « estore_woocommerce_product_grid-1 ». Lorsque vous copiez et collez l’extrait, remplacez « estore_woocommerce_product_grid-1 » C’est tout ! Vous avez désactivé avec succès le widget que vous souhaitez masquer

Bonus : Comment créer un widget d’en-tête personnalisé

Vous savez déjà pourquoi et comment masquer les widgets La plupart des thèmes WordPress ne vous permettent pas d’ajouter des zones de widgets au-dessus du contenu ou Créer un widget d’en-tête client est très simple à l’aide d’extraits de code. Tout ce que vous avez à faire est d’ajouter un script à la partie principale qui est le functions.php de votre thème. Mais pour ajouter un widget d’en-tête personnalisé, nous devons d’abord créer une nouvelle zone de widget.

1. Créer une nouvelle zone de widget

Pour créer une nouvelle zone de widget pour votre widget d’en-tête personnalisé, vous devrez ajouter un extrait de code à vos fichiers de thème. Mais avant cela, examinons les zones de widgets disponibles fournies Toutes les zones de widgets actives du thème peuvent être vues ici. C’est ici que nous ajouterons également la nouvelle zone de widgets. Passons maintenant à la création d’une nouvelle zone de widgets. Nous devons ajuster le fichier functions.php de notre thème enfant de manière similaire à l’approche programmatique pour masquer les widgets. Vous pouvez également utiliser un plugin comme Code Snippets si vous n’êtes pas suffisamment à l’aise pour modifier les fichiers directement. Nous utiliserons le plugin Code Snippets pour ce tutoriel. Tout d’abord, installez le plugin et activez-le. Après l’activation, nous pouvons trouver les paramètres du plugin sur le tableau de bord WordPress sous Snippets > Tous les extraits. Cliquez maintenant sur Ajouter un nouveau pour créer un nouvel extrait. Nous l’avons nommé « Widget d’en-tête personnalisé », mais vous pouvez lui donner le nom de votre choix. Maintenant, copiez et collez le code suivant

fonction quadlayers_widgets_init() { register_sidebar( tableau( 'name' => 'Widget d'en-tête personnalisé', 'id' => 'widget-en-tête-personnalisé', 'before_widget' => '

‘, ‘before_title’ => ‘

‘, ‘after_title’ => ‘

‘, ) ); } add_action( ‘widgets_init’, ‘quadlayers_widgets_init’ ); Après avoir collé le code et l’avoir enregistré, le nouveau widget est créé en tant que Widget d’en-tête personnalisé

2. Ajouter le widget à l’en-tête

Pour ajouter le widget à l’en-tête, nous devons éditer le fichier header.php. Vous pouvez localiser le fichier d’en-tête <pré>

</pré> Comme d’habitude, Mettez à jour le fichier après avoir ajouté le code. Maintenant, ajoutons un widget à la nouvelle zone de widgets. Ici, nous avons ajouté un bloc de paragraphe pour tester le widget. Cependant, vous avez peut-être remarqué que vous devez peaufinerl’apparence de l’en-tête pour le rendre attrayant. Vous pouvez suivre ce guide pour le personnaliser davantage et contrôler la visibilité du widget d’en-tête.

Conclusion

Et cela termine notre guide sur comment masquer les widgets Pour résumer, nous vous proposons deux manières différentes de masquer les widgets sur votre site Web :

• Utiliser un plug-in

Le moyen le plus simple de masquer les widgets consiste à utiliser le plugin. Cependant, les extraits avec lesquels nous avons travaillé aujourd’hui sont également simples et faciles à personnaliser. Vous pouvez le personnaliser en recherchant l’ID du widget et en le renommant afin que le code fonctionne pour votre site Web. De plus, nous avons également inclus une section pourcréer un en-tête personnalisé afin de créer de l’espace supplémentaire pour les widgets sans obstruer le menu principal. Ils peuvent être utiles pour afficher vos dernières offres, réductions, annonces de manière organisée. De même, nous avons également un guide pour ajouter un widget personnalisé pour un flux Instagram à l’aide de la galerie de flux Instagram si vous souhaitez ajouter plus de widgets personnalisés. Enfin, voici quelques articles supplémentaires que vous souhaiterez peut-être consulter pour améliorer davantage votre boutique WooCommerce et l’expérience client :

• Comment modifier l’en-tête
• Meilleurs plugins pour personnaliser la page produit WooCommer
• Comment personnaliser les modèles WooCommerce

Pouvez-vous masquer les widgets de votre site Web de commerce électronique maintenant ? L’avez-vous déjà fait ? Nous serons heureux de le savoir