Адаптация верстки страницы каталога под мобильные платформы

5 000 руб. за проект
11 июня 2019, 14:48 • 18 откликов • 93 просмотра
В соответствии с приложенным дизайном необходимо внести изменения в верстку страницы каталога интернет магазина с целью оптимизации ее для мобильных платформ.
Интернет-магазин - https://keilbach-gold.de выполнен на базе OXID eShop Community Edition, Version 4. Документация для текущей версии системы доступна на https://oxidforge.org/en/documentation (новее чем используемая в магазине).
Основными целями переработок являются:
1. уплотнение элементов интерфейса в верхней части страницы таким образом, что бы на первом экране были видны карточки товаров.
2. переработка элементов интерфейса карточки товара.
3. показ двух товаров в линию, вместо одного (в текущей версии).
Пример страницы каталога: https://keilbach-gold.de/en/Gold-jewelry-585/Necklaces-Bracelets/?force_sid=0dec0398007e997f176941fddda27b2b
Уточнения к дизайну:
  1. Изменения должны распространяться на разрешение экрана от 0 до 767 пикселей.
  2. Минимальную ширину отображения сайта необходимо установить в 320 пикселей.
  3. Разделительная пунктирная линия между изображением товара и информацией о товаре должна отсутствовать.
  4. Логотип сайта должен быть уменьшен до размера 70x70 пикселей и размещен в левом верхнем углу, на одной линии с иконкой выбора языка, авторизацией и корзиной.
  5. Элементы управления фильтрацией и сортировкой каталога должны быть выровнены по центру.
  6. Элемент переключения страниц необходимо скрыть в верхней части каталога, и оставить в нижней.

Файлы