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

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

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

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

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

Еще от автора

Элемент Вопросы/Ответы для конструктора блоков Zbuilder
В приложении к посту архив, при установке которого в компонент Zbuilder будет добавлен элемент Вопросы/ответы, который используется на демо
Конструктор блоков Zbuilder
Я уже делал и использовал на нескольких проектах шорткоды. Мне не понравилось. Потом были просто блоки. Собрал из них несколько проектов.
Про дочерние шаблоны в 2.17.0
В ближайшее время состоится релиз InstantCMS 2.17.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.