Создание адаптивного интернет-магазина за 5 минут

Автор Ruslana Chernenko
Создание адаптивного интернет-магазина за 5 минут

Добрый день дорогие друзья сейчас я за 5 минут.

Покажи как как можно на. Сателлит адаптив создать сайт интернет магазина. Давайте посмотрим карту дизайна мне расположил 4 контейнера два глобальных два локальных и глобальных будет размещать меню шапки подвалы облаками будет держать содержание.

Что ещё сделал.

Я один локальный к одному локальном компе не падал свет. Теперь давайте мы используем инструменты. Сателлит адаптив визуальные инструменты из этих допустим будем добавлять модуль. Так ты начала мы пили добавляем шапку. Обратите внимание, что управлять готовый модуль достаточно просто убираемся сестрёнку. Смотрим как редактируется кнопочка картинку здесь ссылочку на картинку можно поставить ссылку можно поставить картинку загрузить картинку кнопочку заказать обратный звонок кто появляется диалоговое окошко, а давайте мы сейчас что-нибудь напишет — это диалоговое окно для того чтобы можно было туда форму форму заявки захотим святые 24.com создаёте формула отдыхает, а сейчас я просто покажу, что как он появляется эта форма давайте я напишу если на звонок. появляется плавающем окне. Давайте теперь ещё добавим модуль модуль навигации модуль работает автоматический. Уже настроенный. Если вы хотите изменить пункты меню завтра вам достаточно перейти на этой пати кнопочки и убрать или добавить добавить пункт. Меню так приходим в нижней части сайта давайте сейчас на добавим туда них не меню понты понты меня на странице аналогичным способом добавляем подвал блок контактов и в подвале есть кнопка блок copyright. Так теперь посмотрим если будем переходить переходить. Опа понты minuta данном случае у нас. Ой уже структур к работает пункта меню. Давайте посмотрим вот активном режиме как он будет работать. Всё работает теперь содержание добавим содержание переходим на главную страницу добавляем содержание отдыхай я выбираю просто слайдер отправляй слайдер управление слайдами осуществляется таким способом как и вот как мы предусмотрели нажимаем сестрёнку и добавляем необходим картинки размеры картинок уже установлен автоматический. То есть вам остается только загрузить картинку и она будет нарезанного на примере картинку картинка его размеры продолжаем промоакция точно также меняем promax блок гарантий ты картинки меняются способом так дальше мы добавляем интернет магазин. Заходим в интернет-магазинах добавляем в форме губ картинки. Также мне давайте что-нибудь поставим так добавим еще один модуль бренды моды динамический управляет менеджер магазина. То есть вы добавляете бренда него справляются здесь. Здесь вы не можете добавить программа. Это прототип все аптеки бренды картинки делается делается менеджер менеджер интернет магазина вместе 53 переходим. Нижний блок. Вот ещё один 2 локальный локальные блок он выделен белым цветом туда поставим модуль о компании описание магазина компании. Италии Вот так он выглядит. Дальше можно поставить новости вот таким образом выглядит интернет-магазин то есть мы первую страницу создали буквально 2-3 минуты и уже первая страница полнофункциональный уже. Теперь давайте посмотрим как оно будет выглядеть у нас в активном режиме вот на мобильном телефоне допустим планшет так персональный компьютер ноутбук то есть всё всё так темно ещё хочу показать новые модули которые появились в кредит который раньше не было есть возможность управлять изменять по старинке допустим вот используя нажатия блока блока и делать штука, но есть интересные модуль который позволяет не поступай делать без настройки для этого я выбираю добавляю новый модуль. Давайте куда-нибудь поставим где у нас вот здесь я поставлю разделитель разделитель который будет отделять один от другого есть модули с разделителем с чертой модуль теперь у него и поднять таким образом я отделил какой-то коливальна отделение сделал. Давайте добавим точно такой же разделитель. Иван вот таким образом магазин сайт.

0 комментариев
0

Читайте также