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
Solution to display stars reviews
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 🙂
To display the number of reviews as in this screenshot, you will have to add code to your functions.php file of your child theme (if you don’t have a child theme you should be able to do it via a plugin that injects code) and then you just have to place a shortcode anywhere on a product page 🙂
Code à ajouter / Add this code
Vous allez donc ajouter ce code dans votre functions.php à la suite de ce que vous avez déjà dedans.
You will add this code in your functions.php after your content.
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 🙂
Once done, you will add a Shortcode widget to your Elementor product template.
Then, you will enter the shortcode, as in the screenshot opposite: [wycan_yotpo_stars_rating]
All you have to do is place the widget where you want on the design of your Elementor product page 🙂
Ajouter les avis ou vous souhaitez
Add the reviews widget where you want
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');
