Разработка интернет-магазина на Joomla. Урок №26. Адаптивность страницы списка товаров

Автор Ivan Samoilov
Разработка интернет-магазина на Joomla. Урок №26. Адаптивность страницы списка товаров

в этом уроке мы займемся адаптивной версткой нашей страничке список товаров вот так она сейчас выглядит стиле которую мы прописывали принадлежали друга шаблона их нам нужно перенести на наш основной шаблон с некоторыми изменениями наш шаблоны млн берём стиля адаптив как есть для всех разрешений и копируем в конец шаблона Joomla.

Так и нужно этот шаблон вычистить. Например у нас нету блока в таких как баннеры на этой странице их удаляю слайдера он тоже не надо так остальные блоки так и нету. Тамбов Так — это же убираем так и проверяем, что у нас получился.

Так мы не применяли похожи стиля видео у нас там стиле совсем другие так.

Давайте проверим да нам придётся сейчас опять структуру скопировать с главной страничке то есть у нас там использовались немножко другие класса. Давайте их перенесём на наш влажный начнем с самого главного самый первый блок точнее блока доставка он у нас отображается правильно переходим к логотипу так инспектирует блок вот наш наша модульная сетка логотипа так идём в шаблон уже Angel Main Index PHP. Олег меняем модульная сетка логотипа дали у нас идёт блок телефон и е главное меню так вот этот блок ему меняем класса переходим к следующему блоку этот блок у нас табличка проверим. Да — это режим работы у нас ещё есть здесь так берем его класса Block Time так ещё в нашей структуре вот он можем проверить уже, что у нас сейчас готова она время страничку смотрим перестроении. Да верх у нас кстати не совсем срабатывает потому, что блок не скрывается так. Давайте проверим у него не стоит вскрытие мы не из того чтобы она похожа скопировали модульную сетку Block Time так вот наш Block Time так вот наш Block Time и у него. Вот такая модульная сетка так вот он копируем переходим дальше. А у нас идёт блок соцсетей также как и ранах блог.

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

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