Astra Themes WooCommerce Hooks Practical Guide : Construire des pages Ecommerce flexibles

en utilisant Astra Développement du thème WooCommerce Magasinez lorsque le crochet (Crochets) est un moyen puissant pour permettre l'extension des fonctionnalités, l'optimisation de l'interface et l'ajustement du comportement du front-end. Cet article est une collection de crochets couramment utilisés par Astra et WooCommerce pour les développeurs qui cherchent à améliorer les performances de leurs sites web. Il est recommandé de placer tout le code dans le répertoire functions.php Documentation.

Crochets de base : Optimisation de la composante commerce électronique

Modifier la balise de titre de la barre latérale en <h4>

Modifiez la balise de titre du widget de la barre latérale en <h4>qui permet d'améliorer la clarté de la structure de la page en faveur de RÉFÉRENCEMENT.

Utilisation de la page du magasin :

add_filter('astra_woocommerce_shop_sidebar_init', 'widget_title_tag', 10, 1 ) ;
function widget_title_tag( $atts ) {
    $atts['before_title'] = '<h4 class="widget-title">' ;
    $atts['after_title'] = '</h4>' ;
    return $atts ;
}

Utilisation de la page produit :

add_filter('astra_woocommerce_single_sidebar_init', 'widget_title_tag', 10, 1 ) ;

encastré (éclairage)chariotAffichage de la quantité

Lorsque le panier est vide, la quantité est affichée en blanc.

add_filter('astra_woo_header_cart_total', 'remove_cart_count') ;
function remove_cart_count( $default ) {
    return WC()->cart->get_cart_contents_count() == 0 ? false : $default ;
}

Modifier le texte et le style d'affichage du panier d'achat

Modifier le texte du panier d'achat mobile :

add_filter( 'astra_header_cart_flyout_shopping_cart_text', function() {
    return 'Mon panier' ;
}) ;

Désactive l'affichage de la quantité du panier :

add_filter('astra_header_cart_count', '__return_false' ) ;

Personnaliser le titre du panier :

add_filter( 'astra_header_cart_title', function() {
    return 'En-tête personnalisé' ;
}) ;

Ajoute un nom de classe de style de panier d'achat :

add_filter( 'astra_cart_in_menu_class', function( $args ){
    return array_merge($args, ['custom-class-1', 'custom-class-2']) ;
}) ;

Désactiver l'icône du panier d'achat par défaut :

add_filter('astra_woo_default_header_cart_icon', '__return_false' ) ;

Crochets de page WooCommerce

Désactiver l'intégration de WooCommerce dans Astra

Pour la récupération WooCommerce Structure de page native.

add_filter('astra_enable_woocommerce_integration', '__return_false' ) ;

Cacher la catégorie parentale de la page de la boutique

add_filter('astra_woo_shop_parent_category', '__return_false' ) ;

Remplacement"biens indisponibles"Texte de référence

add_filter( 'astra_woo_shop_out_of_stock_string', function() {
    return 'Pas en stock en ce moment' ;
}) ;

Astra Pro Plug-in Hooks (doit être installé)

Personnaliser le message "Plus de produits".

add_filter( 'astra_shop_no_more_product_text', function() {
    return 'Il n'y a plus de produits disponibles' ;
}) ;

Remplacer l'adresse de la page de saut après l'ajout du panier d'achat

add_filter( 'astra_woocommerce_add_to_cart_redirect', function() {
    return 'https://yourdomain.com/custom-cart/' ;
}) ;

Remplacement du texte du bouton "Load More" (Charger plus)

add_filter( 'astra_load_more_text', function() {
    return 'Voir plus' ;
}) ;

Crochets comportementaux frontaux

Le lien vers le produit s'ouvre dans un nouvel onglet

remove_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 ) ;
add_action( 'woocommerce_before_shop_loop_item', function() {
    echo '<a target="_blank" href="/fr/' . get_the_permalink() . '/" class="woocommerce-LoopProduct-link">';
}, 10 );

Afficher la quantité en stock au-dessus du bouton d'ajout au panier

add_action( 'astra_woo_shop_add_to_cart_before', function() {
    global $product ; echo wc_get_stock_html( $product ) ; }
    echo wc_get_stock_html( $product ) ;
}).

Extension du contenu des pages

Ajouter un contenu personnalisé aux pages de la boutique

Ajouter avant le résumé :

add_action( 'astra_woo_shop_before_summary_wrap', function() {
    echo '<div>Contenu du pré-sommaire</div>';
});

Ajouté après le résumé :

add_action( 'astra_woo_shop_after_summary_wrap', function() {
    echo '<div>le contenu du post-résumé</div>';
});

Ajoutez un bouton "Continuer les achats" au panier et à la page de paiement.

add_action( 'woocommerce_after_cart_table', function() {
    $url = get_permalink( wc_get_page_id( 'shop' ) ) ;
    echo '<div><a href="/fr/'.$url.'/" class="button">Continuez à faire des achats.</a></div>' ;
}) ;
add_action( 'woocommerce_before_checkout_form', function() {
    $url = get_permalink( wc_get_page_id( 'shop' ) ) ; } ; add_action( 'woocommerce_before_checkout_form', function() ; echo '
    echo '<div class="woocommerce-message"><a href="/fr/'.$url.'/" class="button">Continuez à faire des achats.</a> Vous souhaitez voir d'autres articles ?</div>';
});

Extension de l'affichage des champs de produits

Afficher les UGS dans la liste des produits

add_action( 'woocommerce_after_shop_loop_item_title', function() {
    global $product.
    echo "<p style='color:#444;'>SKU : " . $product-&gt;get_sku() . "</p>";
}, 20 );

Ajouter des champs avant et après le titre de la page du magasin

add_action( 'astra_woo_shop_title_before', function() {
    echo '<div>Champ du pré-titre</div>' ;
}) ;
add_action( 'astra_woo_shop_title_after', function() {
    echo '<div>Champ post-titre</div>';
});

Ajouter des champs avant et après le titre de la page de détail du produit

add_action( 'astra_woo_single_title_before', function() {
    echo '<div>Champ du pré-titre</div>' ;
}) ;
add_action( 'astra_woo_single_title_after', function() {
    echo '<div>Champs après le titre du produit</div>';
});

résumés

Grâce à l'utilisation rationnelle des Astra Des crochets sont prévus pour faciliter l'ajustement WooCommerce Le contenu de l'affichage de la boutique et la structure fonctionnelle. Ces crochets couvrent le style de la page, le texte des boutons, le contrôle du comportement, l'affichage des champs et d'autres aspects, les développeurs peuvent être utilisés en combinaison selon les besoins pour créer une page de centre commercial efficace qui répond aux besoins du projet. Il est recommandé de maintenir le code dans le thème enfant, facile à gérer et à mettre à jour.

Derniers articles

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.