Есть рабочий сайт на Diafan 5.4 Тематика: Аренда камер.
https://vk.cc/7cFTQn
Задача по новой сверстать существующий адаптивный шаблон, разделив его на 2 версии - полную и слегка отличающуюся мобильную, с учетом особенностей Diafan 6.0
Цель: освежить главную, убрать кучу лишнего кода от исходного шаблона tm, тем самым ускорить загрузку страниц, убрать косяки, связанные с адаптивностью шаблона и влияющие на отображение полной версии. Обновление CMS до 6.0 для работы с новыми модулями.
Всю работу по переносу контента делаю сам. Правда скопировать уже оформленные заказы думаю все-же нужно.
Полная версия:
1. Главная страница
1.1 Полная замена слайдера на похожие:
https://vk.cc/7cGl6h
https://vk.cc/7cGlQX
1.2 Вставка блока с преимуществами по типу https://vk.cc/7cGoe0
1.3 Замена блока с изображениями категорий на блок визуально похожий на:
https://vk.cc/7cGoe0
https://vk.cc/7cGmRP
https://vk.cc/7cGnto
напомню, адаптивность не требуется. Форму выберем чуть позже.
1.4 Оставляем несколько строк с товарами, аля новинки.
1.5 Блок с текстовым описанием сайта
1.6 Вставка блока партнеров/брендов с прокруткой по типу https://vk.cc/7cGnto
1.7 Футер оставляем визуально как есть
1.8 Блок с копирайтом возможно немного переклепать для аккуратной вставки туда юр инфы, оферты и тп..
2. Страницы каталога
2.1 Черное меню сверху - категории каталога, боковое меню "Каталог" его дублирует, ниже 2е боковое меню "Информация" со ссылками типа Доставка, Новости, Статьи, Контакты и тп.
2.2 Под боковыми меню: корзина и пара пустых блоков для vk и fb
2.3 При наведении на изображение в карточке товара сменять его на следующее по списку, последнее или заданное характеристикой. В зависимости от трудоемкости реализации последнего.
2.4 При прокрутке страницы использовать Ajax пагинацию с выводом кнопки "показать ещё".
3. Страница товара
Пока никаких особых изменений.
основной вопрос в эстетическом расположении выпадающих одной или двух характеристик, цены и кнопки купить.
Сжать блок "С этим товаром выбирают".
4. Корзина
Корзина в разы упрощается, вместо 4х вкладок, оставляем только стилизованную таблицу с информацией о товарах, блок с доставкой и способами оплаты прячем, кажется для этого их достаточно просто скрыть в админке) Далее Step2 несколько галочек с сопутствующими услугами и поля: ФИО, Телефон, Мэил, Дата начала аренды. Все.
5. Прочие страницы
Минимальное оформление страниц новости и статьи. Контакты.
Ну и в целом должна быть стандартная структура шаблона диафан, собранного в 1 папке, а не разбросанная по корневому каталогу. Чистый и понятный код, абсолютные ссылки и тп, чтобы не было стыдно, если вдруг после вас с ним будет кто-то еще работать:)
Все что не получится объяснить текстом - объясню скринами или нарисую идеальные варианты, думаю в объяснении тз и способах его реализации недопониманий не возникнет)
По мобильной версии https://yadi.sk/i/dVXV1P6_3Nc2bD даже расписывать не буду. Пары скринов думаю достаточно.
Как только договоримся с исполнителем, скину скелет главной страницы. А то уже и так перебор информации для общего ТЗ))