Скачать или смотреть Таблица цен с использованием контейнеров и вкладок в Elementor — переключение между различными пл...

Купить Elementor: https://be.elementor.com/visit/?bta=2...
Отличный и доступный хостинг: https://www.hostinger.com/reialesa — используйте промокод 'REIALESA', чтобы получить дополнительную скидку 10% на покупку!

🗞️ Подпишитесь на мою рассылку: https://www.reialesa.com/newsletter/

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

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

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

А благодаря вкладкам вы можете изменять любой необходимый контент для любой активной вкладки, что позволяет создать высококонверсионную, легко настраиваемую таблицу цен. Как только вы привыкнете к вложенности контейнеров (что, по сути, означает размещение одного контейнера в другом), создание сложных и ранее трудно реализуемых макетов станет простым.

Пример CSS, упомянутого мной в видео, закреплён 📌 в верхнем комментарии. А если вам нужно более подробное объяснение, посмотрите это видео:    • How to Style Specific Words in a HEADING i...  

Главы:
0:00:00 — Введение
0:00:27 — Планирование макета
0:01:33 — Создание базового макета с контейнерами
0:07:50 — Добавление и оформление контейнеров с нашими функциями
0:18:13 — Добавление и оформление дополнительных контейнеров
0:20:51 — Создание и оформление вкладок и размещение в них контента
0:25:17 — Адаптивность
0:32:02 — Заключительные изменения, советы и заключение

#elementor #pricingtable #containers

Присоединяйтесь touch:
https://www.reialesa.com/youtube/

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

Обратите внимание, что некоторые из ссылок выше — партнёрские, то есть я получаю комиссию с каждой вашей покупки без каких-либо дополнительных затрат с вашей стороны. Большое спасибо, если решите ими воспользоваться!