Артём Мáлков

Подгрузка отзывов о товаре вместо стандартной пагинации в OpenCart 2.3.*

20 сен0 комм

OpenCart – один из популярных бесплатных движков для создания своего интернет-магазина и вообще веб-сайта в принципе. Для этой CMS существует большое количество как платных, так и бесплатных дополнений. Я тоже решил привнести свой вклад в процветание этого движка и рад представить вам (полноценным дополнением это назвать трудно) небольшую функцию, с помощью которой вы сможете убрать стандартную навигацию по отзывам в ваших товарах и организовать их подгрузку нажатием на ссылку.

Итак, как вы поняли из заголовка, работа скрипта тестировалась на OpenCart версии 2.3.0.2. Работа в других версиях возможна, но не гарантирована. Все изменения я буду показывать на примере стандартной темы «default». Вы проделываете все по аналогии, но только с вашей темой. Поехали!

1. Подключитесь к вашему сайту по FTP.

2. Откройте файл product.tpl в папке /catalog/view/theme/default/template/product/. В нем (примерно в самом конце) вы удаляете код, похожий на этот:

$('#review').delegate('.pagination a', 'click', function(e) {
	e.preventDefault();

	$('#review').fadeOut('slow');

	$('#review').load(this.href);

	$('#review').fadeIn('slow');
});

3. Здесь же, вы находите div:

<div id="review"></div>

И сразу после него вставляете:

<?php
	
	function declOfNum($number, $titles) {

		$cases = array (2, 0, 1, 1, 1, 2);

		return $number." ".$titles[($number%100>4 && $number%100<20)? 2 : $cases[min($number%10, 5)]];

	}

	$numb_reviews = $all_numb_reviews - 5;

	if($numb_reviews > 0) {

		$whole_page = intval($numb_reviews / 5); // Считаем целые страницы
		$residue = $numb_reviews % 5; // Считаем остаток

		for($i = 1; $i <= $whole_page; $i++) {

			$i = $i + 1;

			if($i == 2) {

				$style_link = "display: block";

			} else {

				$style_link = "display: none";

			}


			echo <<<HTML

				<a href="javascript://" data-item="{$i}" class="get_reviews" style="{$style_link}">Подгрузить еще 5 отзывов</a>
			
HTML;

		}

		if($residue > 0) {

			$i = $whole_page + 2;
			
			$name_link = declOfNum($residue, array("отзыв", "отзыва", "отзывов");
			
			echo <<<HTML

				<a href="javascript://" data-item="{$i}" class="get_reviews" style="display: none">Подгрузить еще {$name_link}</a>

HTML;

		}

		echo <<<HTML

			<a href="javascript://" class="get_reviews" style="display: none"></a>

HTML;


	}

?>

</div>


<script>
    
	$(".get_reviews").on("click", function() {

		var item_id = $(this).attr("data-item");

		$.get("index.php?route=product/product/review&product_id=<?php echo $product_id_fix; ?>&page="+item_id, function(data) {
            
			$("#review").append(data);

		});

	});


	$(".get_reviews").on("click", function() {
  
		$(this).hide();
		$(this).next().show();
  
	});

</script>

Сохраняете изменения и файл отправляете обратно на сайт. Здесь непосредственно мы выводим (в случае существования излишних комментариев) ссылки для подгрузки информации. Визуального стиля у ссылок нет – его вы настраиваете сами. Для этого цепляйтесь за класс «get_reviews».

4. Далее открываете файл review.tpl в этой же папке (/catalog/view/theme/default/template/product/) и в нем удаляете строку:

<div class="text-right"><?php echo $pagination; ?></div>

С этим файлом все. Сохраняете его и посылаете обратно на сайт.

5. Завершающий шаг. Открываете файл product.php в папке /catalog/controller/product/. Здесь, сразу после строки:

$data['description'] = html_entity_decode($product_info['description'], ENT_QUOTES, 'UTF-8');

вы вставляете:

$data["all_numb_reviews"] = (int)$product_info["reviews"];
$data["product_id_fix"] = $this->request->get["product_id"];

Сохраняете изменения и отправляете файл обратно на сайт. На этом все. Текст в ссылках вы можете заменить на свой, но обратите внимание, что у последней идет автоматическое склонение в зависимости от количества остаточных отзывов.

Рекомендуем к просмотру
Как убрать округление оценки товара в OpenCart?
Хаки
10-балльная оценка в отзыве о товаре в OpenCart
Хаки
Выводим габариты товара и его вес в OpenCart
Хаки
0
комментариев
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
Подняться наверх
«Pandoge» - помощник вебмастера