Quip для MODx. Более рабочий вариант.

Quip — Не плохая система комментариев. Ее проблема для меня в том, что из коробки она идет немного кривой. В этой статье я постараюсь дать алгоритм, который ускорит базовую настройку Quip.

Установите Quip из репозитория MODx, поместите этот код в шаблон:


[[!Quip?
	&thread=`thread[[*id]]`
	&useGravatar=`0`
	&dateFormat=`%d %b %Yг. в %H:%M`
]]
[[!QuipReply? 
	&thread=`thread[[*id]]` 
	&moderate=`0` 
	&useGravatar=`0`
	&closeAfter=`0`
]]

Теоретически на этом все готово, но я заменяю существующие чанки тем, что внутри этого архива.

Tips:

  • Поменять заголовок "Комментрии" — Управление словарями / quip / ru / quip.comments или в шаблоне — core/components/quip/elements/chunks/quipcomments.chunk.tpl

Постраничная навигация и ajax-подгрузка в Quip

По-идеи достаточно лишь добавить &limit=`10` для сниппета Quip, но на деле нудны допилы.

Первый косяк — навигация отображается даже когда второй страницы нет, и получается, что неактивная циферка "1" бессмысленно весит. Можно, конечно удалять ее скриптом, или скрввать в CCS с помощью :only-child, но лучше зарубить накорню. Для этого нужно отредактировать файл core/components/quip/model/quip/quip.class.php, функцию buildPagination:

// добавив в самом начале функции:
$page_limit = !empty($options['limit']) ? $options['limit'] : 1;
$pageCount = $options['count'] / $page_limit;
// закомментить или удалить строчку:
//$pageCount = $options['count'] / (!empty($options['limit']) ? $options['limit'] : 1);

//Обернуть цикл for ($i=0;$i<$pageCount;$i++) в условие:
if($pageCount > 1){
...
}

Если нужно сделать так чтобы при нажатии на кнопку "показать больше комментариев" подгружались еще комментарии комментируем цикл for, и вставляем такую строку (после цикла for, или вместо него):

$pages = "
";

Далее создаем ресурс с пустым шаблоном и помещаем туда сниппет, в который в свою очередь копируем нижеследующий код:

if(
!isset($_GET['thread']) ||
!isset($_GET['pagelimit']) ||
!isset($_GET['pagecurrent'])){
    return "";
}
$output = $modx->runSnippet('Quip',array(
    'thread' => $_GET['thread'],
    'useGravatar' => '0',
    'dateFormat' => '%d %b %Yг. в %H:%M',
    'tplComment' => 'tplComment',
    'start' => $_GET['pagecurrent'] * $_GET['pagelimit'],
    'limit' => $_GET['pagelimit'],
    'sortBy' => 'approvedon'
));
echo $output;
А в шаблоне, на страниже у нас есть типа такой вот JS код:
$(".pagination-show-more").find("button").click(function(){
    var t = $(this).parent();
    var dataAjax = {};
    dataAjax.thread = "thread[[*id]]";
    dataAjax.pagecount = parseInt(t.attr("data-pagecount"),10);
    dataAjax.pagelimit = parseInt(t.attr("data-pagelimit"),10);
    dataAjax.pagecurrent = parseInt(t.attr("data-pagecurrent"),10);
    if(dataAjax.pagecurrent == dataAjax.pagecount){
        t.remove();
    }
    var wrapper = $(".quip-comment-list");
    $.ajax({
        url: '[[~1275]]', // ссылка на ресурс, сожержащий предыдущий сниппет 
        data: dataAjax,
        success: function(data){
            wrapper.append($(data).find(".quip-comment-list").html());
            console.log("OK");
            if(dataAjax.pagecurrent+1 == dataAjax.pagecount){
                t.remove();
            }else{
                t.attr("data-pagecurrent", dataAjax.pagecurrent+1);
            }
        },
		error: function (xhr, ajaxOptions, thrownError){
			console.log(xhr.responseText);
            console.log("ERROR");
		}
    });
});

Quip в pop-up (в лайтбоксе)

Создаем свой сниппет и помещаем на пустую страницу:

echo $modx->runSnippet('Quip',array(
        'thread' => "thread".(int)$_GET['quipid']
        ,'useGravatar' => '0'
        ,'dateFormat' => '%d %b %Yг. в %H:%M'
    ));
    echo $modx->runSnippet('QuipReply',array(
        'thread' => "thread".(int)$_GET['quipid']
        ,'moderate' => '0'
        ,'useGravatar' => '0'
        ,'closeAfter' => '0'
    ));
if($_GET['quip_approved'] == 1){
    $parents = $modx->getParentIds($_GET['quipid'], 2); 
    $parent = $parents[0];
    
    $url = $modx->makeUrl($parent);
    $modx->sendRedirect($url);
}

В шаблон помещаем что-то типа:

<a href="/ajax-otziv.html?quipid=[[+id]]" class="fancybox-ajax">Отзывы</a>

Подключаем fancybox, подцепляем класс fancybox-ajax, ну и в общем-то все.

Капча для Quip (reCaptcha)

  1. При вызове сниппета QuipReply поставить &recaptcha=`1`;
  2. Получить код реКапчи;
  3. MODx / системные настроки / recaptcha recaptcha.private_key вставить Secret key;
  4. MODx / системные настроки / recaptcha recaptcha.public_key вставить Site key;
  5. Убедиться, что в шаблоне добавления комментарияев (по-умолчанию — core/components/quip/elements/chunks/quipaddcomment.chunk.tpl) не удален код капчи:
    <div class="quip-fld recaptcha">
    [[+quip.recaptcha_html]]
    <span class="quip-error">[[+error.recaptcha]]</span>
    </div>
Способ поблагодарить автора сайта:

Заметки и ссылки по теме:

Комментарии (0)

  1. Напишите первый комментарий
*Комментарий будет опубликован после проверки модератором

Комментарии easyComm

Александр 31 августа 2018, 09:05

Подскажите пожалуйста как вы сделали отправку комментариев ajax ???

Администратор

Через модуль easyComm. Ajax из коробки.
https://webstool.ru/oformlenie-i-nastrojka-easycomm.html

[MODx] Подсказки по API

[MODx] minishop2 tips

[Code helper] Заготовки для работы

Преобразовать JSON в HTML

[MODX] Загрузка сниппета после загрузки страницы через AjaxSnippet

[MODX, MiniShop2] Отредактировать письмо о заказе - добавить ТВ поле, или что-то еще

[MODX, pdoCrumbs] Вывести список всех родителей в ТВ поле ресурса

[JS] Связать значения инпутов через jQuery (биндинг)

[MODX] Массово обновить ТВ, или другое поле через базу

[miniShop2] Разместить корзину внутри блока с оформлением заказа

[OpenCart 1.5.1] Массово изменить адреса картинок у товаров

Вывести список всех файлов на сервере (и размер файла)

[PHP] Фиксированная сортировка массива на основе хэша

Курсы валют с cbr.ru на PHP, с запасным вариантом и кэшированием

[MODX] pThumb - ресайз изображений. Примеры использования.

Изменить цену на товар, если в корзине лежит товар из особой категории minishop2

Скрыть информацию о том, что сайт работает на MODX

[MODX] Сообщение о том, что сайт использует Cookie

Не работает подгрузка товаров ajax mfilter2 на мобильном

Постраничная навигация — набор параметров и CSS PdoPage

Разбить вывод pdoResources на несколько колонок (блоков)

[MODX] Добавить скрипт перед тегом body

[PHP] Узнать скорость выполнения кода. Простой таймер PHP

Вывести список всех емэйлов miniShop2

[MODX] Создать редирект через autoRedirector API

[MODX, MiniShop2] Отредактировать шаблон письма

[MODX] Кастомный чанк для AdminPanel

[MODX] Оформление и настройка easyComm. Комментарии и отзывы на сайте.

[MODX, MiniShop2] Обязательный чекбокс при оформлении заказа

[JS] Маска для ввода телефона +7(___)___-__-__

[MODX, MiniShop2] Добавить в письмо контактную информацию

[MODX, MiniShop2] Email сделать не обязательным полем

[MODX] Импорт и экспорт в MiniShop2. Реализация 1

[MODX, MiniShop2] Изменить формат номера заказа

Изменить цену на товар в зависимости от количества при добавлении в корзину minishop2

Общая сумма по каждому товару в корзине Minishop2

reCaptcha не через форму (без тега <form>)

Расширение свойств товаров minishop2

pdoPage и getImageList - Постраничная навигация MIGX

[MODX] Соответствие названия классов с названиями таблиц в MySQL

Вывести 404 ошибку по настройки TV MODX

Расширить таблицу site_content (объект modResource) за 5 минут

Передать файл с одного на другой сервер

Создать ресурс процессором $modx->runProcessor('resource/create', $props)

Как включить HTTPS (SSL) в MODX - Подробная инструкция

[MODX, MIGX] Простейшая авторизация

[MIGX] Простая и симпатичная галерея fancybox

[MODX] Узнать размер файла

Красивое адаптивное меню под pdoMenu

pdoResources Заготовки для работы

FontAwesome - часто используемые иконки для шаблонов MODX

[MODX, MIGX] Тип поля "Список ресурсов" (resourcelist) с ограничением по родителю (parents)

[MODX, MIGX] Вывести getImageList только если он не пустой

Bxslider отображение картинок после полной загрузки слайдера

[MODX] Вывести список всех опций MiniShop2

[MODX] Курсы валют с cbr.ru на PHP

[MODX, MIGX] Простой аудио-плеер HTML5

Как контролировать кэш CSS и скриптов

[OpenCart] Вывести на главную все категории с картинками

[PHP] Получить древовидный массив за один запрос к базе

Вырезать кавычки - фильтр MODx

Регулярное выражение

[MODx] Генератор настроек MIGX

[MODx, MIGx] Документация на русском по MIGx

[MODx] Динамическое поле emailSubject в FormIt

[MODx] Установить шаблон по-умолчанию для новых, создаваемых ресурсов

[MODx,MiniShop2] Не приходит почта администратору

[MODx] Баннеры с использованием BannerY

[Opencart] Вернуть английский язык, если вы его удалили

Универсальная форма обратной связи — feedBackForm

[MODx, miniShop2] Генерация YML для выгрузки в маркет

Редиректы

[MODx] pdoPage pagination css

[MODx] Вывести время загрузки (формирования) страницы

[MODx] Создать источник файлов

[MODx, minishop] Фильтрация по TV параметрам в msProducts

Регулярные выражения notepad++ примеры

[MODx] Создать свою страницу в админке

[JS] Заготовочки

[MODx] Поиск на сайте с пакетом SimpleSearch

[MODx, XML] Ответ для сервиса moneta.ru

[MODx] Подключить MODx в стороннем PHP файле

[MODx] Создать пакет с пользовательской таблицей

[PHP] Простое логирование

[OpenCart] Вывести модуль напрямую через контроллер

[MODx, Gallery] Галерея. Вывести обложки альбомов и фотографии

[MODx, MIGX] Примеры использования

[MODx] Сайт на обслуживании (выключить сайт)

[Opencart, FilterPro] Не работает пагинация

[OpenCart] Заготовки для автоматического заполнения товарами магазина 1.5.5.1.2

[PHP] Разные фишки, заготовки

[PHP, JSON] Пример перевода с помощью Yandex Translate API

[MySQL] Примеры запросов

[MODx] Вывод tv-параметров в формате [название TV] - [значение TV]

[MODx] Дата на русском

[MODx] Ускорить установку MODx revo до пары кликов

[Opencart] API tips

[MODx, Quip] Отсортировать ресурсы по количеству комментариев Quip MODx

[PHP] Загрузить файл для постобработки

[Opencart 2] Показывать в категориях

[MODx, Quip] Более рабочий вариант.

[MODx] Получить grandparent. Вывести родитель родителя

[MODx] Вывести все доступные плейсхолдеры.

[MODx] getResources заготовки

[MODx] Счетчик посещений и скачиваний для сортировки ресурсов

[MODx] Как разместить исходный код сниппета на сайте, в документации

Удалить HTML-теги span, и стили из тега br

Полезные ссылки

Все записи