Главная страница интернет-магазина: обложка, гибкий блок

Оформление первого экрана главной страницы интернет-магазина. Курс можно бесплатно пройти с поддержкой кураторов в Академии Базиума: https://bazium.academy/makegreatshop Магазин разрабатывается на платформе Базиум: http://bazium.com/shop 0. Мэйк Грейт Шоп: 15 простых шагов для создания интернет-магазина https://youtu.be/aO8jCO2N-Yo 1. Планирование контента и подготовка https://youtu.be/YV8oTZ8_uok 2. Реализация, начало https://youtu.be/PifWMY3o8bA 3. Создание разделов https://youtu.be/iDGnUWCaK-c 4. Добавление товаров в интернет-магазин https://youtu.be/o-6IoiYUgkc 5. Работа со страницами: шапка и подвал https://youtu.be/dQbJgjJoTXw 6. Главная страница: добавляем ссылки на товары и разделы https://youtu.be/wn3fO_CowDw 7. Акции на главной странице https://youtu.be/G3G0xi3r3ws 8. (текущий урок ✔️) Главная страница: обложка, гибкий блок https://youtu.be/76P1yBa4hII 9. Страницы: о магазине, доставка и оплата, контакты https://youtu.be/JNjikjWGa-0 10. Настройка доставки и оплаты https://youtu.be/mXDPGJbeZXg 11. Финализируем: шлифовка мелочей https://youtu.be/UADYpLpZywM 12. Подключение домена https://youtu.be/4MQFRagxJMg 13. Проверяем работоспособность https://youtu.be/glKuOV-nMlA 14. Настройка скидочных акций https://youtu.be/Cua2k1AORoo 15. Интернет-магазин создан! https://youtu.be/evjNmYJJYCg ❤️ Ключевое содержание из видео: — Помимо разделов, товаров и акций, главная страница интернет-магазина может также содержать первый экран, который создает атмосферу и передает основную идею того, чем мы занимаемся. Первый экран можно создать с помощью шаблонов обложек, либо вы можете побыть дизайнером и сделать его самостоятельно с помощью гибкого блока. — Обложки это то, что занимает 100% экрана на любых устройствах. Как добавить обложку : Добавляем новый блок на главной странице → заходим в раздел "Обложки" и выбираем понравившуюся → В настройках дизайна меняем фон обложки, цвета кнопок и т.д., а также поменяем текст. Важно отметить, что помимо изображений мы также можем загрузить в качестве фона обложки видео. Видео будет отображаться при входе на сайт с компьютера, а изображение при входе с мобильных устройств. — Помимо обложки мы можем поставить на первый экран гибкий блок. Что это такое? Это блок, который позволяет расставлять все элементы произвольно, т.е. так, как вы хотите. Как добавить гибкий блок: добавляем новый блок на главной странице → заходим в раздел "Гибкий блок" → нажимаем "Редактировать" → добавляем в него все необходимые элементы и красиво компануем их. Гибкий блок настраивается для каждого разрешения индивидуально. — В гибком блоке мы можем создать эффект анимации элементов. Для этого добавьте элемент в гибкий блок → нажмите "Настройки" → найдите графу "Эффекты" → выберите нужный эффект и задайте значения в графе "направления". — Мы также можем создать эффект параллакса для элементов нашего гибкого блока. Для этого добавьте элемент в гибкий блок → нажмите "Настройки" → найдите графу Параллакс → выберите от чего будет зависеть движение картинки в графе "на компьютерах" и "на мобильных" → задайте показатели смещения.