1. В отдельном Зеро-блоке добавляешь кнопки, которые будут табами/вкладками и привязываешь к ним класс, который в последствии нужно будет указать в поле генератора ниже
«Класс кнопки». Чтобы указать класс у элемента, нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку «Add CSS Class Name», далее, справа в настройках указываешь тот же класс, что и в генераторе.2. Добавляешь на страницу блоки, которые необходимо скрыть/показывать при клике на кнопки;
3. Далее в генераторе заполняешь следующие поля:
- «пролистывать экран при переключении табов» — при клике на таб страница будет скроллиться в начало блока;
- «включить ссылки для табов» — включи эту настройку для того чтобы можно было перейти с другой страницы сайта к выбранному табу. Опубликуй страницу и скопируй из адресной строки ссылку вида #nlm383322331-myButton113
- «стили активной кнопки» — в данном разделе можно настроить вид активного таба (Цвет фона, Цвет текста, Цвет бордюра, Ширина бордюра);
- «класс кнопки» — в данном поле необходимо указать класс привязанный к кнопке. Для каждой кнопке, должен быть отдельный класс;
- «id блоков для показа» — id блока, который будет отображаться/скрываться при клике на указанную кнопку;
- «добавить кнопки» — данная кнопка добавляем новые поля для ввода класса и id блока.
3. Добавляешь блок Т123 и вставляешь в него сгенерированный HTML код;
Имей ввиду:- Табы должны находиться в отдельном Зеро-блоке, если настроить табы и контент для показа в одном блоке — модификация не будет работать корректно.
- Если при переключении табов сайт «прыгает» вверх, включи настройку «Включите эту галочку, если при переключении табов скрытые блоки не отображаются или страница прыгает вверх».
- Для корректной работы модификации необходимо, чтобы для всех классов кнопок, указанных в модификации, были добавлены соответствующие id блоков для показа.
- Блоки, привязанные к табам должны быть расставлены в таком же порядке, как в табах.