No video
Урок 11. Elementor. Как сделать слайдер внутри табов.
Рет қаралды 5,882
Күн бұрынПродолжаем практическую часть и сегодня на уроке, будем решать задачу посложнее, нам потребуется создать табы (они же вкладки) внутри которых будет слайдер с уникальными изображениями, по макету это планировки квартир.
⭐️ САЙТ: denisbezrodnyy...
Будем использовать для решения данной задачи плагин от Crocoblock под названием JetTabs (табы и переключатели), плюс стандартный слайдер от Elementor. Зададим всем элементам стили и оформим секцию согласно исходному макету. Приятного просмотра!
✅ Ссылка на JetTabs:
crocoblock.com...
На уроке Вы узнаете:
1. Что такое табы и для чего они нужны?
2. Как сделать слайдер в Elementor?
3. Как сделать слайдер внутри табов используя Elementor и Crocoblock а именно плагин Jet tabs?
В итоге научимся использовать вкладки и настраивать слайдеры и не просто исходя из возможностей Elementor, а применяя плагины и функционал сторонних разработчиков. Научимся создавать шаблоны и использовать их в определенных местах сайта.
→ Мои любимые инструменты 😍:
1. Конструктор сайтов ELEMENTOR PRO:
be.elementor.c...
2. Хостинг для сайта BEGET:
beget.com/p888791
3. Зарубежный хостинг SITEGROUND:
www.siteground...
4. Лучшие темы для WORDPRESS:
1.envato.marke...
5. Пакет дополнений CROCOBLOCK:
crocoblock.com...
#Elementor #Crocoblock #JetTabs
@user-kp5pb2yp9l 2 жыл бұрын
Dennex Ru, спасибо за уроки жду продолжения.
@ventostermo2330 2 жыл бұрын
Спасибо !!!! Очень понятно все изложили !
@denis-bezrodnyy 2 жыл бұрын
Пожалуйста! Рад стараться!
@AnsarGainanov 2 жыл бұрын
Отличный урок, взял на заметку, благодарю! Искал видео-обзор по плагину JetFormBuilder не смог найти. Было бы здорово от Вас увидеть подобный обзор. Некоторые моменты пока не все понятны по установке, интересует форма для заявки.
@denis-bezrodnyy 2 жыл бұрын
Спасибо! Если интересует только функционал формы, используйте стандартную в Elementor. Jet плагины будут на обзоре позже
@AnsarGainanov 2 жыл бұрын
@@denis-bezrodnyy Спасибо за ответ, У меня три сайта, один на elementor pro, к нему нет вопросов. Остальные на бесплатном, поэтому заинтересовал jetFormBuilder Пытаюсь сам тоже разобраться.
@user-qq4oi3nh6o 2 жыл бұрын
Круто, а можно сделать в 2 ряда. Например 10 вкладок, и я её хочу чтобы они нормально выглядели, можно ли сделать в 2 ряда. Дублировать не вариант потому что между ними будет содержимое первого?
@denis-bezrodnyy 2 жыл бұрын
Добрый день, Евгений! Я не пробовал, но мне кажется при переполнении пространства, вкладки спустятся на второй ряд. Можно ограничить пространство умышленно в настройках табов.
@user-iu3pm9ld9m 2 жыл бұрын
Супер! Огромное спасибо за видео!!! Но как же тогда создать подобный слайдер с кнопкой "Заказать" под картинкой? Подскажите пожалуйста!))
@denis-bezrodnyy 2 жыл бұрын
Разместите кнопку в нужное место, в данный слайдер можно размещать любую информацию и любые элементы
@user-iu3pm9ld9m 2 жыл бұрын
@@denis-bezrodnyy Благодарю Вас, попробую сделать)))
@braza8031 2 жыл бұрын
Да, только правильно ли в слайдере вставлять картинки с уже текстовыми блоками? Хотя и понимаю, что иначе не сделаешь, тк нет такого функционала...и хорошо ли будет такой текст в самих слайдах читаться на мобильных...За урок лайк
@denis-bezrodnyy 2 жыл бұрын
Все верно, по правилам верстки, текст нужно прописывать отдельно, в данном проекте принято было решение оставить его в изображении. Смотрится нормально.
@vladimirm3271 Жыл бұрын
На сегодняшний день элементор выруливает сам с вкладками. В настройках элементора включить флекс-контейнер и Nested Elements. После этого виджет вкладки получит новый функционал, как раз для этого урока.
@denis-bezrodnyy Жыл бұрын
Согласен, Elementor развивается и это радует.
@trustyvic 2 жыл бұрын
А есть на сегодня бесплатная замена jet-tabs2? А то ваша ссылка не открывается....
@denis-bezrodnyy 2 жыл бұрын
К сожалению аналогов jet-tabs не знаю, проверьте ссылку, должна работать
@vladimirm3271 2 жыл бұрын
откроется через vpn, но он платный все равно.
@user-wr5eh9fr9v Жыл бұрын
Регистрация, потом вводите в поиск Jet Tabs и скачиваете. Там в зипе целый набор плагинов👍
@aleksandser275 Жыл бұрын
Написали выше, что вместо jet-tabs , это можно сделать с помощью Elementor Anywhere .
@user-vx7pi3to7b Жыл бұрын
Спасибо за видео! Подскажите, а реально как-то сделать разные URL для табов?
@denis-bezrodnyy Жыл бұрын
Уточните пожалуйста, для кнопок или для контента внутри табов?
@issey5645 2 жыл бұрын
А гипертекст не знаете как сделать?
@denis-bezrodnyy 2 жыл бұрын
Чуть позже будет урок про ссылки в меню, там как-раз будут использоваться гиперссылки
@Inna260780 Жыл бұрын
Как с Вами связаться
@denis-bezrodnyy Жыл бұрын
Добрый день! Почта info@dennex.ru
@aleksandser275 Жыл бұрын
Почему мой коммент удаляют?
@denis-bezrodnyy Жыл бұрын
Попробуйте написать снова
Denis Bezrodnyy
Рет қаралды 2,7 М.
POSIMYTH Innovations - WordPress Tutorials
Рет қаралды 33 М.
Уроки WordPress & Figma
Рет қаралды 19 М.
❌ ОШИБКИ НОВИЧКОВ В ВЁРСТКЕ САЙТОВ НА ELEMENTOR | ПРАВИЛЬНАЯ ВЁРСТКА | ФИШКИ ЭЛЕМЕНТОРА ДЛЯ НОВИЧКОВ
Эван и WordPress
Рет қаралды 22 М.
Цифровой Алекс (ранее WPlovers)
Рет қаралды 16 М.
Эван и WordPress
Рет қаралды 1,8 М.
Web Squadron
Рет қаралды 56 М.