MODX. Мультизагрузка изображений в News Publihser с помощью migxFineUploader

Меню

Отредактировано: 19 Апреля 2018

Мультизагрузку файлов из фронт-энда легко настроить с помощью migxFineUploader. Само дополнение можно скачать по ссылке

Ниже перевод действий которые необходимо совершить.

Установка и настройка

1. Устанавливаем News Publisher и Migix, как обычные дополнения;
2. Скачиваем и устанавливаем как пакет — migxFineUploader (вместо загрузить дополнение выбираем — загрузить пакет);
3. В меню Медиа выбираем источники файлов (media source) и создаем новый, где в параметрах basePath и baseUrl указываем
```
[[!migxResourceMediaPath? &createFolder=`1` &pathTpl=`assets/resourceimages/{id}/`]]
```
  Запоминаем ID
4. Идем в настройки MIGX, на вкладку MIGX. Нажимаем на кнопку «Import from package», в появившемся окне пишем ’migxfineuploader’;
5. После этих действий появится новая конфигурация с названием ’mfu_images’. Кликаем на нее правой клавишей и выбираем редактировать;
6. Переходим во вкладку formtabs => редактируем строку ’image’ => редактируем поле ’image’;
7. Переходим в ’Mediasources’ и меняем ’Source ID’ для обоих контекстов (mgr и web) на ID того медиаресурса который вы создали в пукте 3 (если у вас есть другие контексты, для них изменяйте тоже). Сохраняем все изменения;
8. Создаем новое MIGX TV поле с названием ’images’ и на вкладке параметры ввода, в строке «Конфигурации» пишем mfu_images. Устанавливаем доступность для шаблонов, меняем источники файлов на созданный в 3 пункте, сохраняем;
9. Добавляем поле в вызов News Publisher
```
[[!NewsPublisher?
&show=`pagetitle,longtitle,content,images`
]]
```

Теперь, если все сделано правильно, на странице вызова News Publisher появится поле для изображений.

Кастомизация

Для изменения настроек fileUploader — создайте дубликат сниппета mfuUploaderGetProperties, затем, в настройках MIGX, на вкладке MIGXdb измените название, в строке

{"mfugetproperties":"mfuUploaderGetProperties"}

Для еще больших изменений, можно создать собственный UI - шаблон, создав чанк с указанием названия в этой строке:

$prop['tplUiTemplate'] = 'mfu.migx.template';

Для изменений инициализации FineUploader создайте чанк и измените название в этом параметре

$prop['tplInitUploader'] = 'mfu.inituploader';

Возможные проблемы

Ломаются скрипты при подключении поля с migxFineUploader. Это дополнение по умолчанию подключает свою версию Jquery, создайте свой сниппет с параметрами и отключите там jquery