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

+9
941
Возвращаем 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
SIVcode SIVcode 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 вернули в поле набор изображений.

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

Еще от автора

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