modx-help

Ditto фильтр + форма + ajax

2013-09-01T10:05:00.000-07:00

Есть форма в которой мы выбираем критерии, по которым будут фильтроваться документы Ditto. Всё это дело должно происходить без перезагрузки страницы.
Постараюсь сделать минимум украшательств, чтобы просто объяснить суть.

Создадим TV-параметр, по которому у нас будут отличаться наши документы:
Имя: Radio
Тип ввода: Text

Создадим документы, которые будем фильтровать, заодно присвоим им значение TV-параметра radio:
res1 (radio = 'rad1')
res2 (radio = 'rad1')
res3 (radio = 'rad2')
res4 (radio = 'rad2')

Сделаем простейшую форму, которая будет содержать к примеру только radio buttons и собственно окошко, в котором у нас будут отображаться результаты поиска. Форма будет содержать кнопку Submit и Reset.

<form id="search">
<label><input type="radio" name="name1" value="rad1" />Select rad1</label><br />
<label><input type="radio" name="name1" value="rad2" />Select rad2</label><br />
<input type="reset" id="reset" value="Reset" />
<input id="submit-request" type="button" value="Отправить" />
</form>

<div id="result">

</div>
(при желании можно повесить стилей для наглядности)

вот мои:
#result
{
width: 400px;
height: 200px;
margin: 10px;
background-color: #dddddd;
border: 1px solid silver;
}

.each-block
{
margin: 5px;
background-color: greenyellow;

}

В нижнем div у нас будет отображаться результаты отфильтрованного Ditto. Сам ditto сделаем в другом документе.
Создадим шаблон документа, в котором будут выдаваться результаты Ditto с фильтром:

[!Ditto? &parents=`1` &tpl=`tpl-ditto-searchresult` &extenders=`request`!]

Повесим его на документ, у которого будет URL = search-result.html

Шаблон для Ditto взял элементарный:

<div class="each-block">
[+pagetitle+]

</div>

Теперь собственно сам Ajax:

Подключим jQuery
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Скрипт для Submit и Reset:
<script type="text/javascript">
$(document).ready(function(){
$("#submit-request").click(function(){
var radio = $('input[name="name1"]:checked').val();
$('#result').load('search-result.html', 'ditto_filter=radio,'+radio+',2')
});
$("#reset").click(function(){
$('#result').load('search-result.html', '');
});
});

</script>

Немного из учебника:
Синтаксис:

$("селектор").load(url,данные,функция)

селектор выбирает элемент, в котором будет отображен результат AJAX запроса.
url адрес, на который будет отправлен AJAX запрос.
данные является необязательным параметром. Данные, которые будут переданы вместе с запросом.

функция является необязательным параметром. Функция, которая будет вызвана после выполнения запроса.

Нет изображения? Отобразить дефолтное

2013-08-17T01:51:00.000-07:00

При необходимости отобразить внутри шаблона(темплейта) ditto дефолтное изображение, в случае если поле TV с изображением пустое.

Делаем обычный вызов ditto

[!Ditto? &tpl=`tpl-ditto-mytemplate`!]

Само изображение будет находится в TV параметре. Здесь без излишков делаем просто имя image и тип image

И в самом шаблоне дитто (с именем tpl-ditto-mytemplate) мы сможем его вызвать просто:

[+image+]

Для работы схемы которую я предлагаю нам необходим сниппет PHx. Допустим его поставили и всё работает.

Мы делаем следующий вызов:

[+phx:if=`[+image+]`:ne=``:then=`<img src="[(site_url)][+image+]" alt="" />`:else=`<img src="[(site_url)]{{default-ava-path}}" alt="" />`+]

В моем случае я сделал вызвал путь к дефолтному изображению из чанка {{default-ava-path}}
Т.е. там написано что-то примерно следующее: assets/images/no-ava.jpg

Сортировка в evoGallery

2013-01-16T23:24:00.001-08:00

Была проблема с сортировкой в EvoGallery! В админке, после загрузки фотографий в галерею, не возможно было их упорядочить в нужном для пользователя порядке. Причем сортировка некоторых изображений работала, а некоторые после применения изменений возвращались на прежние места.
Проблема решилась после проверки БД. Получается фотографий было очень много (более 128 штук) и при загрузке им в БД присваивался id в поле sortorder. У sortorder был тип init (который вмещает всего 128 значений). В результате в базе лежало несколько фотографий со значением sortorder = 127. Проблема была решена изменением типа для sortorder с init на int.

Не работал phx

2012-12-09T00:08:00.001-08:00

Редактировал сайт и изредка заливал его на лайв. После того, как заказчик занес в базу несколько товаров я решил актуализировать сайт у себя на локальной машине. Перенёс базу, картинки, запускаю, всё работает. Отказывается работать phx-плагин. Лайв проверяю - там всё ок.

Как оказалось проблема была в том, что пути я не сбросил.

Мораль: сбрасывайте в конфиге пути к файлам.

WebSignup не видит все поля (в частности номер телефона)

2012-11-19T12:18:00.004-08:00

Оригинал статьи http://community.modx-cms.ru/blog/questions/8077.html

При регистрации пользователя, в форме заполняю поля телефон, адрес, но они не сохраняются. Сохраняется только полное имя.
В чем может быть причина?

Решил вопрос так: в файле assets/snippets/weblogin/websignup.inc.php после (примерно 36 строка)

$zip = $modx->db->escape($modx->stripTags($_POST['zip']));

добавил

$phone = $modx->db->escape($modx->stripTags($_POST['phone']));

Затем в секции // load template section #1 добавил

$tpl = str_replace("[+phone+]",$phone,$tpl);

Затем заменил

$sql = "INSERT INTO ".$modx->getFullTableName("web_user_attributes")." (internalKey, fullname, email, zip, state, country)
VALUES($key, '$fullname', '$email', '$zip', '$state', '$country');";

на

$sql = "INSERT INTO ".$modx->getFullTableName("web_user_attributes")." (internalKey, fullname, email, zip, phone, state, country)
VALUES($key, '$fullname', '$email', '$zip', '$phone', '$state', '$country');";

Точно также для поля адрес.
Теперь поля сохраняются.

Два независимых меню на странице

2012-05-31T04:28:00.000-07:00

Несколько раз сталкивался с необходимостью реализовать два меню на одной странице, захотелось создать универсальное решение.

Задача: необходимо сделать меню вида:

Товары

Одежда
Обувь
Головные уборы

Статьи

Выбор аксесуаров
Качество

Решение:

!Необходимо установить PHx
В админке создаем следующие документы:

Магазин
-одежда
-обувь
-головные уборы
    +Статьи //делаем ресурс неактивным для отображения в меню
-выбор аксесуаров
-качество

Для ресурса Магазин делаем 2 tv параметра.
menu-title    Статьи
menu-cell     [[Wayfinder? &startId=`24`]] //сюда жестко прописываем id ресурса, который содержит пункты доп. меню.
В поле [*longtitle*] прописываем заголовок нашего меню.

Далее нам нужно будет создать 3 шаблона для страниц. Опишу листинги меню.

Первый для главной страницы (Магазин).

<div>
  <h2>[*longtitle*]</h2>

    <ul>
      [!Wayfinder? &startId=`[*id*]`!]
    </ul>

  <h2>[*menu-title*]</h2>

    <ul>
      [*menu-cell*]
    </ul>

</div>

Второй шаблон для пунктов первого меню (Одежда, Обувь, Головные уборы).

<div>

  <h2>[*id:parent=`longtitle`*]</h2>

    <ul>
      [!Wayfinder? &startId=`[*parent*]`!]
    </ul>

  <h2>[!GetField? &docid=`[*parent*]` &field=`menu-title`!]</h2>

    <ul>
      [!GetField? &docid=`[*parent*]` &field=`menu-cell`!]
    </ul>

</div>

Третий шаблон для пунктов второго меню (Выбор аксесуаров, Качество).

<div>

  <h2>[*parent:parent=`longtitle`*]</h2>

    <ul>
      [!Wayfinder? &startId=`[*parent:parent=`id`*]`!]
    </ul>

  <h2>[*id:parent='pagetitle'*]</h2>

    <ul>
      [!Wayfinder? &startId=`[*parent*]`!]
    </ul>

</div>

Восстановление пароля к manager

2012-04-21T07:21:00.000-07:00

Допустим случилось самое страшное. Вы забыли пароль для managera, превышено число попыток зайти на сайт, а запрет пропадает через пару веков.

1. Можно поменять пароль для юзера

update modx_manager_users set password = md5('blabla') where username='admin'

Таким образом мы установим для пользователя admin пароль blabla

2. Пароль поменяли. Но пытаясь вспомнить пароль мы превысили число допустимых попыток зайти на сайт. Для этого нам нужно

update modx_user_attributes set blockeduntil = '0' where id='1'

Или другими словами в базе данных меняем значение поля blockeduntil на ноль.

Использование TV-image в сниппете ditto

2012-04-19T05:25:00.000-07:00

Для того чтобы использовать в подключаемом темплейте изображение, вставленное через TV-параметр необходимо сделать в темплейте запись вида:

<img src="[+tvimage+]" alt="" />

Где tv - обязательный параметр, а image - имя TV-параметра.

Настройка evoGallery и jQuerry

2012-04-15T13:15:00.000-07:00

Modx установлен теперь пришло время организовать загрузку изображений. Рассмотрим установку модуля evoGallery.

Допустим Modx установлен. Качаем последнюю версию http://modx.com/extras/package/evogallery.

Копируем содержимое в папку на сервере.
Устанавливаем для папки galleries права 0777.
Запустить установку site_name/install. Устанавливаем и после установки удаляем папку install
Пробуем загрузить несколько изображений через модуль на главную страницу. И сделаем простой вызов сниппета [!evoGallery!].

Все изображения отображаются, однако если попробовать открыть изображение - мы перейдем по ссылке на это изображение в увеличенном виде. Для того, чтобы это немножко окультурить существует масса плагинов на jQuery для открытия всплывающего окна с увеличенным изображением. В своем примере я опишу установку prettyPhoto.

Копируем папки css, js, images.
Редактируем тег <head>. Подключаем css, js из папок и jquery.min.js. Добавляем скрипт (см. ниже красным цветом).
Создаем чанк, который подключим в вызове сниппета [!evoGallery? &itemTpl=`tpl`!]

Chunk:
<a href="[+images_dir+][+filename+]" rel="prettyPhoto[pp_gal]"><img class="pretty-photo" src="[+thumbs_dir+][+filename+]" alt="[+title+]" /></a>

$(document).ready(function(){

$("a[rel^='prettyPhoto']").prettyPhoto();

});

</script>

И всё должно работать.

Какие были у меня косяки при настройке:

Изображение отображается, однако рамки и границы не отображаются. В этом случае необходимо проверить пути, прописанные в css файле (либо наличие этих изображений в папке на сервере).
Был установлен shopkeeper и в коде вызывалась дополнительно библиотека jquery.min.js. Мне помогло удаление данной библиотеки. Двойной вызов точно не нужен.
При обычном запуске [!evoGallery!] не отображалось ничего. Проблема была в регистре. Сработал вызов [!EvoGallery!]

Дружественные ссылки

2012-04-11T02:26:00.000-07:00

Иногда у всех возникали проблемы с активацией дружественных ссылок.

1. Необходимо после установки modx переименовать ht.access на .htaccess.

2. Редактируем файл .htaccess и дописываем в конец файла: RewriteBase /site_name

3. В админке активировать Инструменты >> Конфигурация >> Дружественные URL >> Использовать дружественные URL: Да
Далее для всей позиций выбираем "Да", лично я только выбираю "Нет" для позиции "Разрешить повторяющиеся псевдонимы".

Перенос сайта с сервера на локальную машину

2012-04-11T01:19:00.001-07:00

Неоднократно сталкивался с ситуацией, когда на сайт нужно поместить или видоизменить какой-либо блок. Экспериментировать на рабочем сайте чревато последствиями. Поэтому наиболее удобным будет распаковать на локальной машине сохраненную копию.

Допустим уже установлен mysql, apache, php. Виртуальный сервер функционирует.

1. Копируем сохраненные с ftp файлы на локальную машину в папку, откуда будет производиться запуск.

2. Открываем файл с настройками \manager\includes\config.inc.php
Там видим следующее

$database_type = 'mysql';
$database_server = '62.75.1.1';
$database_user = 'some_user';
$database_password = 'pass';
$database_connection_charset = 'utf8';
$database_connection_method = 'SET CHARACTER SET';
$dbase = '`modx`';
$table_prefix = 'modx_';

В файле изменяем некоторые строки:

$database_type = 'mysql';
$database_server = 'localhost';
$database_user = 'root'; /* (как правило у данного пользователя по-умолчанию есть все необходимые права) */
$database_password = ''; /* (поле пароль, для данного пользователя по-умолчанию пустое) */
$database_connection_charset = 'utf8';
$database_connection_method = 'SET NAMES';
$dbase = '`modx`';
$table_prefix = 'modx_';

(имя базы данных можно не менять, главное создавать одноименную базу).

3. Заходим в phpmyadmin и создаем базу данных modx. Выбираем import >> Выбрать файл >> выбираем файл >> ОК.

4. Заходим в админку сайта. localhost/site_name/manager или site_name/manager (в зависимости от настроек системы).

4.1. На всякий очищаем кэш (Сайт >> Очистить кэш)
4.2. Инструменты >> Конфигурация. Далее необходимо нажать сброс для следующих пунктов:

4.2.1. Интерфейс и представление >> Путь к файлам
4.2.2. Файл-менеджер >> Путь для файл-менеджера

4.3. Сохраняемся и всё должно работать.

*Для удаления предупреждения в админке об ошибках в файле конфигурации, необходимо для файла \manager\includes\config.inc.php установить права "Только чтение". Это ни на что не повлияет в нашем случае, только лишь уберет надоедливую надпись.

Бэкопирование и восстановление сайта

2012-04-10T23:47:00.001-07:00

Неоднократно пытался найти ответ на самый простой вопрос: чего нужно и будет ли этого достаточно, чтобы сделать копию сайта, для восстановления. Конкретных сведений по пунктам первое, второе - так и не нашел. Научным тыком установил следующее.

1. Необходимо сделать дамп базы данных. Наиболее просто сделать это из админки сайта.
Инструменты >> Резервное копирование
Выделяем все элементы. Я еще обычно выбираю пункт "DROP TABLE" (удалять таблицы), поскольку при восстановлении сайта если будем дописывать в базу данных, появляется шанс получить не совсем то что ожидалось.

2. Сделать резервное копирование файлов с ftp. Первое время пробовал делать бэкап с помощью Total Commander, однако некоторые файлы не копировались и решил сменить ftp клиент на filezila. Пользуюсь по сей день и доволен скоростью копирования и полнотой. Для корректной работы после восстановления - копирую все папки без исключения.

Вывод родительских элементов

2012-04-10T10:49:00.001-07:00

Вывод id родителя:

[*parent*]

Вывод id дедушки:

[*parent:parent=`id`*]

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

Вывод любого поля родителя (например заголовка):

[*id:parent=`pagetitle`*]

Для шаблонов ditto нужно использовать вместо [* *] вот это: [+ +]