13-04-2014, Simpla

Делаем дальнейшую модернизацию старых идей – перепишем доработку выставления рейтинга товарам.

Для начала забираем архив с файлами. Распаковываем его в корень нашего сайта. В нем содержится 3 файла:

  1. картинка “звездочки” design/default/images/rating.jpg
  2. файла для отработки AJAX-запроса выставления рейтинга ajax/rating.php
  3. скрипт на JQuery для выставления рейтинга товарам design/default/js/jquery.rater.js

Теперь добавим поля в нашу таблицу товаров s_products для хранения данных по рейтингу – выполним SQL-запрос

Добавляем эти 2 поля в выборку товаров. В файле api/Products.php в метод после 117 строки добавляем в методе get_products наши поля. Получится примерно следующее

Далее в этом же файле в методе get_product добавляем эти же поля (~236 строка) – результат

Следующим шагом добавляем данные по стилям для модуля рейтинга. Для этого в конец нашего файла стилей design/[ваш_шаблон]/css/style.css(возможно Ваш файл стилей будет иметь другой путь, но если Вы смогли уйти от стандартного шаблона, то Вы найдете куда поставить наш код  )

Подключаем JS-скрипт рейтинга в файле design/[ваш_шаблон]/html/index.tpl в блок head после корзины – результат

 

Теперь формируем вывод рейтинга в списке товаров и карточке.

В файлах design/[ваш_шаблон]/html/main.tpl и design/[ваш_шаблон]/html/products.tpl сразу после вывода заголовка товара

и файле design/[ваш_шаблон]/html/product.tpl после

вставим код вывода рейтинга


Вот в-принципе и все чудеса. Голосовать можно как в товаре, так и в списке, и даже в “просмотренных”, если правильно вставить код  Вы можете экспериментировать с рейтингом – поменяв 5 звед на 8 или 10. Или же измение размер звезд или форму 🙂 . Вывод тоже можете менять как Вам угодно, главное чтобы сохранить конструкцию блока div.rating и в параметре rel передавать ID товара.

rating rating_main rating_product

 

 

Скачать скрипт: [wpfilebase tag=file id=14 /]

Источник: клик

[Всего голосов: 0    Средний: 0/5]

RomualdShmidtelson

Веб-разработчик. Работа с проектами простой и средней сложности. Верстка, программирование. Simpla, Drupal, Wordpress.

Отправить письмо