С помощью HTML виджета задаем тонкие настройки иконок.
Если вы еще не знакомы с использованием HTML-виджета, читайте эту статью.
Добавляем HTML-виджет и устанавливаем иконку с помощью компонента “Настраиваемая иконка”:
Платформа
<component name="icon1"></component>
Далее цвет можно будет модифицировать,
Ещё один пример использования HTML виджета – верстка таблицы цен.
Если вы еще не знакомы с использованием HTML-виджета, читайте эту статью.
Для начала пишем HTML или CSS код самой таблицы. В тех местах, где в дальше будут располагаться виджеты, оставляем шорткоды в формате “[[btn1]]”, “[[btn2]]” и т.д.
Код таблицы на JsFiddle.
Затем переходим в настройки секции во вкладку "Компоненты", удаляем
Для тех, кто не боится кода и знает основы HTML, пример использования HTML-виджета: настройка анимации виджетов при скролле.
Если вы еще не знакомы с использованием HTML виджета, вам сюда.
Допустим, у нас есть секция, собранная из виджетов, заголовок которой мы хотим анимировать.
Для анимации воспользуемся библиотекой wow.js.
Библиотеку нужно подключить к странице. Для этого в настройках страницы в HEAD
С помощью этой функции можно в пару кликов изменять настройки текста в HTML виджете, не прописывая настройки текста в ccs коде.
Если вы еще не знакомы с использованием HTML виджета, читайте эту статью.
Используем компонент “Редактируемый текст” для HTML виджета.
Создадим три компонента с названием: “txt1”, “txt2”, “txt3”. Пропишем созданные переменные в код HTML вместо обычного текста, например вместо заголовков
Что такое HTML-виджет и как его использовать?
Платформа – гибкий конструктор, который позволяет изменять внешний вид страницы так, как необходимо. Для этого достаточно базовых знаний HTML и специального виджета.
HTML-виджет позволяет изменять компоненты Платформы такие как формы, кнопки, счетчики, контейнеры для виджетов, редактируемый текст и использовать переменные внутри вашего html кода. При этом результат совмещения вашего кода с компонентами Платформы можно
Если нужного шрифта нет в стандартном наборе, можно установить его с сайта Google Fonts.
Для этого нам нужен виджет “HTML-код”. Добавляем его на страницу. Переходим в меню “Дублировать” и нажимаем “Импорт”. Вставляем код и нажимаем “Сохранить”.
Код
{"className":"WidgetMetaHtml","data":{"style":{"handlers":"style","vals":{"bgType":"clear","bgImage":{"pack":"bg-tech","file":"//s.platformalp.ru/img/bg-tech/1.jpg","color":[0.55023297764639,