Удобное добавление цен на сайт на open cart – №1105691

Добрый день,  Алексей!

Просмотрели много Ваших работ и видео и хотим заказать у Вас разработку дизайна интернет-магазина. Мы пока что не знаем в какой цветовой гамме нам сделать и как расположить блоки. Поэтому надежда только на Вас.  Свернуть

Привет.
Нужно доработать поиск на сайте.
При запросе в строке поиска в шапке сайта отображается только основная категория товаров (см. файлы), нужно чтобы туда попадали также все подкатегории товаров, содержащие искомое слово.
Сайт - ссылкаСвернуть

Задача: Сверстать и установить на тестовый поддомен (можно на своём, можно создать на нашем хостинге) новую версию сайта ссылка завершения работ, тестирования и принятия заказчиком сайта - перенести новый дизайн на основной домен. 
Сайт, на котором будет разрабатываться дизайн, закрыть от индексирования с помощью файла robots.txt правилом User-agent: *Disallow: /
Техническое задание. 
Адаптивный дизайн.Кроссбраузерность, сайт должен одинаково отображаться в последних версиях браузеров Chrome, Edge, Opera, Firefox, Safari. В случае, если у пользователя старая версия браузера, предложить ему решение от ссылка
После окончания разработки предоставить инструкцию, как работать с сайтом (где меняется информация, размещенная на сайте).
Ссылки в верстке При верстке сайта просьба использовать относительные, а не абсолютные ссылки. Это позволит избежать проблем при смене протокола, зеркала, домена и пр.
МикроразметкаОбязательные виды микроразметки для всего сайтаOrganizationLocalBusinessWebSiteДля страницы товаров делаем микроразметку Product Также обязательно реализовать микроразметку Open GraphТак как у сайта есть много уникальных фотографий, необходимо сделать разметку изображений ссылка крошки breadcrumbsКапча Google для сайтаЧтобы не получать тонну спама, прошу установить на формы капчу от Google. Валидация кодаНеобходимо, чтобы при проверке валидатором ссылка у сайта не было критичных ошибок. Скорость сайта Требование по скорости загрузки страницы - до 3 секунд.Проверяем через ссылка, тест из Лондона PageSpeed Insights  для ПК: зеленая отметка, для мобильных - желтая, но не ниже 60. Favicon сайтаСделать favicon сайта - изображение из логотипаКонсультантПо желанию заказчика на сайте может быть установлен консультант, рекомендую решение от JivoSite - код для вставки предоставит заказчик. 
Отображение блоков на страницахИспользовать заголовки h при верстке не нужно, буду прописывать, какие элементы должны быть заголовками на странице. Хлебные крошкиПо всем страницам хлебные крошки идут от главной страницы сайта. Главная страница - кликабельная. Обязательно реализовать микроразметку хлебных крошек. Относится ко всем страницам. Это отображение по умолчанию. Дублирование страницНеобходимо установить плагин дублирования страниц и проверить, чтобы при дублировании всё редактировалось и не слетали стили.Цели от Яндекс МетрикиНа сайте будем устанавливать цели от Яндекс Метрики. Сделано это будет после того, как сайт будет готов.Общие разделы на сайте Общие разделы - это такие разделы в управлении сайтом, которые пользователь заполняет 1 раз, чтобы не дублировать каждый раз на каждой новой странице.
Эти разделы должны быть вынесены в отдельный раздел в админке сайта. На страницах, где используются эти блоки, просто выводить их в коде, не нужно выводить на самих страницах. К ним могут относиться: Наши преимуществаОтзывыКарта (из Яндекс Справочника)Логотипы банков и платежных систем
Обязательное требование. Все тексты, которые представлены на сайте, за исключением общих разделов, должны редактироваться из админки сайта. Все изображения, которые участвуют не в дизайне сайта (к примеру, фотографии людей из видеоотзывах, фото видеообращения директора) - должна быть возможность их удобно изменить из админки сайта. То же касается блоков ссылок на страницах.Заполнение полейЕсли в каком-то поле (например, номер телефона) предполагается ввод только цифр/букв, реализовать выдачу ошибки при неправильном вводе. Пример: надо ввести имя, а клиент написал цифры ссылка сайтаПри клике на логотип - ссылка на главную страницу. Текстовая часть логотипа должна быть сверстана текстом, а не быть картинкой. 
Поиск. При нажатии на значок поиска ссылка раскрывается поисковая строка, в которую можно ввести запрос ссылка. При нажатии на Enter или кнопку “Искать” осуществляется поиск по введенному запросу.
Номер телефона. Номер можно менять в админке. При нажатии на номер или иконку телефона происходит действие звонка.При нажатии на кнопку “Заказать звонок” появляется всплывающее окно. Нарисовать всплывающее окно обратного звонка. Пример ссылка
Личный кабинет. Если клиент не авторизован, то эта часть шапки выглядит так ссылка. При нажатии на кнопку “Войти/Регистрация” появляется всплывающее окно (сделать такое окно дизайнеру) с возможностью авторизоваться. Пример ссылка
Когда клиент авторизован, это выглядит так - ссылка. Имя и изображение подтягивается из личного кабинета. При нажатии на кнопку “Выйти” клиент выходит.
Корзина. Если корзина пустая, то она отображается так ссылка в ней есть товар, то отображается общая сумма товаров в корзине и их количество ссылка. При нажатии на “Оформить заказ” происходит переход на страницу оформления заказа.
При нажатии на значок корзины появляется всплывающее окно ссылка, с котором можно посмотреть товары, которые добавлены в корзину. Нажав крестик рядом с товаром, его можно удалить из корзины.При нажатии на “Оформить заказ” происходит переход на страницу оформления заказа.Закрыть всплывающее окно можно, нажав на любую область вне этого окна или на крестик вверху (сделать крестик ссылка
Верхнее меню ссылка
Каталог - выпадающее меню с товарами. При нажатии на Каталог выпадает меню с категориями ссылка. Их количество, названия и ссылки можно менять. При нажатии на категорию происходит переход на ее страницу.
При нажатии на служебные страницы происходит переход на эти страницы. Названия, количество и ссылки всех пунктов меню можно менять в админке.Футер сайтаТЗ на логотип такое же как и в шапке. 
Служебные страницы. При нажатии происходит переход на соответствующую страницу. Можно менять названия, количество страниц и ссылки.
При клике на почту - открытие почтового менеджера в новой вкладке (реализовывается с помощью mailto).
При клике на телефон или иконку телефона - действие звонка.
Политика конфиденциальности. При нажатии происходит переход на страницу с политикой конфиденциальности. Нет дизайна этой страницы.
Контактную информацию (адрес, эл. почту, номер телефона, время работы) можно редактировать. Делать это необходимо в одном месте в админке.КаталогНаша чайная коллекция - h1. Текст можно поменять в админке.
Подбор по параметрам.  Можно выбрать нужные характеристики, отметив их галочкой. Цена (минимум и максимум) выбирается ползунком или же ручным вводом.При нажатии на кнопку “Показать” применяется фильтр и отображается только тот товар, который соответствует выбранным параметрам.
Боковое меню навигации ссылка. При выборе категории происходит переход на соответствующую страницу. Это меню формируется из каталога сайта.
Блок “Вы смотрели” ссылка. Здесь отображаются последние три товара, которые клиент смотрел ранее. При нажатии на товар происходит переход на страницу товара. Убрать кнопку “Смотреть все”. 
Отображение товара плитками или списком ссылка. По умолчанию товар отображается плитками. Если нажать на отображение списком, то внешний вид карточек товара меняется ссылка
Карточки товара ссылка. Вся информация (фотография, плашки, рейтинг, в наличии/нет в наличии, название, характеристики, цена) подтягивается со страницы товара.При нажатии на фотографию или название товара происходит переход на страницу товара.При наведении на карточку товара появляется кнопка “Добавить в избранное” ссылка

При нажатии на кнопку “Купить в один клик” появляется всплывающее окно с возможностью оставить имя и номер телефона. Надо отрисовать данное окно
При нажатии на кнопку “В корзину” товар добавляется в корзину. Появляется всплывающее окно “Товар добавлен в корзину. Перейти в корзину или продолжить покупки?” Надо отрисовать.Если товар добавлен в корзину, это отображается на карточке товара - кнопка “В корзину” меняется на “В корзине” ссылка
Между карточек товара возможно наличие блока с релевантной статьей ссылка. Заголовок и изображение подтягиваются из статьи, при нажатии на кнопку “Читать” происходит переход на страницу статьи. 
Блок “Специальное предложение” ссылка. Текст можно менять. При нажатии на кнопку “Подробнее” происходит переход на страницу “Специальное предложения”. Текст и ссылку кнопки можно менять.

Блок с сопутствующими товарами ссылка. Заголовок можно менять. Это блок товаров из одной какой-то категории. Отображаются 4 последних добавленных товара из выбранной категории. При нажатии на кнопку “Смотреть все” происходит переход на страницу категории. Чайная посуда и аксессуары - h2
Блок “Наши преимущества” - h2. Иконки, заголовки, текст и количество преимуществ можно менять. 
Специальное предложениеНа этой странице находится товар по скидке. Весь функционал соответствует каталожной странице, описанной выше.Если возможно, реализовать возможность автоматического добавления товара на эту страницу, если у него стоит плашка “Скидка”Страница товараПлашки ссылка можно добавлять и убирать. Можно менять их количество. Все заголовки, описания, текст, изображения и их количество можно менять.
ссылка - h1

Рейтинг товара ссылка - общий рейтинг из оценок клиентов. Поставить оценку товару можно при оставлении отзыва. Если ни одной оценки еще не стоит, звездочки будут пустыми.

Баллы за покупку ссылка автоматически высчитываются из цены. Можно изменить процент, который возвращается баллами.
Артикул можно менять.
Фотографии и видео. По умолчанию отображается первое изображение/видео. Ниже можно выбрать другое изображение. Если это видео, то оно реализуется так: превью - фотография, которую можно менять. Само видео подгружается из Ютуб при нажатии на значок видео ссылка
Цена и характеристики меняются. Можно показывать 2 цены (новая и перечеркнутая старая), а можно одну.
При нажатии на кнопку “Узнать о снижении цены” появляется всплывающее окно с возможностью оставить электронную почту, на которую придет письмо при снижении цены. Надо отрисовать это окно
При нажатии на кнопку “Сохранить в избранном” товар добавляется в Избранное”
При нажатии на кнопку “Добавить в корзину”, товар добавляется в корзину.
При нажатии на кнопку “Купить в один клик” появляется всплывающее окно с возможность заполнить имя и номер телефона. 
Описание - h2Описание можно менять.
Отзывы - h2Отрисовать окно, в котором клиент может написать отзыв и поставить оценку. Также добавить оценку у отзывов (клиент ставит оценку товару, когда оставляет отзыв пример ссылка посетители сайта могут оставлять ответы на комментарии, нажав на кнопку “Ответить” под нужным комментарием.
Блок “Подборки Шу Пуэр” - h2Перелинковка на категории товаров. Можно менять количество категорий, их название и ссылки.
Рекомендуем также - h2. ссылка Блок с карточками товара. Подтягиваются самые популярные товары из категории, в которой находится товар с данной страницы.При нажатии на кнопку “Смотреть все” происходит переход на категорию товаров.

Эксклюзив от Жука. ТЗ на этот блок есть в Каталоге.
С этим товаром покупают - h2.Заголовок можно менять. Это блок товаров из одной какой-то категории. Отображаются 4 последних добавленных товара из выбранной категории. При нажатии на кнопку “Смотреть все” происходит переход на страницу категории. Чайная посуда и аксессуары - h2
Наши преимущества. ТЗ есть выше.Оформление заказа (страница корзины) ссылка, когда товара в ней нетЕсли мы очистили корзину или не добавляли товар, то выглядит она так - ссылка
При нажатии на кнопку “Смотреть каталог” мы переходим на страницу каталога.Корзина, когда товар в ней естьВ корзине вы видим товар, который мы туда добавили. Количество товара - ссылка и сумму ссылка. Меняется эта информация, соответственно, из-за количества добавленного товара и суммы цен этих товаров.
Кнопка “Очистить” ссылка. При нажатии на эту кнопку все товары из корзину удаляются.
Товар в корзине ссылка. Изображение и название подтягивается из карточки товара. Кол-во: 1 - ссылка Количество меняется, если изменить количество товара с помощью кнопок увеличения и уменьшения ссылкассылка подтягивается из карточки товара. Если цена по акции, то в корзине отображается старая и новая цена ссылка, если такого нет, то отображается одна цена ссылка цена меняется при увеличении или уменьшении количества товара.Крестик ссылка удаляет товар из корзины.
Если человек авторизован и ему положены какие-то купоны на скидку, в корзине будет предложение применить купон ссылка нажатии на кнопку “Применить” купон автоматически подтягивается в окошко “Код купона” ссылка
Код купона. Поле, в которое клиент может самостоятельно вписать код купона или же он подтянется самостоятельно после нажатия на кнопку “Применить”, как это описано выше.
Когда купон применен, появляется кнопка “Отменить купон” ссылка, при нажатии на которую появляется всплывающее окно с подтвержением или отменой действия ссылка. При нажатии на “Нет” действие отменяется, при нажатии на “Да, уверен” действие купона отменяется и окошко становится пустым.
Дисконтная карта. Поле, в которое клиент может вписать номер своей дисконтной карты.
Сумма заказа ссылка - сумарная стоимость всех продуктов в корзине.Стоимость доставки ссылка - если доставка расчитывается только в следующих шагах, то насколько целесообразно писать ее стоимость здесь?
Общая скидка ссылка - сумма скидки после применения купона и/или дисконтной карты, если ее наличие предполагает скидку.Бонусы на карту ссылка - количество бонусов, которые зачислятся на карту после совершения покупкиИтого ссылка - итоговая сумма заказа, которая складывается из общей цены товаров, стоимости доставки и вычетом общей скидки. 
Кнопка “Оформить заказ” ссылка. При нажатии на кнопку появляются следующие блоки для ввода контактной информации ссылка.
Если клиент не авторизован, ему будет предложено войти в учетную запись ссылка. При нажатии на кнопку “Войти” появится всплывающее окно с предложением ввести логин и пароль. После авторизации верхний блок изменится на описанный ниже “Если же он авторизован…”
Если же он авторизован, то блок будет другой ссылка - фотография и имя подтягиваются из личного кабинета. При нажатии на кнопку “Выйдите из учетной записи” - будет совершен выход и данный блок поменяется на описанный выше “Если клиент не авторизован…”
Блок “Контакты” ссылка. Если клиент авторизован, то имя, фамилия, контактный телефон и e-mail подтягиваются из личного кабинета (если эта информация заполнена там). Если какой-то информации в личном кабинете нет или же клиент не авторизован, всю информацию можно ввести вручную. Также можно вручную исправить подтянутую из личного кабинета информацию, если это требуется. При нажатии на “Политику обработки персональных данных” ссылка осуществляется переход на соответствующую страницу.
Блок “Доставка”. Поля с контакной информацией ссылка, так же, как и информация из блока “Контакты” подтягивается из личного кабинета или вводится вручную.
Регион ссылка - выпадающий список регионов, в котором нужно выбрать свой регион. От выбора меняется стоимость, сроки и варианты доставки.
Варианты доставки ссылка. Можно выбрать подходящий  вариант с помощью нажатия на него. Выбранный вариант отмечен справа ссылка, и также остальные варианты выглядят неактивными (серыми). Логотипы, названия, описания и количество вариантов можно менять в админке. Стоимость доставки, приблизительные сроки и пункты выдачи заказов подтягиваются из сервисов на основании API-ключа (запросить у клиента API-ключ)
Почта России. Ссылка на страницу с алгоритмом расчета стоимости доставки на сайте Почты России ссылка. Информация подтягивается из сервисов, как написано выше. Можно выбрать пункт самовывоза, нажав на него. От этого может измениться стоимость доставки.Самовывоз. Можно менять название и описание.Бесплатная доставка. Можно менять название и описание.
Блок “Оплата”. Можно менять количество вариантов оплаты и их описание. Выбирается нажатием на нужный вариант.
Кнопка “Далее”. При нажатии осуществляется переход на подтверждение заказа ссылка.
Блок “Получатель” и Доставка по адресу ссылка подтягивается из заполненных в предыдущих блоках данных.
Блок “Вы заказали” ссылка. Данные подтягиваются из корзины.

Блок “Оплата” ссылка. Данные подтягиваются из предыдущих блоков.
Блок “Комментарий к заказу”. Клиент может вручную написать комментарий, который сможет увидеть сотрудник при обработке заказа. 
Кнопка “Перейти к оплате”. При нажатии на кнопку происходит переход на страницу оплаты через интернет-эквайринг. Попросить у клиента информацию об эквайрингеОплата и доставка ссылка заголовки и весь текст на странице можно поменять в админке. Текст красного цвета - не ссылки, это просто выделение текста для акцентирования внимания.
Доставка и оплата - h1
Наличный расчет - h2
Банковской картой - h2Иконки платежных систем можно менять в админке.
Доставка - h2
Возврат - h2О нашем клубе ссылка переходе по ссылке из меню мы автоматически попадаем на страницу “О компании”, на которой сбоку есть меню навигации ссылка. При нажатии на ссылку происходит переход на соответствующую страницу. В админке можно менять количество страниц, их название и ссылки. Такое меню есть на каждой из страниц, которые содержатся в меню. Это меню перемещается вниз при скроллинге страницы. О компанииЗаголовок “О компании” - h1 Можно менять в админке. Все заголовки, весь текст и фотографии можно менять в админке.
Блок “Для партнеров” - h2. Заголовки “Оптовые закупки” и франчайзи” можно менять. Описание - тоже. При нажатии на каждую из кнопок “Подробнее” происходит переход на соответствующую страницу. Названия кнопок и ссылки можно менять.
Блок “Наши преимущества”. Иконки, заголовки, текст и количество преимуществ можно менять.ОптовикамЗаголовок Оптовикам - h1. Его, как и все остальные заголовки на странице, можно менять в админке. Весь текст на странице можно менять.Продажа чая оптом - h215 причин заказать у нас - h2Предлагаем широкий ассортимент элитных сортов чая - h2Китайский чай оптом - h2
Для сотрудничества оставляйте заявку на: эл. почта. Адрес электронной почты можно менять. При нажатии на почту - открытие почтового менеджера в новой вкладке (реализовывается с помощью mailto).
Блок “Специальное предложение”. Заголовок можно менять. При нажатии на кнопку “Подробнее” появляется всплывающее окно, как при заказе обратного звонка.
Блок “Наши преимущества” аналогичен такому же блоку на странице “О компании”.Политика конфиденциальностиНет дизайна этого разделаПолезное ссылка блог - h1 Текст можно менять в админке.
Карточки статей ссылка. Изображение и название статьи подтягивается непосредственно из самой статьи.
При нажатии на “Читать” ссылка происходит переход на страницу статьи.Страница статьиИзображение, заголовоки и весь текст можно менять в админке.
Влияние микрофлоры на качество шу пуэра - h1
Блок с комментариями ссылка Комментарии - h2Реализовать такой же функционал, как у отзывов. Но без рейтинга. 
Блок “Подборки Шу Пуэр” - h2Перелинковка на категории товаров. Можно менять количество категорий, их название и ссылки.
Блок “Рекомендуем Шу Пуэры” - h2Блок с карточками товара. Популярные товары из релевантной категории.При нажатии на кнопку “Смотреть все” происходит переход на категорию товаров

Блок “Эксклюзив от Жука”. Можно менять заголовок и описание. При нажатии на кнопку “Подробнее” появляется всплывающее окно, как при заказе обратного звонка.
Блок “Другие статьи” - h2Карточки других статей. Автоматически подтягиваются 3 последние добавленные статьи, но также можно выбрать в админке, какие статьи будут показаны.Контакты ссылка заголовки и весь текст на странице можно поменять в админке.
Контакты - h1 
Чайный клуб “Золотой Жук” - h2Адрес, телефоны и почта должна подтягиваться автоматически из настроек сайта.При нажатии на эл. почту - открытие почтового менеджера в новой вкладке (реализовывается с помощью mailto).
Реквизиты - h2
Как добраться - h2.Карта реализована с помощью конструктора Яндекс Карт. Заказчик может выбрать вариант с картой из Яндекс Справочника, выглядеть это будет гораздо информативнее, пример: ссылка
Для получения такого кода необходимо зайти в Яндекс Справочник, далее раздел Реклама - Карта на сайт ссылка скопировать код для вставки.Избранное ссылка товары - h1
Здесь отображаются товары, которые клиент добавил в избранное. Если клиент авторизован, эти товары сохраняются, пока клиент там их не удалит.
Если клиент не авторизован, товары в избранном сохраняются, даже если пользователь покинул сайт
Кнопка “Очистить” ссылка удаляет все товары из избранного. 
Удалить один товар из избранного можно, убрав отметку на карточке товара (нажать снова на сердечко)

ТЗ на карточки товара такое же, как в каталоге.
Блок “Специальное предложение”. ТЗ есть выше.
Блок “Рекомендуем” - h2. Заголовок можно менять. Это блок товаров из одной какой-то категории. Отображаются 4 последних добавленных товара из выбранной категории. При нажатии на кнопку “Смотреть все” происходит переход на страницу категории. Личный кабинетПри переходе по ссылке из меню мы автоматически попадаем на страницу “Мой профиль”, на которой сбоку есть меню навигации ссылка. При нажатии на ссылку происходит переход на соответствующую страницу. В админке можно менять количество страниц, их название и ссылки. Такое меню есть на каждой из страниц, которые содержатся в меню. Это меню перемещается вниз при скроллинге страницы.Мой профиль - h1Личные данные - h2При нажатии на кнопку “Редактировать” появляется окно “Редактировать профиль” ссылка может заполнить/поменять свои контактные данные.
Кнопка “Сохранить” сохраняет данные и закрывает редактирование.Кнопка “Отменить” отменяет редактирование и закрывает его.
В профиле отображаются все заполненные данные ссылка
Не понятно, как загрузить фотографию (на скринах видно, что когда человек авторизован, в шапке сайта отображается его имя и фотография, но как загрузить фотографию?)
Связанные аккаунты - h2Здесь отображаются аккаунты, которые клиент привязал к профилю.
Подключить аккаунты - h2Здесь отображаются аккаунты, которые еще не были подключены клиентом. Реализовать возможность подключения аккаунтовМои заказы - h1На этой странице отображаются все заказы, которые сдела клиент, и их статус.
При нажатии на кнопку “Показать детали” открывается просмотр заказа ссылка.
Здесь отображена вся информация по заказу.

При нажатии на кнопку “Повторить заказ” открывается страница оформления заказа с автоматически добавленными товарами из заказа, который клиент хочет повторить. Моя скидка - h1Нет дизайна этого разделаПартнерская программа - h1Нет дизайна этого разделаСтраница отзывов ссылка дизайна этой страницы Свернуть

Движок шоп скрипт. Нужен редизайн (макеты есть) и доработки
Задача: Сверстать и установить на тестовый поддомен (можно на своём, можно создать на нашем хостинге) новую версию сайта ссылка завершения работ, тестирования и принятия заказчиком сайта - перенести новый дизайн на основной домен. 
Сайт, на котором будет разрабатываться дизайн, закрыть от индексирования с помощью файла robots.txt правилом User-agent: *Disallow: /
Техническое задание. 
Адаптивный дизайн.Кроссбраузерность, сайт должен одинаково отображаться в последних версиях браузеров Chrome, Edge, Opera, Firefox, Safari. В случае, если у пользователя старая версия браузера, предложить ему решение от ссылка
После окончания разработки предоставить инструкцию, как работать с сайтом (где меняется информация, размещенная на сайте).
Ссылки в верстке При верстке сайта просьба использовать относительные, а не абсолютные ссылки. Это позволит избежать проблем при смене протокола, зеркала, домена и пр.
МикроразметкаОбязательные виды микроразметки для всего сайтаOrganizationLocalBusinessWebSiteДля страницы товаров делаем микроразметку Product Также обязательно реализовать микроразметку Open GraphТак как у сайта есть много уникальных фотографий, необходимо сделать разметку изображений ссылка крошки breadcrumbsКапча Google для сайтаЧтобы не получать тонну спама, прошу установить на формы капчу от Google. Валидация кодаНеобходимо, чтобы при проверке валидатором ссылка у сайта не было критичных ошибок. Скорость сайта Требование по скорости загрузки страницы - до 3 секунд.Проверяем через ссылка, тест из Лондона PageSpeed Insights  для ПК: зеленая отметка, для мобильных - желтая, но не ниже 60. Favicon сайтаСделать favicon сайта - изображение из логотипаКонсультантПо желанию заказчика на сайте может быть установлен консультант, рекомендую решение от JivoSite - код для вставки предоставит заказчик. 
Отображение блоков на страницахИспользовать заголовки h при верстке не нужно, буду прописывать, какие элементы должны быть заголовками на странице. Хлебные крошкиПо всем страницам хлебные крошки идут от главной страницы сайта. Главная страница - кликабельная. Обязательно реализовать микроразметку хлебных крошек. Относится ко всем страницам. Это отображение по умолчанию. Дублирование страницНеобходимо установить плагин дублирования страниц и проверить, чтобы при дублировании всё редактировалось и не слетали стили.Цели от Яндекс МетрикиНа сайте будем устанавливать цели от Яндекс Метрики. Сделано это будет после того, как сайт будет готов.Общие разделы на сайте Общие разделы - это такие разделы в управлении сайтом, которые пользователь заполняет 1 раз, чтобы не дублировать каждый раз на каждой новой странице.
Эти разделы должны быть вынесены в отдельный раздел в админке сайта. На страницах, где используются эти блоки, просто выводить их в коде, не нужно выводить на самих страницах. К ним могут относиться: Наши преимуществаОтзывыКарта (из Яндекс Справочника)Логотипы банков и платежных систем
Обязательное требование. Все тексты, которые представлены на сайте, за исключением общих разделов, должны редактироваться из админки сайта. Все изображения, которые участвуют не в дизайне сайта (к примеру, фотографии людей из видеоотзывах, фото видеообращения директора) - должна быть возможность их удобно изменить из админки сайта. То же касается блоков ссылок на страницах.Заполнение полейЕсли в каком-то поле (например, номер телефона) предполагается ввод только цифр/букв, реализовать выдачу ошибки при неправильном вводе. Пример: надо ввести имя, а клиент написал цифры ссылка сайтаПри клике на логотип - ссылка на главную страницу. Текстовая часть логотипа должна быть сверстана текстом, а не быть картинкой. 
Поиск. При нажатии на значок поиска ссылка раскрывается поисковая строка, в которую можно ввести запрос ссылка. При нажатии на Enter или кнопку “Искать” осуществляется поиск по введенному запросу.
Номер телефона. Номер можно менять в админке. При нажатии на номер или иконку телефона происходит действие звонка.При нажатии на кнопку “Заказать звонок” появляется всплывающее окно. Нарисовать всплывающее окно обратного звонка. Пример ссылка
Личный кабинет. Если клиент не авторизован, то эта часть шапки выглядит так ссылка. При нажатии на кнопку “Войти/Регистрация” появляется всплывающее окно (сделать такое окно дизайнеру) с возможностью авторизоваться. Пример ссылка
Когда клиент авторизован, это выглядит так - ссылка. Имя и изображение подтягивается из личного кабинета. При нажатии на кнопку “Выйти” клиент выходит.
Корзина. Если корзина пустая, то она отображается так ссылка в ней есть товар, то отображается общая сумма товаров в корзине и их количество ссылка. При нажатии на “Оформить заказ” происходит переход на страницу оформления заказа.
При нажатии на значок корзины появляется всплывающее окно ссылка, с котором можно посмотреть товары, которые добавлены в корзину. Нажав крестик рядом с товаром, его можно удалить из корзины.При нажатии на “Оформить заказ” происходит переход на страницу оформления заказа.Закрыть всплывающее окно можно, нажав на любую область вне этого окна или на крестик вверху (сделать крестик ссылка
Верхнее меню ссылка
Каталог - выпадающее меню с товарами. При нажатии на Каталог выпадает меню с категориями ссылка. Их количество, названия и ссылки можно менять. При нажатии на категорию происходит переход на ее страницу.
При нажатии на служебные страницы происходит переход на эти страницы. Названия, количество и ссылки всех пунктов меню можно менять в админке.Футер сайтаТЗ на логотип такое же как и в шапке. 
Служебные страницы. При нажатии происходит переход на соответствующую страницу. Можно менять названия, количество страниц и ссылки.
При клике на почту - открытие почтового менеджера в новой вкладке (реализовывается с помощью mailto).
При клике на телефон или иконку телефона - действие звонка.
Политика конфиденциальности. При нажатии происходит переход на страницу с политикой конфиденциальности. Нет дизайна этой страницы.
Контактную информацию (адрес, эл. почту, номер телефона, время работы) можно редактировать. Делать это необходимо в одном месте в админке.КаталогНаша чайная коллекция - h1. Текст можно поменять в админке.
Подбор по параметрам.  Можно выбрать нужные характеристики, отметив их галочкой. Цена (минимум и максимум) выбирается ползунком или же ручным вводом.При нажатии на кнопку “Показать” применяется фильтр и отображается только тот товар, который соответствует выбранным параметрам.
Боковое меню навигации ссылка. При выборе категории происходит переход на соответствующую страницу. Это меню формируется из каталога сайта.
Блок “Вы смотрели” ссылка. Здесь отображаются последние три товара, которые клиент смотрел ранее. При нажатии на товар происходит переход на страницу товара. Убрать кнопку “Смотреть все”. 
Отображение товара плитками или списком ссылка. По умолчанию товар отображается плитками. Если нажать на отображение списком, то внешний вид карточек товара меняется ссылка
Карточки товара ссылка. Вся информация (фотография, плашки, рейтинг, в наличии/нет в наличии, название, характеристики, цена) подтягивается со страницы товара.При нажатии на фотографию или название товара происходит переход на страницу товара.При наведении на карточку товара появляется кнопка “Добавить в избранное” ссылка

При нажатии на кнопку “Купить в один клик” появляется всплывающее окно с возможностью оставить имя и номер телефона. Надо отрисовать данное окно
При нажатии на кнопку “В корзину” товар добавляется в корзину. Появляется всплывающее окно “Товар добавлен в корзину. Перейти в корзину или продолжить покупки?” Надо отрисовать.Если товар добавлен в корзину, это отображается на карточке товара - кнопка “В корзину” меняется на “В корзине” ссылка
Между карточек товара возможно наличие блока с релевантной статьей ссылка. Заголовок и изображение подтягиваются из статьи, при нажатии на кнопку “Читать” происходит переход на страницу статьи. 
Блок “Специальное предложение” ссылка. Текст можно менять. При нажатии на кнопку “Подробнее” происходит переход на страницу “Специальное предложения”. Текст и ссылку кнопки можно менять.

Блок с сопутствующими товарами ссылка. Заголовок можно менять. Это блок товаров из одной какой-то категории. Отображаются 4 последних добавленных товара из выбранной категории. При нажатии на кнопку “Смотреть все” происходит переход на страницу категории. Чайная посуда и аксессуары - h2
Блок “Наши преимущества” - h2. Иконки, заголовки, текст и количество преимуществ можно менять. 
Специальное предложениеНа этой странице находится товар по скидке. Весь функционал соответствует каталожной странице, описанной выше.Если возможно, реализовать возможность автоматического добавления товара на эту страницу, если у него стоит плашка “Скидка”Страница товараПлашки ссылка можно добавлять и убирать. Можно менять их количество. Все заголовки, описания, текст, изображения и их количество можно менять.
ссылка - h1

Рейтинг товара ссылка - общий рейтинг из оценок клиентов. Поставить оценку товару можно при оставлении отзыва. Если ни одной оценки еще не стоит, звездочки будут пустыми.

Баллы за покупку ссылка автоматически высчитываются из цены. Можно изменить процент, который возвращается баллами.
Артикул можно менять.
Фотографии и видео. По умолчанию отображается первое изображение/видео. Ниже можно выбрать другое изображение. Если это видео, то оно реализуется так: превью - фотография, которую можно менять. Само видео подгружается из Ютуб при нажатии на значок видео ссылка
Цена и характеристики меняются. Можно показывать 2 цены (новая и перечеркнутая старая), а можно одну.
При нажатии на кнопку “Узнать о снижении цены” появляется всплывающее окно с возможностью оставить электронную почту, на которую придет письмо при снижении цены. Надо отрисовать это окно
При нажатии на кнопку “Сохранить в избранном” товар добавляется в Избранное”
При нажатии на кнопку “Добавить в корзину”, товар добавляется в корзину.
При нажатии на кнопку “Купить в один клик” появляется всплывающее окно с возможность заполнить имя и номер телефона. 
Описание - h2Описание можно менять.
Отзывы - h2Отрисовать окно, в котором клиент может написать отзыв и поставить оценку. Также добавить оценку у отзывов (клиент ставит оценку товару, когда оставляет отзыв пример ссылка посетители сайта могут оставлять ответы на комментарии, нажав на кнопку “Ответить” под нужным комментарием.
Блок “Подборки Шу Пуэр” - h2Перелинковка на категории товаров. Можно менять количество категорий, их название и ссылки.
Рекомендуем также - h2. ссылка Блок с карточками товара. Подтягиваются самые популярные товары из категории, в которой находится товар с данной страницы.При нажатии на кнопку “Смотреть все” происходит переход на категорию товаров.

Эксклюзив от Жука. ТЗ на этот блок есть в Каталоге.
С этим товаром покупают - h2.Заголовок можно менять. Это блок товаров из одной какой-то категории. Отображаются 4 последних добавленных товара из выбранной категории. При нажатии на кнопку “Смотреть все” происходит переход на страницу категории. Чайная посуда и аксессуары - h2
Наши преимущества. ТЗ есть выше.Оформление заказа (страница корзины) ссылка, когда товара в ней нетЕсли мы очистили корзину или не добавляли товар, то выглядит она так - ссылка
При нажатии на кнопку “Смотреть каталог” мы переходим на страницу каталога.Корзина, когда товар в ней естьВ корзине вы видим товар, который мы туда добавили. Количество товара - ссылка и сумму ссылка. Меняется эта информация, соответственно, из-за количества добавленного товара и суммы цен этих товаров.
Кнопка “Очистить” ссылка. При нажатии на эту кнопку все товары из корзину удаляются.
Товар в корзине ссылка. Изображение и название подтягивается из карточки товара. Кол-во: 1 - ссылка Количество меняется, если изменить количество товара с помощью кнопок увеличения и уменьшения ссылкассылка подтягивается из карточки товара. Если цена по акции, то в корзине отображается старая и новая цена ссылка, если такого нет, то отображается одна цена ссылка цена меняется при увеличении или уменьшении количества товара.Крестик ссылка удаляет товар из корзины.
Если человек авторизован и ему положены какие-то купоны на скидку, в корзине будет предложение применить купон ссылка нажатии на кнопку “Применить” купон автоматически подтягивается в окошко “Код купона” ссылка
Код купона. Поле, в которое клиент может самостоятельно вписать код купона или же он подтянется самостоятельно после нажатия на кнопку “Применить”, как это описано выше.
Когда купон применен, появляется кнопка “Отменить купон” ссылка, при нажатии на которую появляется всплывающее окно с подтвержением или отменой действия ссылка. При нажатии на “Нет” действие отменяется, при нажатии на “Да, уверен” действие купона отменяется и окошко становится пустым.
Дисконтная карта. Поле, в которое клиент может вписать номер своей дисконтной карты.
Сумма заказа ссылка - сумарная стоимость всех продуктов в корзине.Стоимость доставки ссылка - если доставка расчитывается только в следующих шагах, то насколько целесообразно писать ее стоимость здесь?
Общая скидка ссылка - сумма скидки после применения купона и/или дисконтной карты, если ее наличие предполагает скидку.Бонусы на карту ссылка - количество бонусов, которые зачислятся на карту после совершения покупкиИтого ссылка - итоговая сумма заказа, которая складывается из общей цены товаров, стоимости доставки и вычетом общей скидки. 
Кнопка “Оформить заказ” ссылка. При нажатии на кнопку появляются следующие блоки для ввода контактной информации ссылка.
Если клиент не авторизован, ему будет предложено войти в учетную запись ссылка. При нажатии на кнопку “Войти” появится всплывающее окно с предложением ввести логин и пароль. После авторизации верхний блок изменится на описанный ниже “Если же он авторизован…”
Если же он авторизован, то блок будет другой ссылка - фотография и имя подтягиваются из личного кабинета. При нажатии на кнопку “Выйдите из учетной записи” - будет совершен выход и данный блок поменяется на описанный выше “Если клиент не авторизован…”
Блок “Контакты” ссылка. Если клиент авторизован, то имя, фамилия, контактный телефон и e-mail подтягиваются из личного кабинета (если эта информация заполнена там). Если какой-то информации в личном кабинете нет или же клиент не авторизован, всю информацию можно ввести вручную. Также можно вручную исправить подтянутую из личного кабинета информацию, если это требуется. При нажатии на “Политику обработки персональных данных” ссылка осуществляется переход на соответствующую страницу.
Блок “Доставка”. Поля с контакной информацией ссылка, так же, как и информация из блока “Контакты” подтягивается из личного кабинета или вводится вручную.
Регион ссылка - выпадающий список регионов, в котором нужно выбрать свой регион. От выбора меняется стоимость, сроки и варианты доставки.
Варианты доставки ссылка. Можно выбрать подходящий  вариант с помощью нажатия на него. Выбранный вариант отмечен справа ссылка, и также остальные варианты выглядят неактивными (серыми). Логотипы, названия, описания и количество вариантов можно менять в админке. Стоимость доставки, приблизительные сроки и пункты выдачи заказов подтягиваются из сервисов на основании API-ключа (запросить у клиента API-ключ)
Почта России. Ссылка на страницу с алгоритмом расчета стоимости доставки на сайте Почты России ссылка. Информация подтягивается из сервисов, как написано выше. Можно выбрать пункт самовывоза, нажав на него. От этого может измениться стоимость доставки.Самовывоз. Можно менять название и описание.Бесплатная доставка. Можно менять название и описание.
Блок “Оплата”. Можно менять количество вариантов оплаты и их описание. Выбирается нажатием на нужный вариант.
Кнопка “Далее”. При нажатии осуществляется переход на подтверждение заказа ссылка.
Блок “Получатель” и Доставка по адресу ссылка подтягивается из заполненных в предыдущих блоках данных.
Блок “Вы заказали” ссылка. Данные подтягиваются из корзины.

Блок “Оплата” ссылка. Данные подтягиваются из предыдущих блоков.
Блок “Комментарий к заказу”. Клиент может вручную написать комментарий, который сможет увидеть сотрудник при обработке заказа. 
Кнопка “Перейти к оплате”. При нажатии на кнопку происходит переход на страницу оплаты через интернет-эквайринг. Попросить у клиента информацию об эквайрингеОплата и доставка ссылка заголовки и весь текст на странице можно поменять в админке. Текст красного цвета - не ссылки, это просто выделение текста для акцентирования внимания.
Доставка и оплата - h1
Наличный расчет - h2
Банковской картой - h2Иконки платежных систем можно менять в админке.
Доставка - h2
Возврат - h2О нашем клубе ссылка переходе по ссылке из меню мы автоматически попадаем на страницу “О компании”, на которой сбоку есть меню навигации ссылка. При нажатии на ссылку происходит переход на соответствующую страницу. В админке можно менять количество страниц, их название и ссылки. Такое меню есть на каждой из страниц, которые содержатся в меню. Это меню перемещается вниз при скроллинге страницы. О компанииЗаголовок “О компании” - h1 Можно менять в админке. Все заголовки, весь текст и фотографии можно менять в админке.
Блок “Для партнеров” - h2. Заголовки “Оптовые закупки” и франчайзи” можно менять. Описание - тоже. При нажатии на каждую из кнопок “Подробнее” происходит переход на соответствующую страницу. Названия кнопок и ссылки можно менять.
Блок “Наши преимущества”. Иконки, заголовки, текст и количество преимуществ можно менять.ОптовикамЗаголовок Оптовикам - h1. Его, как и все остальные заголовки на странице, можно менять в админке. Весь текст на странице можно менять.Продажа чая оптом - h215 причин заказать у нас - h2Предлагаем широкий ассортимент элитных сортов чая - h2Китайский чай оптом - h2
Для сотрудничества оставляйте заявку на: эл. почта. Адрес электронной почты можно менять. При нажатии на почту - открытие почтового менеджера в новой вкладке (реализовывается с помощью mailto).
Блок “Специальное предложение”. Заголовок можно менять. При нажатии на кнопку “Подробнее” появляется всплывающее окно, как при заказе обратного звонка.
Блок “Наши преимущества” аналогичен такому же блоку на странице “О компании”.Политика конфиденциальностиНет дизайна этого разделаПолезное ссылка блог - h1 Текст можно менять в админке.
Карточки статей ссылка. Изображение и название статьи подтягивается непосредственно из самой статьи.
При нажатии на “Читать” ссылка происходит переход на страницу статьи.Страница статьиИзображение, заголовоки и весь текст можно менять в админке.
Влияние микрофлоры на качество шу пуэра - h1
Блок с комментариями ссылка Комментарии - h2Реализовать такой же функционал, как у отзывов. Но без рейтинга. 
Блок “Подборки Шу Пуэр” - h2Перелинковка на категории товаров. Можно менять количество категорий, их название и ссылки.
Блок “Рекомендуем Шу Пуэры” - h2Блок с карточками товара. Популярные товары из релевантной категории.При нажатии на кнопку “Смотреть все” происходит переход на категорию товаров

Блок “Эксклюзив от Жука”. Можно менять заголовок и описание. При нажатии на кнопку “Подробнее” появляется всплывающее окно, как при заказе обратного звонка.
Блок “Другие статьи” - h2Карточки других статей. Автоматически подтягиваются 3 последние добавленные статьи, но также можно выбрать в админке, какие статьи будут показаны.Контакты ссылка заголовки и весь текст на странице можно поменять в админке.
Контакты - h1 
Чайный клуб “Золотой Жук” - h2Адрес, телефоны и почта должна подтягиваться автоматически из настроек сайта.При нажатии на эл. почту - открытие почтового менеджера в новой вкладке (реализовывается с помощью mailto).
Реквизиты - h2
Как добраться - h2.Карта реализована с помощью конструктора Яндекс Карт. Заказчик может выбрать вариант с картой из Яндекс Справочника, выглядеть это будет гораздо информативнее, пример: ссылка
Для получения такого кода необходимо зайти в Яндекс Справочник, далее раздел Реклама - Карта на сайт ссылка скопировать код для вставки.Избранное ссылка товары - h1
Здесь отображаются товары, которые клиент добавил в избранное. Если клиент авторизован, эти товары сохраняются, пока клиент там их не удалит.
Если клиент не авторизован, товары в избранном сохраняются, даже если пользователь покинул сайт
Кнопка “Очистить” ссылка удаляет все товары из избранного. 
Удалить один товар из избранного можно, убрав отметку на карточке товара (нажать снова на сердечко)

ТЗ на карточки товара такое же, как в каталоге.
Блок “Специальное предложение”. ТЗ есть выше.
Блок “Рекомендуем” - h2. Заголовок можно менять. Это блок товаров из одной какой-то категории. Отображаются 4 последних добавленных товара из выбранной категории. При нажатии на кнопку “Смотреть все” происходит переход на страницу категории. Личный кабинетПри переходе по ссылке из меню мы автоматически попадаем на страницу “Мой профиль”, на которой сбоку есть меню навигации ссылка. При нажатии на ссылку происходит переход на соответствующую страницу. В админке можно менять количество страниц, их название и ссылки. Такое меню есть на каждой из страниц, которые содержатся в меню. Это меню перемещается вниз при скроллинге страницы.Мой профиль - h1Личные данные - h2При нажатии на кнопку “Редактировать” появляется окно “Редактировать профиль” ссылка может заполнить/поменять свои контактные данные.
Кнопка “Сохранить” сохраняет данные и закрывает редактирование.Кнопка “Отменить” отменяет редактирование и закрывает его.
В профиле отображаются все заполненные данные ссылка
Не понятно, как загрузить фотографию (на скринах видно, что когда человек авторизован, в шапке сайта отображается его имя и фотография, но как загрузить фотографию?)
Связанные аккаунты - h2Здесь отображаются аккаунты, которые клиент привязал к профилю.
Подключить аккаунты - h2Здесь отображаются аккаунты, которые еще не были подключены клиентом. Реализовать возможность подключения аккаунтовМои заказы - h1На этой странице отображаются все заказы, которые сдела клиент, и их статус.
При нажатии на кнопку “Показать детали” открывается просмотр заказа ссылка.
Здесь отображена вся информация по заказу.

При нажатии на кнопку “Повторить заказ” открывается страница оформления заказа с автоматически добавленными товарами из заказа, который клиент хочет повторить. Моя скидка - h1Нет дизайна этого разделаПартнерская программа - h1Нет дизайна этого разделаСтраница отзывов ссылка дизайна этой страницы Свернуть