Возвращаем drag n drop в поле Набор изображений

+8
525
Возвращаем drag n drop в поле Набор изображений

В default шаблоне перетаскивать загружаемые картинки можно как в поле Изображение, так и в поле Набор изображений. В modern шаблоне в поле Набор изображений область для перетаскивания скрыта. Вернем ее.

Откройте файл templates/modern_или_дочерний/scss/controllers/images/styles.scss

И замените в нем

  1. .qq-upload-drop-area {
  2. display: none !important;
  3. }

на

  1. .qq-upload-drop-area {
  2. border: 2px dashed #ccc;
  3. padding: 4px;
  4. margin-bottom: 0.5rem;
  5. }

Сохраните файл. Затем сгенерируйте обновленные стили, нажав Сохранить и Скомпилировать SCSS в настройках темы

Изображение

Все. Теперь при перетаскивании в окно браузера картинок, в поле Набор изображений будет появляться область для загрузки, куда можно «бросить» картинки, и пойдет процесс загрузки. Возможность выбирать картинки через нажатие на «Выбрать и загрузить» никуда не девается.

Изображение

Если выглядит «некрасиво», можете поправить стили выше под себя.

0
fincheck fincheck 10 месяцев назад #

Спасибо, полезный пост. Уже у себя включил такую возможность. 

0
Def Def 10 месяцев назад #

Правильное решение!) В коробку надо включать этот минипатч стилей)

Еще от автора

Шаблон вывода категорий
Делюсь небольшим компонентом, который выводит на списком записей список категорий со своим шаблоном.
Виджет "Меню добавить"
Небольшой виджет, предназначенный исключительно для вывода меню добавления контента.
ZПоиск. Другой взгляд на поиск
В рамках более глубокого знакомства с Vue в частности с появившимся недавно Composition Api сделал на Vue небольшой компонент, который по функционалу
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.