Верстка сайта Videyra
Список страниц
Нюансы верстки
Ниже я покажу некотрые особенности верстки, решения и демо работы.
Товар
Когда на нескольких страницах есть похожая сущность, я стараюсь сделать ее одним классом. Чтобы этот элемент был модульным, можно было легко заменить его и вставить его в любом месте сайта и чтобы он не сломался.
В этом проекте такой сущностью была карточка товара. Она незначительно видоизменялась на страницах, но в целом использовала одни и те же элементы.
Поэтому для этого элемента я сделал один класс, который расширил модификациями: для корзины, для каталога, для избранного.
Демо работы интерфейса
Меню в каталоге
Переключение вида товаров
Фильтры и сортировка
Боковое меню
Демо прокрутки, прокрутка двух областей
Клиент хотел, чтобы при загрузке мы показывали, что область с фотографиями можно прокручивать. Я предложил идею после загрузки показывать пользователю, что область прокручивается. Для этого в блоке с изображениями прокрутили немного вниз и вернули в начало.