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

+9
564
Возвращаем 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 2 дня назад #

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

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

Все там есть.

Изображение

 Теперь стиль 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 2 дня назад #

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

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

Еще от автора

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