А именно: Главную страницу, страницу Каталог товаров и страницу Товара.
Есть эскизы этих страниц, как должно по итогу все выглядеть.
Сайт https://karapuzo.com.ua/
Платформе Opencart
Основные разрешения экранов
360х640; 375х667; 360х760; 360х720; 375х812; 414х736
Сайт адаптивный. И сейчас с ним на 80% все Ок при просмотре со смартфона. За исключением верхней части (там где меню), там блоки размещены хаотично. Их и надо упорядочить.
ГЛАВНАЯ СТРАНИЦА.
Привести в вид как на Фото №1.
В верху страницы - Лого, и Вход/регистрация перенести на страницу, которая появляется после клика на иконку navicon (вверху слева). Сам navicon сделать крупнее и удобнее.
Номер телефона и иконку Задать вопрос – убрать с показа при просмотре сайта со смартфона.
Все остальные блоки разместить согласно Фото №1.
Нижняя часть главной страницы – без изменений.
При клике на иконку navicon та где «Каталог товаров» выпадает меню, как сейчас, привести ее в вид Фото №2.
Верхнее меню, при клике на иконку navicon (вверху слева).
Привести в вид как на Фото №3.
Увеличить размер самой страницы, шрифт, полоски… добавить Лого, Вход/регистрация
При клике на Лого, переход на главную страницу.
Правая часть, затемняется
Поиск. При клике на иконку поиск «лупу», открывается окно с полем Поиска.
СТРАНИЦА КАТАЛОГ ТОВАРОВ
Добавить кнопку «фильтры». Сейчас эта кнопка есть, но не удобная и малозаметная
Привести в вид как на Фото №4.
На страницы «фильтры» все как сейчас, только страница полноценная: шире и на всю длину экрана. Привести в вид как на Фото №5.
СТРАНИЦА ТОВАРА
Привести в вид как на Фото №6
Шапка –стандартная. Фото товара под основным фото изменить с картинок на точки.
Немного увеличить шрифт цены, шрифт и кнопку – Купить
В конце страницы, там, где таблица Составов, сделать так, чтобы таблица двигалась, лево-право (не двигая весь экран другого текста). Пример, как сейчас в мобильной версии на странице «Корзина» двигается таблица с заказом.