Видео-уроки

Эти видео были записаны в разное время с целью обучения агентов поддержки тому, как разрабатывать новые компоненты.

Некоторые видео не лучшего качества, тем не менее, остаются ценным, а иногда и единственным источником исчерпывающей информации по теме.

Учитывая это, мы решили сделать эти видео публичными.

Содержание

Введение

Несколько компонентов (подстановка GET параметров в текст, эффект печатной машинки и открытие вкладки по номеру) с нуля показаны как делаются.

Создание программируемого фона

Текст со спойлером

Валидация полей

Создание поля со сгорающей скидкой

Скрытие компонента до запуска JS

Редактирование кнопок (начало)

Создание адаптивных настроек

Редактирование кнопок (продолжение)

Работа с цветом встраиваемых иконок

Создание текста со всплывающими подсказками

💡
Примечание: в этом видео я долго и упорно пытаюсь разместить подсказки в нужном месте, хотя лучше бы использовать для этого библиотеку Popper, которую легко подключить через CDN. Об этом в следующем видео.

Надежный способ создания любых всплывашек

Сторонний разработчик сделал компонент, я показываю, как стоит его переделать, чтобы было надежно и вообще хорошо.

Промокод в корзине с помощью API

Интерактивные компоненты прямо в редакторе

💡
КОММЕНТАРИЙ Добавил еще в коде служебную переменную _is_production, чтобы можно было разные условия ставить для редактора или публикации. Например, слайды удобно выводить по условию if (_is_production || state.slide === 1) И так для каждого слайда if (_is_production || state.slide === 2) if (_is_production || state.slide === 3) и тд Тогда в редакторе будет выводиться только нужный слайд А в публикации сразу все - и их уже скриптом подхватывать нужно будет и строить слайдер из этого

Подключение компонента к базе данных

О чем можно было бы еще рассказать

Кратко

  1. Анимациям @keyframes стоит давать уникальные имена с использованием {{_uid}}
  1. Для работы с цветом есть системные переменные _textcolor и _colorside
  1. Для разного кода в редакторе и публикации есть _is_production
  1. Атрибут locked для cont

ТЕХНИЧЕСКАЯ ПОДДЕРЖКА

Не можете найти то, что ищете?

Напишите нам. на связи 24/7. Среднее время ожидания ответа: 10-15 минут. Также вы можете вступить в наш Телеграм-чат, где собралось много специалистов и пользователей.

Поддержка Creatium

Агенты ответят через 10 минут

Агенты ответят

Блог, курсы и полезные материалы 

Платформа сайтов любой сложности