Верстка + программирование сайта
Сделать сайт согласно ТЗ. Обычная версия и версия для мобильных.
Страницы: Сорта (главная), сорт, где купить.
Программирование на чистом PHP/JS, без фреймворков.
База данных на MySQL (синхронизируется с 1с).
Исходники макетов пришлю в PSD.
Отсутствующие страницы верстать не нужно
Мобильная версия должна отображаться, если • Устройство – мобильный и ориентация экрана вертикальная• Устройство – мобильный и ширина экрана меньше 1200pxВо всех остальных случаях отображается обычная версия
Страница «Сорта»
По умолчанию отображается список сортов (items)
В обычной версии страницы количество колонок в сетке с товарами варьируется от 2 до 4, в зависимости от ширины экрана браузера.
Картинки с товарами вставляются в оригинальном разрешении и уменьшенном размере (для retina экранов).
Картинки сортов находятся по адресу http://4brewers.com/IMG/{Item_id}.PNG
Тэги
По отображаемым сортам сверху выводятся тэги.
Цвет фона тэга из БД. Если нет цвета, серый (как в макете).
При выборе тэга:1. Сам тэг перемещается в область с выбранными тэгами, 2. Список сортов фильтруется по выбранному тэгу3. Список доступных тэгов фильтруется по отображенной номенклатуре.
При выборе второго тэга и далее, отбор номенклатуры осуществляется через «И», а не «ИЛИ» (отображается номенклатура, каждый элемент которой содержит все выбранные тэги).
Страница «Сорт»
Карта leaflet с подложкой яндекса.
Если не выбран город, отображается карта со всеми заведениями. При этом список заведений не отображается.
При выборе города, отображается карта заведений выбранного города и список заведений с датой последнего заказа текущего сорта и тарой.
При клике на метку на карте:
Если не выбран город, снизу отображается заведение из меткиЕсли выбран город, снизу выделяется заведение из метки (обводка).
Иконка untappd со ссылкой из бд (в новом окне).