Comment ajouter un mini panier WooCommerce à un ancien header Astra et optimiser l'expérience d'achat

Dans les sites de commerce électronique, en combinant WooCommerce répondre en chantant Astra vous pouvez facilement intégrer le module WooCommerce Mini chariotL'ajout à l'ancien en-tête Astra permet de s'assurer que le panier d'achat est toujours visible et facile d'accès.

Ajouter le mini panier WooCommerce à l'ancien header Astra

Astra Les thèmes offrent à WordPress de puissantes fonctions de personnalisation, combinées à l'interface utilisateur de WordPress. WooCommerce les marchands peuvent facilement créer des sites de commerce électronique efficaces. Dans cet article, nous allons expliquer comment ajouter WooCommerce Mini Shopping Cart à Astra Older Header pour améliorer la fonctionnalité de votre site web.

Étape 1 : Activer le plugin WooCommerce

Tout d'abord, vous devez vous assurer que vous avez activé l'option Plugin WooCommerce. Cela peut se faire en Plugins > Plugins installés Vérifiez si le plugin est activé dans la section S'il n'est pas activé, cliquez sur le bouton Activer.

Etape 2 : Ajouter le mini panier WooCommerce au menu principal

Aller dans Paramètres personnalisés: A partir de WordPress Tableau de bord, entrez Apparence > Personnaliser > En-tête > Menu principal > Dernier élément du menu.
Sélectionnez WooCommerce: dans "Dernier élément du menu"Dans les paramètres, sélectionnez WooCommerceCela ajoutera l'icône du panier d'achat à la fin du menu principal.

Avec ces paramètres, le mini panier WooCommerce sera affiché à la fin du menu principal et l'utilisateur pourra voir le contenu du panier à tout moment.

Ajouter un mini panier WooCommerce au-dessus ou en dessous de l'en-tête avec Astra Pro

Si vous activez la fonction Astra Pro plug-in (composant logiciel)Vous pouvez régler la WooCommerce Mini panier d'achat ajouté à l'en-tête ci-dessus peut-être monde des mortelsCela améliore la convivialité et l'aspect visuel de la page.

Activation du plug-in Astra Pro

Tout d'abord, assurez-vous que vous avez installé et activé la fonction Astra Pro Plug-inLe module WooCommerce est activé.

Ajouter un mini panier au-dessus ou en dessous de l'en-tête

Activer les modules complémentaires de la section d'en-tête: Accès Apparence > Personnaliser > En-tête > Au-dessus de l'en-tête > Section (1/2)Sélection WooCommerce pour ajouter un mini panier.
Ajouter un mini panier sous l'en-têteAjouter le mini-panier : Utilisez la même méthode pour ajouter le mini-panier à la section située en dessous de l'en-tête.

De cette façon, le mini panier WooCommerce sera toujours visible, ce qui permettra aux utilisateurs de voir facilement les articles dans leur panier à tout moment.

Afficher le mini panier de WooCommerce n'importe où avec un shortcode

En plus de l'ajout à l'en-tête, vous pouvez également utiliser la fonction WooCommerce Mini Shopping Cart Shortcode Affichez l'icône du panier d'achat n'importe où sur votre site web. Il suffit d'ajouter le shortcode suivant à une page, un article ou un widget :[astra_woo_mini_cart]

S'assurer qu'il est activé Astra Pro répondre en chantant Module WooCommerceLe code court fonctionnera correctement et affichera l'icône du mini-panier à l'endroit sélectionné.

Activation de l'affichage rapide pour les produits WooCommerce

Le plug-in Astra Pro fournit également Vue rapide Grâce à la fonction "lightbox", les utilisateurs peuvent voir les détails du produit dans la fenêtre lumineuse sans avoir à passer par une page produit distincte.

Vue rapide Options :

Afficher sur l'imageLes images de produits sont affichées dans une barre de visualisation rapide et, lorsque l'on clique dessus, une boîte lumineuse s'ouvre pour afficher les détails du produit.
Cliquez sur l'image pour la visualiserCliquez sur l'image d'un produit pour afficher les détails du produit directement dans la boîte à lumière.
Affiché après le résuméLe bouton Quick View s'affiche après le résumé des informations sur le produit.

habilitant Correction du bouton "Ajouter au panierLe bouton "Ajouter au panier" est toujours visible dans la fenêtre d'affichage rapide, ce qui facilite les achats.

Position de réglage :

commutateur à Apparence > Personnalisation > WooCommerce > Produit unique Définissez ces options.

Activation de la barre latérale hors champ sur les pages de la boutique WooCommerce

Astra Pro Le plugin fournit également Hors toile une barre latérale (dans un logiciel) Fonctionnalité pour les pages de boutique avec des catalogues de produits à grande échelle. Lorsque cette fonctionnalité est activée, la barre latérale est masquée par défaut et s'affiche lorsque l'utilisateur clique sur le bouton de déclenchement.

Comment activer la barre latérale hors canevas :

Position de réglage: Accès Apparence > Personnaliser > WooCommerce > Catalogues de produitsLa barre latérale hors canevas est activée.
Sélectionner le type de déclencheurL'affichage de la barre latérale peut être déclenché par un lien, un bouton ou une classe personnalisée.
- lien (sur un site web)Les déclencheurs sont affichés dans un menu à trois lignes.
- boutons: s'affiche comme un bouton de déclenchement.
- Classes personnaliséesLes déclencheurs peuvent être ajoutés n'importe où sur le site, par exemple dans l'en-tête ou le pied de page.

Ajouter des widgets à la barre latérale hors toile :

Pour que la barre latérale fonctionne correctement, vous devez y ajouter des widgets (tels que des filtres). Allez à Apparence > Widgets > Filtre de magasin, faites glisser les gadgets souhaités dans la barre latérale.

Après avoir ajouté le gadget, vous pouvez passer le paramètre Panneaux personnalisés Procéder à d'autres ajustements en termes de style et de fonctionnalité.

résumés

effet de levier Astra Pro plug-in (composant logiciel)L'homme d'affaires peut facilement mettre WooCommerce Mini panier d'achat Ajoutez au menu principal, au-dessus ou au-dessous de l'en-tête, ou affichez n'importe où sur le site. Combiner Fonction d'affichage rapide répondre en chantant Barre latérale hors canevasCes fonctionnalités offrent aux utilisateurs un moyen plus pratique de faire des achats, tout en améliorant l'interactivité du site web. Grâce à ces paramètres, les commerçants peuvent mieux optimiser la mise en page afin d'attirer davantage de clients et d'améliorer les taux de conversion.

Articles connexes

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.