Nous avons crée un plugin pour Yotpo & Elementor !
Incroyable mais vrai n'est-ce pas ?
En effet, si vous utilisez le plugin pour laisser des avis de YotPo sur votre boutique en ligne WooCommerce & que vous avez mis en page vos fiches produit avec Elementor vous ne pouvez pas afficher la notation en étoile des avis collectés de votre produit.
C’est quand même problématique et surtout bête pour un plugin qui est si pratique !
La solution pour afficher la notation en étoile
Pour afficher le nombre des avis comme sur cette capture d’écran, il va falloir ajouter du code à votre fichier functions.php de votre child theme (si vous n’avez pas de child theme vous devriez pouvoir le faire via un plugin qui injecte du code) et ensuite il vous suffira de placer un shortcode n’importe ou sur une fiche produit 🙂
Code à ajouter
Vous allez donc ajouter ce code dans votre functions.php à la suite de ce que vous avez déjà dedans.
// Shortcode who allow you to display the YotPo stars rating where you want on an elementor product template.
// Simply add a shortcode elementor widget and add the shortcode [wycan_yotpo_stars_rating]
function wycan_yotpo_stars_single( $atts ) {
if ( function_exists( 'wc_yotpo_show_buttomline' ) )
{ add_action( 'woocommerce_single_product_summary', 'wc_yotpo_show_buttomline', 15 ); }
}
add_shortcode( 'wycan_yotpo_stars_rating', 'wc_yotpo_show_buttomline');
Un fois fait, vous allez ajouter sur votre template/modèle de produit Elementor un widget Shortcode.
Ensuite, vous allez saisir le shortcode, comme sur la capture d’écran ci-contre : [wycan_yotpo_stars_rating]
Il ne vous reste plus qu’à placer le widget ou vous voulez sur le design de votre fiche produit Elementor 🙂
Ajouter les avis ou vous souhaitez
Maintenant que vous avez mis ou vous souhaitez les étoiles pour la notation, vous allez vouloir ajouter l’espace ou les commentaires/avis seront publiés.
Pour cela il vous suffit de copier coller ce code et de l’ajouter à votre functions.php dans votre child theme puis comme à l’étape précédente, insérer le shortcode dans votre template de design de produit unique : [wycan_yotpo_reviews_rating]
// Add the reviews area inside a single product template with elementor, simply add the shortcode widget with [wycan_yotpo_reviews_rating]//
function wycan_yotpo_reviews_single( $atts ) {
if ( function_exists( 'wc_yotpo_show_widget' ) ){
add_action( 'woocommerce_after_single_product', 'wc_yotpo_show_widget', 15 ); }
}
add_shortcode( 'wycan_yotpo_reviews_rating', 'wc_yotpo_show_widget');
Aucun support ou demande d’aide vis à vis d’un article de blog ne sera donné en nous contactant par ici.
7 Responses
Finally a real solution! Thanks for this
You’re welcome Mat 🙂 !
Thanks for this solution. I wanted to inform you that I have added your code to my WordPress site. But the star rating shortcode is working properly when I was added the review rating shortcode then it’s not working I mean not showing the all reviews.
Thank you
Bonjour, j’essaye ce snippet actuellement est cela plante l’éditeur au chargement avec cette erreur 500 :
Fatal Error Line 171
Message Uncaught Error: Call to a member function get_id() on null in /home/mon_chemin_perso/wp-content/plugins/yotpo-social-reviews-for-woocommerce/wc_yotpo.php:171 Stack trace: #0 /home/mon_chemin_perso/wp-content/plugins/yotpo-social-reviews-for-woocommerce/wc_yotpo.php(150): wc_yotpo_get_product_data() #1 /home/mon_chemin_perso/wp-includes/shortcodes.php(355): wc_yotpo_show_buttomline() #2 [internal function]: do_shortcode_tag() #3 /home/mon_chemin_perso/wp-includes/shortcodes.php(227): preg_replace_callback() #4 /home/mon_chemin_perso/wp-includes/class-wp-hook.php(308): do_shortcode() #5 /home/mon_chemin_perso/wp-includes/plugin.php(205): WP_Hook->apply_filters() #6 /home/mon_chemin_perso/wp-includes/post-template.php(255): apply_filters() #7 /home/mon_chemin_perso/wp-content/plugins/elementor/modules/page-templates/module.php(190): the_content() #8 [internal function]: Elementor\Modules\PageTemplates\Module->print_callback() #9 /home/mon_chemin_perso/wp-content/plugins/elementor/modules/page-templates/module.php(207): call_user_func() #10 /home/mon_chemin_perso/wp-content/plugins/elementor/modules/page-templates/templates/header-footer.php(19): Elementor\Modules\PageTemplates\Module->print_content() #11 /home/mon_chemin_perso/wp-includes/template-loader.php(106): include(‘…’) #12 /home/mon_chemin_perso/wp-blog-header.php(19): require_once(‘…’) #13 /home/mon_chemin_perso/index.php(17): require(‘…’) #14 {main} thrown
File /home/mon_chemin_perso/wp-content/plugins/yotpo-social-reviews-for-woocommerce/wc_yotpo.php
Salut momo, étrange on l’a en production actuellement sur le site d’un client et on a pas de soucis de la sorte…
Cependant tu parles pour lequel les étoiles ou le widget avec les avis ?
Les 2, et je voudrais savoir si on peut limiter le nombre d’avis affichés ?
Hello momo, hélas aucune idée, ici on ne fait que récupérer les infos de YotPo, pour brider le nombre d’avis je pense que tu aura la réponse plus rapidement en demandant auprès de leur support directement.