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

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

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

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

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

1. 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