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

+9
571
Возвращаем 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 11 месяцев назад #

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

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

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

0
iDrevniy iDrevniy 22 дня назад #

А у меня уже нет такого. Внутренности файла другие, целых 5 стилей .qq-upload-drop-area, ни одного нет атрибута display:one. При этом драг дропа в полях изображений нет.

0
pupsik pupsik 22 дня назад #

Все там есть.

Изображение

 Теперь стиль display:none; прописан там. Ничего страшного. Просто найдите класс:

.qq-upload-drop-area в templates/social/controllers/images/styles.css

и пропишите в нем стиль:

display:flex!important; .

Или просто впихните туда:

.qq-upload-drop-area {
display: flex !important;
}

0
Zau4man Zau4man 22 дня назад #

С версии 2.17.0 dnd вернули в поле набор изображений.

Обновите свой шаблон.

Еще от автора

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