Верстка и настройка сайта на WordPress
Здравствуйте!
Нужно сверстать и настроить шаблон на WordPress.
Исходные данные: .psd файлы + ТЗ. Макет сайта в формате .png прикрепляю. Также отдельно есть файл со списком категорий.
Основные требования:
- Страницы должны работать во всех популярных браузерах (Google Chrome, Mozilla Firefox, Opera, Safari и т.д. );
- Верстка должна быть предпочтительно дивная/блочная;
- Html-кода должно быть максимально немного;
- Шаблон фиксированный, не адаптивный (размеры смотрите в .psd).
ТЗ:
Главная страница:
1) В шапке, там где номера телефонов - при нажатии на ссылку "замовити зворотній дзвінок" должно появляться модальное окно с формой ввода имени и номера телефона и кнопкой отправить (данные с формы должны приходить нам на E-mail). Важно! Должны быть 2 отдельные формы: одна на бусы и другая на мини-фургоны. Для бусов будет один e-mail, для мини-фургонов другой.
2) При прокрутке вниз шапка должна уменьшаться и прикрепляться к верхней части экрана (вид уменьшенной шапки также есть на .psd).
3) Раздел "виберіть своє авто". При наведении на марку - выезжает список моделей. Марки вводятся один раз и меняться не будут. Модели - это теги, каждая модель - отдельный тег. Желательно вывести этую часть шаблона в отдельный файл, чтобы при появлении новых моделей - мы легко могли добавлять их на сайт. Возможно лучше сделать это не тегами. Смотрите как вам удобнее, главное, чтобы сбереглась структура.
4) Каталог запчастин - это категории, подкатегории, и под-подкатегории. Список категорий есть в отдельном файле. Под-подкатегории пока точно не известны, но их будет немного для каждой подкатегории.
Структура такая:
Електрика - категория
--- Проводка - подкатегория
------ Котушка запалювання - подподкатегория.
5) В футере при нажатии на кнопку "замовити зворотній зв'язок" должно появляться модальное окно в котором нужно спросить пользователя какие запчасти его интересуют, и ниже 2 кнопки "Буси" и "Чобітки", после нажатия на одну из кнопок должна выезжать форма с полями для ввода имени и телефона (если человек нажал на кнопку "Буси", то письмо с телефоном отправляется на почту для бусов, если с мини-фургонами (чобітки), то на почту для мини-фургонов.
Дизайна этого окна к сожалению нет, но здесь главное функционал, а не дизайн.
Важно! Наш вариант сортировки информации (модели - теги, а каталог запчастей - категории) не является обязательным. Возможно вы как-то по другому видите как это лучше оформить. Главное чтобы пользователь выбрав конкретную модель увидел категории запчастей, которые добавлены на сайте для этой модели. И наоборот, если он перешел на какую-то категорию и не выбрал модель, то ему показываются все запчасти из категории, пока он не выберет конкретную модель.
Страница товара
1) Сверху "хлебные крошки".
2) Ниже название товара (заголовок поста)
3) Фотографии - желательно прикрутить какой-то плагин или сделать, чтобы просто выводились все фото с публикации, но тогда нужно как-то сделать, чтобы ниже в "Описание товара" эти фото не выводились.
4) Цена - должно быть отдельное поле для ввода цены при добавлении записи
5) Телефоны. Если человек просматривает запчасть для буса - показывать телефоны для буса (при клике на "замовити зворотній звязок" - форма для буса), если запчасть для "чобітка" (мини-фургона) - показывать телефоны для мини-фургона (и форму также).
6) "Опис запчастин" - это основной контент записи.
7) "Доставка" - отдельный "таб". Здесь информация будет статическая, можно прописать напрямую в шаблоне.
Страницы "Як замовити", "Доставка та оплата" и "Контакты" - это просто отдельные страницы сайта.