Не работает рейтинг со звездами Virtuemart 3

Столкнулся с проблемой в одном из шаблонов для Virtuemart 3. Рейтинг товаров со звездами работал некорректно. При наведении курсора на звезды, из количество увеличивалось до бесконечности, вместо того, чтобы цветом заполнялись лишь пять звезд.

Вылечить это можно следующим образом:
Копируем файл default_reviews.php из

/components/com_virtuemart/views/productdetails/tmpl/default_reviews.php

в

/templates/папка шаблона//html/com_virtuemart/productdetails/default_reviews.php

и в нем находим код:

jQuery(function($) {
var steps = ".$maxrating.";
var parentPos= $('.rating .ratingbox').position();
var boxWidth = $('.rating .ratingbox').width();// nbr of total pixels
var starSize = (boxWidth/steps);
var ratingboxPos= $('.rating .ratingbox').offset();

jQuery('.rating .ratingbox').mousemove( function(e){
var span = jQuery(this).children();
var dif = e.pageX-ratingboxPos.left; // nbr of pixels
difRatio = Math.floor(dif/boxWidth* steps )+1; //step
span.width(difRatio*starSize);
$('#vote').val(difRatio);
//console.log('note = ',parentPos, boxWidth, ratingboxPos);
});
});

заменяем на:

jQuery(function($) {
var steps = ".$maxrating.";
var parentPos= $('.rating .ratingbox').position();
var boxWidth = $('.rating .ratingbox').width();// nbr of total pixels
var starSize = (boxWidth/steps);
jQuery('.rating .ratingbox').mousemove( function(e){
var ratingboxPos= $('.rating .ratingbox').offset();
           
var span = jQuery(this).children();
var dif = e.pageX-ratingboxPos.left; // nbr of pixels
difRatio = Math.floor(dif/boxWidth* steps )+1; //step
span.width(difRatio*starSize);
$('#vote').val(difRatio);
//console.log('note = ',parentPos, boxWidth, ratingboxPos);
});
});

Проблема уйдет.

Предлагаю вашему вниманию подборку интересных каналов Telegram по дизайну интерьера и архитектуре

https://tele.gg/dizain_interjera - канал практикующего дизайнера интерьера с интересными советами по ремонту и декору.

https://tele.gg/interio_inspiration - канал с ежедневной подборкой проектов интерьера для вашего вдохновения

https://tele.gg/arh_inspiration - так же подборка вдохновляющих проектов, но уже по архитектуре