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

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

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

0
Def Def 2 года назад #

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

0
iDrevniy iDrevniy 1 год назад #

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

0
pupsik pupsik 1 год назад #

Все там есть.

Изображение

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

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

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

Еще от автора

Управление персональным меню v.1.0.2
Небольшое обновление компонента, в котором стало удобнее выбирать иконку пункта меню, а также добавлена опция, разрешающая пользователю добавление ссы
Поле Иконка
Небольшое поле, предназначенное для удобного выбора иконки из списка.
Добавляем свои пункты в Персональное меню
Компонент позволяет добавить в Персональное меню пункт, внутри которого пользователи смогут добавлять свои пункты и сортировать их. Все просто.
🍪Мы используем файлы cookie для работы сайта. Читать подробнее.