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

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

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

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

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

Еще от автора

Готовый сайт лендинг компании по подбору персонала
Делал два года назад. Заказчик сменил профиль и сайт не пригодился.
Выведем контент группы в списке полей группы
Поле позволяет в списке полей группы вывести последний контент этой группы.
Чиним реферальные ссылки биллинга при закрытом сайте
Проблема такая: если сайт закрыт, то при переходе по реферальной ссылке типа /r/1 пользователя перехватывает компонент Авторизация, и хук биллинга, ко
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.