6. Виджет “Вкладки”

Разместить несколько изображений одного продукта, подробно описать характеристики или удобно расположить в одной секции текст – используем виджет “Вкладки”.

tabs001Содержание:

Виджет “Вкладки” позволяет разместить информацию в отдельных вкладках с быстрой и доступной навигацией по ним.

Настройки виджета “Вкладки”

Вкладка “Вкладки”:

Список вкладок

В области списка вкладок можно:

Добавить новую вкладку

1000863

Изменить порядок вкладок
Новая вкладка появляется внизу списка и будет показывается последней.
Изменить порядок вкладок можно с помощью перетаскивания. нажмём на кнопку перетаскивания (четыре стрелки), удерживая левую кнопку мыши, изменим порядок вкладок.

1000864

Сделать копию вкладки

1000865

Удалить ненужную вкладку

1000866

 

 

Плавное перелистывание влево и право

При включении данной настройки “Плавное перелистывание” вкладки будут переключаться с анимацией “Плавное скольжение влево и вправо”

tabs003

Фиксированная высота вкладок

Фиксированная высота вкладок задаст одно значение высоты для всех вкладок в этом виджете и не будет изменять высоту при разной высоте каждой вкладки.

tabs004

Вкладка “Внешний вид”:

Цвет

Цвет вкладок можно изменить на выбранный цвет из палитры цветов или на один из глобальных цветов.

tabs005

Размер вкладок

Вкладки можно сделать больше или меньше и выбрать самый оптимальный размер под свой дизайн.

tabs006

Отступ от вкладок

Задает отступ между вкладками и содержимым вкладок.

tabs007

Исходный код

В этом разделе мы сможем найти исходный код виджета и все его настройки.

tabs008

Была ли эта статья полезна?

Похожие статьи