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

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

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

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

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

Еще от автора

Конструктор блоков Zbuilder v 1.0.2
Небольшое обновление конструктора блоков: копирование элементов/блоков, доработка элемента Картинка.
Скидка 50% за отзыв
В каталоге дополнений движка множество дополнений, в том числе и бесплатных, у которых за сотню скачиваний, но минимум отзывов. Или их вообще нет
Элемент Вопросы/Ответы для конструктора блоков Zbuilder
В приложении к посту архив, при установке которого в компонент Zbuilder будет добавлен элемент Вопросы/ответы, который используется на демо
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.