Адаптивная вёрстка
Семь страниц магазина — от главной до контактов — свёрстаны единой адаптивной сеткой: от экрана смартфона до широкого десктопа.
Сверстал, интегрировали с CMS и разместили на хостинге магазин детских товаров: главная с подборками, каталог с фильтрами, карточки со скидками, блог и подписка на новости. Демо-версия открыта онлайн.
Магазин детских товаров: одежда, обувь, игрушки, аксессуары и уход за малышами. Витрине нужны были живые подборки (рекомендуемые, распродажа, бестселлеры, новинки), фильтры по цвету и цене, блог и подписка на новости — и всё это на управляемой CMS, чтобы ассортимент обновлялся без разработчика.
Сверстал все страницы магазина адаптивно и интегрировали вёрстку с CMS: главная с табами подборок, каталог с фильтрами, карточка товара с сопутствующими товарами, корзина и оформление заказа, блог и контакты. Затем установили сайт на хостинг и проверили в боевом окружении.
Скриншоты демо-версии: главная, каталог, карточка товара и мобильная версия. Полные страницы открываются по ссылкам в конце кейса.




Семь страниц магазина — от главной до контактов — свёрстаны единой адаптивной сеткой: от экрана смартфона до широкого десктопа.
Табы «Рекомендуемые, Распродажа, Бестселлеры, Новинки», бейджи «Хит продаж» и «Товар дня», старые и новые цены — витрина, которая подталкивает к покупке.
Фильтры по цвету со счётчиками товаров и по диапазону цены, сортировка по популярности, карточки со статусами наличия и скидками.
Свёрстанный шаблон интегрирован с CMS: товары, подборки и контентные страницы ведутся через админку — без правок кода и разработчика.
Корзина, оформление заказа и понятные блоки платежей и доставки в карточке: способы оплаты и условия бесплатной доставки видны до покупки.
Разместили сайт на хостинге и проверили в боевом окружении: формы, переходы, мобильную версию и подписку на новости. Магазин открыт для покупателей.
Главная, каталог, товар, корзина, оформление заказа, блог и контакты — полный цикл покупки и контента.
Рекомендуемые, распродажа, бестселлеры и новинки — витрина обновляется из админки CMS.
От смартфона до десктопа — магазин удобен родителям на любом устройстве.
Демо-версия всех страниц открыта по ссылкам ниже.
После передачи проекта заказчику мы не контролируем сайт — он может быть изменён или вовсе отключён. Поэтому ниже собраны примеры типовых страниц на нашем хостинге: вёрстка в том виде, в каком она сдавалась заказчику.
Демо-версия размещена на demo.avoweb.net — страницы открываются без регистрации.
Расскажите про ассортимент — сверстаю адаптивный магазин, интегрирую с CMS и размещу на хостинге. Коммерческое предложение — в течение 24 часов в рабочее время.
Получить предложениеКонсультация бесплатна и ни к чему не обязывает