Второй шаг: загрузка скриптов на FTP PHP

Этап 1. Установка пароля

Если у вас задан пароль к FTP PHP, сразу же переходите к следующему этапу.

Перейдите на главную страницу панели управления вашим сайтом, в правой верхней части нажмите на ссылку «PHP детали». В открывшемся окне кликните на ссылку: «Пароль не установлен. Мы попадем на страницу установки пароля на FTP PHP. Заполните поля, продолжайте следовать инструкциям системы.

Этап 2. Подключение к PHP FTP серверу

После установки пароля, скачайте FTP-клиент, рекомендуем бесплатный FTP клиент FileZilla. После установки программы, в верхней части вводим параметры подключения:

• Сервер: s2000.ucoz.net
• Логин (FTP login): введите свой логин, который указан в меню "PHP детали"
• Пароль: пароль который вы ввели ранее в специальном разделе

После заполнения полей нажмите на кнопку «Быстрое соединение».

Этап 3. Загрузка скриптов на PHP FTP сервер

После успешного подключения вы увидите каталог под именем «scripts» в правой части окна программы. Обязательно переходим в этот каталог двойным кликом по нему.
Теперь загрузите в этот каталог папку из архива со скриптом «market». Загрузить легко, просто перетащите эту папку в правый диалог (где отображаются каталоги и файлы хранящиеся на сервере).
Узнать статус передачи файлов вы можете в окне статуса, которое находится в нижней части программы, там отображаются файлы которые ожидают передачи и те, которые не удалось передать, в частности которые были успешно переданы.

Третий шаг: установка CSS стилей

Перейдите в Панель управления » Дизайн » Управление дизайном (Шаблоны) » Интернет-магазин » Таблица стилей CSS и в самом конце пропишите следующий код:

.review-ym {width:100%; float: left;}
.review-ym-top {width:100%; float: left; background: #f6f6f6; line-height:42px;}
.review-ym-top img {width:32px; height:32px; float: left; padding: 5px 15px 5px 5px;}
.review-ym-top span {}
.review-ym-date {float: right; padding-right: 5px;}
.review-ym-user {padding:0px; margin: 0px;}
.review-ym-user span:nth-child(1) {color: #f00}
.review-ym-user span:nth-child(2) {color: #ccc; font-size:small; padding-left:10px;}
.review-ym-rate {margin:10px;}
.review-ym-rate img {width:16px; height:16px; float: left}
.review-ym-rate span {color: #ccc; font-size:small; padding-left:20px;}
ul.review-ym-ul {margin:0px; padding:0px; }
ul.review-ym-ul li {display:inline-block; list-style: none !important; width:100%}
ul.review-ym-ul li:nth-child(odd) {font-weight: bold;}
ul.review-ym-ul li:nth-child(even) {margin-bottom:20px;}
.clearfloat { clear:both;height:0;font-size: 1px;line-height: 0px;}
.pagination_ym {width:100%; text-align: center}
#pagination_ym {margin:0 auto; padding:0px;}
#pagination_ym li {padding:5px 10px 5px 10px;display: inline-block; text-align: center; border: 1px solid #e6e6e6; margin:2px; cursor: pointer}
#pagination_ym li:hover {background: #f6f6f6;}
#pagination_ym li.current, #pagination_ym li.current:hover {background: #e6e6e6; cursor: default}
 

Информация о классах:

• review-ym – блок с отзывом;
• review-ym-top – Блок с аватаром пользователя, ником и датой;
• review-ym-date – стиль для даты отзыва;
• review-ym-user – стиль для ника(ФИО) пользователя;
• review-ym-user span:nth-child(1) – стиль для ника(ФИО) пользователя (первая буква);
• review-ym-user span:nth-child(2) – кол-во отзывов, оставленных пользователем;
• review-ym-ul – блок отзыва (достоинства, недостатки, комментарий);
• pagination_ym – блок навигации по страницам;
• clearfloat – сброс обтекания.

Четвертый шаг: загрузка файлов на сайт

Перейдите в Панель управления » Файловый менеджер. В правом верхнем углу кликните на кнопку "Создать папку", введите название папки images. Кликните на галочку и ура, мы создали папку с нужным именем!:)

Теперь зайдите в папку images и загрузите в эту папку файлы "no_avatar.png", "fav.png" и "fav2.png" из архива со скриптом (папка "изображения").

Четвертый шаг: размещение кода на страницах сайта

Перейдите в Панель управления » Дизайн » Управление дизайном (шаблоны).

Страница товара

Откройте шаблон "Страница товара" модуля интернет-магазин. В нужном месте этого шаблона (там где вы хотите выводить отзывы) вставляем следующий код:

<?if($OTHER3$)?>
<div id="reviews_market"></div>
<script>
$(function () {
  $.ajax({
    type: "POST",
    url: "/php/market/market.php", // не изменять
    data: "id=$OTHER3$",
    cache: false,
    success: function(html){
        $("#reviews_market").html(html);
    }
  });

  $('body').delegate('#pagination_ym li','click', function() {
    var page = $(this).attr('alt');
    $.ajax({
      type: "POST",
      url: "/php/market/market.php", // не изменять
      data: "id=$OTHER3$&page="+page, // не изменять
      cache: false,
      success: function(html){
        $("#reviews_market").html(html);
      }
    });
  });
});
</script>
<?endif?>

Пятый шаг: дополнительные настройки

В архиве со скриптом находится файл «config.php». В этом файле вы можете задать дополнительные настройки скрипта. Открыть этот файл для редактирования можно обычным текстовым блокнотом.

В массиве $options вы можете указать свои настройки, где:

• api - ключ контентного API Яндекс.Маркет;
• page_comments - количество комментариев, выводимых скриптом на одной странице (максимум 30);
• type_sort - тип сортировки
• date - сортировка по дате (по умолчанию);
• grade - сортировка по оценке пользователей;
• rank - сортировка по полезности отзыва.
• way_sort - направление сортировки
• desc - сортировка по убыванию (по умолчанию);
• asc - сортировка по возрастанию.