Разработка интернет-магазина на Joomla. Урок №28. Вёрстка страницы категорий

Автор Alla Bessonova
Разработка интернет-магазина на Joomla. Урок №28. Вёрстка страницы категорий

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

У нас картиночки сейчас нет. Давайте их добавим первый. С чего нужно начать — это установить размеры картинки чтобы они были одинаковые у всех загружаемых картинок категория для этого настройки изображение и ширина привыкнуть ставим 350 высота оставляем 0 чтобы она подстроила динамический под ширину следующий шаг переходим в категория мы видим категории нашего магазина и каждый из картинок мы будем применять будем добавлять изображения начиная с мониторов так так монитора.

Заходим в изображении добавляем наши корзиночек Screen закрыть проверяем, что — это всё сработало.

Да круто монитора добавились дальше для следующих категория смартфоны у нас так планшеты и так далее, но я пока покажу на примере трех видим 1 3 картиночки применялись. Давайте их стилизуем чтобы сделать эту страничку адаптивным. Под мобильные устройства нужно добавить и как раньше модульную сетку переходим в наш так. Заходим в папочку components джумшопинг Team Plays My default и папочку. Открой фаликман. Кати горе и добавим следующий код для наших — это наше родительской для нашего родительского блока смотреть. Как проще этот блок найти у нас идёт div 1 с выводом ссылке и картинки Toyota наш картинки категория дальше идёт div с ссылкой и названием категории ещё Def ещё абзац который вводится описание категории которые у нас нет так. Смотрим ближайшего родителя то есть вот этот диск.

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

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