Компонент MPROMO: Обложки. Версия для ознакомления.

+18
1.07K
Компонент MPROMO: Обложки. Версия для ознакомления.

Набор блоков в виде виджетов для создания лендинг странички. Каждый блок-виджет имеет свои настройки под дизайн и задачи блока.
Будет несколько «дочерних» компонентов в которые будут входить свои типы наборов блоков. Например: обложка, о проекте, заголовок, текстовый блок и т.д.
В настройках базового компонента MPROMO доступна загрузка файлов шрифтов и видео, для использования их в настройках виджетов.

Каждый виджет имеет свои настройки под дизайн и задачи блока.
Например в настройках виджета Обложка v1(который входит в состав компонента MPROMO: Обложки), который рассмотрен на видео доступны следующие настройки:

Вкладка Контент


Опция Фоновое медиа:
   Изображение
   Слайдер изображений
   YouTube по ссылке
   Видео по ссылке
   Видео компонента MPROMO

Опции Заголовок, Описание, Раздел:
  Учитывать перенос строк в описании
  
Опции Ссылка заголовка и Ссылка раздела:
 Открывать в текущей вкладке браузера
 Открывать в новой вкладке браузера
 Открывать в модальном окне

Вкладка Вид


Цвет фона всего блока
Цвет затемнения в начале
Цвет затемнения в конце
Высота блока
Своя высота блока на разных разрешениях
Отступы
Выравнивание контента в блоке 
Параллакс эффект при скролле

Вкладка Заголовок,
Вкладка Описание,
Вкладка Раздел

Тег
Шрифт:
    По умолчанию
   Указать строку шрифта вручную
   Google
   Шрифт компонента MPROMO
Размер шрифта 
Насыщенность шрифта
Наклонный шрифт
Заглавные буквы
Межбуквенное расстояние
Межстрочное расстояние
Цвет
Прозрачность
Отступы
Добавить тень
Добавить анимацию


Вкладка Слайдер

Включить стрелки навигации
Включить индиактор навигации
Включить автопрокрутку
Приостановливать автопрокрутку при наведении мыши на слайдер
Вариант бесконечной прокрутки
    Не использовать
    Зациклить прокрутку
    Прокручивать в начало 
Скорость прокрутки
Задержка перед появлением следующего слайда 
Кнопка влево(хтмл код кнопки)
Кнопка вправо(хтмл код кнопки)

Установка

Установить архив через админку
Активировать хуки-события компонентов MPROMO

 
Прикреплённый файл:
Скачать 2 Мбскачан 84 раза
0
Abobo Abobo 1 год назад #

Отлично, спасибо за шикарный компонент!

+1
oscar oscar 1 год назад #

Супер! Спасибо, то что доктор прописал.

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

Далее какое развитие планируется?

+4
Денис Васильевич Денис Васильевич 1 год назад #

Набор блоков как в тильде

0
Саня Саня 1 год назад #

Желательно чтобы у каждого блока была кнопка — «Code»(html/css/js) в которой можно было бы просматривать готовый код, который получился, и редактировать его.

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

есть виджет HTML блока, там по сути от обратного

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

Это уже рабочая версия?

0
Денис Васильевич Денис Васильевич 1 год назад #

Рабочая. В составе только один компонент — Обложки и только один виджет в его составе. 

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

Спасибо автору, понравилась работа, очень интересная реализация и задумка!
Жаль, что нельзя вставлять выражения {title} {nickname} было бы круто! И нельзя убрать заголовок, я убрал костылем '& nbsp;' =) В компоненте наверное хотелось бы не видеть список из 10 шрифтов а 1 и кнопка добавить еще шрифт, возможно у автора в задумках еще круче что-то)  

0
Денис Васильевич Денис Васильевич 1 год назад #

Добрый день.
А для чего нужны {title} {nickname}, и куда их вставлять ?

0
Саня Саня 11 месяцев назад #

Добрый день, а почему удалили видео? И планируете ли дальше развивать компонент? 

0
Abobo Abobo 10 месяцев назад #

почем затихла разработка. Виджет стоящий! Не хватает выравнивания заголовка лево — право и т.д. Вывод кнопок, вывод модальных окон, вывод якорных ссылок...

Еще от автора

Превью шаблона BasicJournal
Шаблон ещё в разработке. На видео показываю интересные решения из того-что сейчас сделано. Возможно кому-то будет интересно.
Шаблон Fashion
Современный минималистичный дизайн шаблона акцентирует внимание на контенте сайта.
MSHOP - шаблон каталога товаров с корзиной
Шаблон для каталога товаров с шаблонами и виджетами для компонента Витрина товаров Так же поддерживается компонент Избранное от Fuze
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.