Переделка интрнет магазина на шоп скрипт

Задача: Сверстать и установить на тестовый поддомен (можно на своём, можно создать на нашем хостинге) новую версию сайта https://zolotoy-zhuk.ru/ После завершения работ, тестирования и принятия заказчиком сайта - перенести новый дизайн на основной домен. 

Сайт, на котором будет разрабатываться дизайн, закрыть от индексирования с помощью файла robots.txt правилом User-agent: *Disallow: /

Техническое задание. 

Адаптивный дизайн.Кроссбраузерность, сайт должен одинаково отображаться в последних версиях браузеров Chrome, Edge, Opera, Firefox, Safari. В случае, если у пользователя старая версия браузера, предложить ему решение от https://yandex.ru/dev/browser/constructor/

После окончания разработки предоставить инструкцию, как работать с сайтом (где меняется информация, размещенная на сайте).

Ссылки в верстке При верстке сайта просьба использовать относительные, а не абсолютные ссылки. Это позволит избежать проблем при смене протокола, зеркала, домена и пр.

МикроразметкаОбязательные виды микроразметки для всего сайтаOrganizationLocalBusinessWebSiteДля страницы товаров делаем микроразметку Product Также обязательно реализовать микроразметку Open GraphТак как у сайта есть много уникальных фотографий, необходимо сделать разметку изображений https://yandex.ru/support/images/schema-org.htmlХлебные крошки breadcrumbsКапча Google для сайтаЧтобы не получать тонну спама, прошу установить на формы капчу от Google. Валидация кодаНеобходимо, чтобы при проверке валидатором https://validator.w3.org/ у сайта не было критичных ошибок. Скорость сайта Требование по скорости загрузки страницы - до 3 секунд.Проверяем через https://gtmetrix.com/, тест из Лондона PageSpeed Insights  для ПК: зеленая отметка, для мобильных - желтая, но не ниже 60. Favicon сайтаСделать favicon сайта - изображение из логотипаКонсультантПо желанию заказчика на сайте может быть установлен консультант, рекомендую решение от JivoSite - код для вставки предоставит заказчик. 

Отображение блоков на страницахИспользовать заголовки h при верстке не нужно, буду прописывать, какие элементы должны быть заголовками на странице. Хлебные крошкиПо всем страницам хлебные крошки идут от главной страницы сайта. Главная страница - кликабельная. Обязательно реализовать микроразметку хлебных крошек. Относится ко всем страницам. Это отображение по умолчанию. Дублирование страницНеобходимо установить плагин дублирования страниц и проверить, чтобы при дублировании всё редактировалось и не слетали стили.Цели от Яндекс МетрикиНа сайте будем устанавливать цели от Яндекс Метрики. Сделано это будет после того, как сайт будет готов.Общие разделы на сайте Общие разделы - это такие разделы в управлении сайтом, которые пользователь заполняет 1 раз, чтобы не дублировать каждый раз на каждой новой странице.

Эти разделы должны быть вынесены в отдельный раздел в админке сайта. На страницах, где используются эти блоки, просто выводить их в коде, не нужно выводить на самих страницах. К ним могут относиться: 

• Наши преимущества
• Отзывы
• Карта (из Яндекс Справочника)
• Логотипы банков и платежных систем

Обязательное требование. Все тексты, которые представлены на сайте, за исключением общих разделов, должны редактироваться из админки сайта. Все изображения, которые участвуют не в дизайне сайта (к примеру, фотографии людей из видеоотзывах, фото видеообращения директора) - должна быть возможность их удобно изменить из админки сайта. То же касается блоков ссылок на страницах.Заполнение полейЕсли в каком-то поле (например, номер телефона) предполагается ввод только цифр/букв, реализовать выдачу ошибки при неправильном вводе. Пример: надо ввести имя, а клиент написал цифры http://joxi.ru/5mdPYKoC8EWRlm Шапка сайтаПри клике на логотип - ссылка на главную страницу. Текстовая часть логотипа должна быть сверстана текстом, а не быть картинкой. 

Поиск. При нажатии на значок поиска http://joxi.ru/L21xzgli0Y95Em раскрывается поисковая строка, в которую можно ввести запрос http://joxi.ru/EA4yz01Hpe1bqr. При нажатии на Enter или кнопку “Искать” осуществляется поиск по введенному запросу.

Номер телефона. Номер можно менять в админке. При нажатии на номер или иконку телефона происходит действие звонка.При нажатии на кнопку “Заказать звонок” появляется всплывающее окно. Нарисовать всплывающее окно обратного звонка. Пример http://joxi.ru/p27N9p1TN4bVZm 

Личный кабинет. Если клиент не авторизован, то эта часть шапки выглядит так http://joxi.ru/12MPYy4CkDzZGm. При нажатии на кнопку “Войти/Регистрация” появляется всплывающее окно (сделать такое окно дизайнеру) с возможностью авторизоваться. Пример http://joxi.ru/RmzJxj5CMoe1Lm

Когда клиент авторизован, это выглядит так - http://joxi.ru/KAg6oR0iKwdzB2. Имя и изображение подтягивается из личного кабинета. При нажатии на кнопку “Выйти” клиент выходит.

Корзина. Если корзина пустая, то она отображается так http://joxi.ru/KAx8o0XCK754QA Если в ней есть товар, то отображается общая сумма товаров в корзине и их количество http://joxi.ru/v29qPbDIpeyG62. При нажатии на “Оформить заказ” происходит переход на страницу оформления заказа.

При нажатии на значок корзины появляется всплывающее окно http://joxi.ru/1A57xE1SbejPEm, с котором можно посмотреть товары, которые добавлены в корзину. Нажав крестик рядом с товаром, его можно удалить из корзины.При нажатии на “Оформить заказ” происходит переход на страницу оформления заказа.Закрыть всплывающее окно можно, нажав на любую область вне этого окна или на крестик вверху (сделать крестик http://joxi.ru/12MPYy4CkDzP8m) 

Верхнее меню http://joxi.ru/Vm68xjzCved4KA 

Каталог - выпадающее меню с товарами. При нажатии на Каталог выпадает меню с категориями http://joxi.ru/Q2KPYk4CvDlKaA. Их количество, названия и ссылки можно менять. При нажатии на категорию происходит переход на ее страницу.

При нажатии на служебные страницы происходит переход на эти страницы. Названия, количество и ссылки всех пунктов меню можно менять в админке.Футер сайтаТЗ на логотип такое же как и в шапке. 

Служебные страницы. При нажатии происходит переход на соответствующую страницу. Можно менять названия, количество страниц и ссылки.

При клике на почту - открытие почтового менеджера в новой вкладке (реализовывается с помощью mailto).

При клике на телефон или иконку телефона - действие звонка.

Политика конфиденциальности. При нажатии происходит переход на страницу с политикой конфиденциальности. Нет дизайна этой страницы.

Контактную информацию (адрес, эл. почту, номер телефона, время работы) можно редактировать. Делать это необходимо в одном месте в админке.КаталогНаша чайная коллекция - h1. Текст можно поменять в админке.

Подбор по параметрам.  Можно выбрать нужные характеристики, отметив их галочкой. Цена (минимум и максимум) выбирается ползунком или же ручным вводом.При нажатии на кнопку “Показать” применяется фильтр и отображается только тот товар, который соответствует выбранным параметрам.

Боковое меню навигации http://joxi.ru/p27N9p1TNeqLGm. При выборе категории происходит переход на соответствующую страницу. Это меню формируется из каталога сайта.

Блок “Вы смотрели” http://joxi.ru/KAg6oR0iKwPeV2. Здесь отображаются последние три товара, которые клиент смотрел ранее. При нажатии на товар происходит переход на страницу товара. Убрать кнопку “Смотреть все”. 

Отображение товара плитками или списком http://joxi.ru/GrqnX8KTGg77em. По умолчанию товар отображается плитками. Если нажать на отображение списком, то внешний вид карточек товара меняется http://joxi.ru/KAg6oR0iKwPvv2 

Карточки товара http://joxi.ru/823lxG4T8e7LdA. Вся информация (фотография, плашки, рейтинг, в наличии/нет в наличии, название, характеристики, цена) подтягивается со страницы товара.При нажатии на фотографию или название товара происходит переход на страницу товара.При наведении на карточку товара появляется кнопка “Добавить в избранное” http://joxi.ru/4AkKoXQhkOqq5A

При нажатии на кнопку “Купить в один клик” появляется всплывающее окно с возможностью оставить имя и номер телефона. Надо отрисовать данное окно

При нажатии на кнопку “В корзину” товар добавляется в корзину. Появляется всплывающее окно “Товар добавлен в корзину. Перейти в корзину или продолжить покупки?” Надо отрисовать.Если товар добавлен в корзину, это отображается на карточке товара - кнопка “В корзину” меняется на “В корзине” http://joxi.ru/v29qPbDIpeyB72 

Между карточек товара возможно наличие блока с релевантной статьей http://joxi.ru/nAyNxlQTwozPVr. Заголовок и изображение подтягиваются из статьи, при нажатии на кнопку “Читать” происходит переход на страницу статьи. 

Блок “Специальное предложение” http://joxi.ru/bmo3zydtyBgzqm. Текст можно менять. При нажатии на кнопку “Подробнее” происходит переход на страницу “Специальное предложения”. Текст и ссылку кнопки можно менять.

Блок с сопутствующими товарами http://joxi.ru/brRP5qjCOjZxa2. Заголовок можно менять. Это блок товаров из одной какой-то категории. Отображаются 4 последних добавленных товара из выбранной категории. При нажатии на кнопку “Смотреть все” происходит переход на страницу категории. Чайная посуда и аксессуары - h2

Блок “Наши преимущества” - h2. Иконки, заголовки, текст и количество преимуществ можно менять. 

Специальное предложениеНа этой странице находится товар по скидке. Весь функционал соответствует каталожной странице, описанной выше.Если возможно, реализовать возможность автоматического добавления товара на эту страницу, если у него стоит плашка “Скидка”Страница товараПлашки http://joxi.ru/DrlZoxlHyaBYL2 можно добавлять и убирать. Можно менять их количество. Все заголовки, описания, текст, изображения и их количество можно менять.

http://joxi.ru/J2bPVdyCVQN3nr - h1

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

Баллы за покупку http://joxi.ru/brRP5qjCOjPQP2 автоматически высчитываются из цены. Можно изменить процент, который возвращается баллами.

Артикул можно менять.

Фотографии и видео. По умолчанию отображается первое изображение/видео. Ниже можно выбрать другое изображение. Если это видео, то оно реализуется так: превью - фотография, которую можно менять. Само видео подгружается из Ютуб при нажатии на значок видео http://joxi.ru/1A57xE1SbeM7vm 

Цена и характеристики меняются. Можно показывать 2 цены (новая и перечеркнутая старая), а можно одну.

При нажатии на кнопку “Узнать о снижении цены” появляется всплывающее окно с возможностью оставить электронную почту, на которую придет письмо при снижении цены. Надо отрисовать это окно

При нажатии на кнопку “Сохранить в избранном” товар добавляется в Избранное”

При нажатии на кнопку “Добавить в корзину”, товар добавляется в корзину.

При нажатии на кнопку “Купить в один клик” появляется всплывающее окно с возможность заполнить имя и номер телефона. 

Описание - h2Описание можно менять.

Отзывы - h2Отрисовать окно, в котором клиент может написать отзыв и поставить оценку. Также добавить оценку у отзывов (клиент ставит оценку товару, когда оставляет отзыв пример http://joxi.ru/82QPQJMC9e5Z4m). Также посетители сайта могут оставлять ответы на комментарии, нажав на кнопку “Ответить” под нужным комментарием.

Блок “Подборки Шу Пуэр” - h2Перелинковка на категории товаров. Можно менять количество категорий, их название и ссылки.

Рекомендуем также - h2. http://joxi.ru/a2XBZjDt4XGM6r Блок с карточками товара. Подтягиваются самые популярные товары из категории, в которой находится товар с данной страницы.При нажатии на кнопку “Смотреть все” происходит переход на категорию товаров.

Эксклюзив от Жука. ТЗ на этот блок есть в Каталоге.

С этим товаром покупают - h2.Заголовок можно менять. Это блок товаров из одной какой-то категории. Отображаются 4 последних добавленных товара из выбранной категории. При нажатии на кнопку “Смотреть все” происходит переход на страницу категории. Чайная посуда и аксессуары - h2

Наши преимущества. ТЗ есть выше.Оформление заказа (страница корзины) http://joxi.ru/KAx8o0XCK7XVMA Корзина, когда товара в ней нетЕсли мы очистили корзину или не добавляли товар, то выглядит она так - http://joxi.ru/vAWPKEMCObLjWr 

При нажатии на кнопку “Смотреть каталог” мы переходим на страницу каталога.Корзина, когда товар в ней естьВ корзине вы видим товар, который мы туда добавили. Количество товара - http://joxi.ru/v29qPbDIpel4w2 и сумму http://joxi.ru/n2YPapBCeg6k8m. Меняется эта информация, соответственно, из-за количества добавленного товара и суммы цен этих товаров.

Кнопка “Очистить” http://joxi.ru/bmo3zydtyBvlJm. При нажатии на эту кнопку все товары из корзину удаляются.

Товар в корзине http://joxi.ru/eAOPY8MCkLjqlr. Изображение и название подтягивается из карточки товара. Кол-во: 1 - http://joxi.ru/xAeQDZEiXQxBbA Количество меняется, если изменить количество товара с помощью кнопок увеличения и уменьшения http://joxi.ru/ZrJPYx4CnEzgP2.Цена http://joxi.ru/Vm68xjzCveddYA подтягивается из карточки товара. Если цена по акции, то в корзине отображается старая и новая цена http://joxi.ru/RmzJxj5CMoNKVm, если такого нет, то отображается одна цена http://joxi.ru/n2YPapBCeg6BOm. Также цена меняется при увеличении или уменьшении количества товара.Крестик http://joxi.ru/L21xzgli0YyxEm удаляет товар из корзины.

Если человек авторизован и ему положены какие-то купоны на скидку, в корзине будет предложение применить купон http://joxi.ru/YmEPalYCMpz7Wr При нажатии на кнопку “Применить” купон автоматически подтягивается в окошко “Код купона” http://joxi.ru/ZrJPYx4CnEzVG2 

Код купона. Поле, в которое клиент может самостоятельно вписать код купона или же он подтянется самостоятельно после нажатия на кнопку “Применить”, как это описано выше.

Когда купон применен, появляется кнопка “Отменить купон” http://joxi.ru/bmo3zydtyBvapm, при нажатии на которую появляется всплывающее окно с подтвержением или отменой действия http://joxi.ru/BA0X0qOtpe70JA. При нажатии на “Нет” действие отменяется, при нажатии на “Да, уверен” действие купона отменяется и окошко становится пустым.

Дисконтная карта. Поле, в которое клиент может вписать номер своей дисконтной карты.

Сумма заказа http://joxi.ru/KAx8o0XCK7Xa9A - сумарная стоимость всех продуктов в корзине.Стоимость доставки http://joxi.ru/Q2KPYk4CvDJKRA - если доставка расчитывается только в следующих шагах, то насколько целесообразно писать ее стоимость здесь?

Общая скидка http://joxi.ru/D2PPYNECJ3zKx2 - сумма скидки после применения купона и/или дисконтной карты, если ее наличие предполагает скидку.Бонусы на карту http://joxi.ru/GrqnX8KTGgd3Km - количество бонусов, которые зачислятся на карту после совершения покупкиИтого http://joxi.ru/GrqnX8KTGgdXKm - итоговая сумма заказа, которая складывается из общей цены товаров, стоимости доставки и вычетом общей скидки. 

Кнопка “Оформить заказ” http://joxi.ru/KAg6oR0iKwa4V2. При нажатии на кнопку появляются следующие блоки для ввода контактной информации http://joxi.ru/E2pO17LuGWy4Om.

Если клиент не авторизован, ему будет предложено войти в учетную запись http://joxi.ru/eAOPY8MCkLl68r. При нажатии на кнопку “Войти” появится всплывающее окно с предложением ввести логин и пароль. После авторизации верхний блок изменится на описанный ниже “Если же он авторизован…”

Если же он авторизован, то блок будет другой http://joxi.ru/l2ZPRzMC79Qlyr - фотография и имя подтягиваются из личного кабинета. При нажатии на кнопку “Выйдите из учетной записи” - будет совершен выход и данный блок поменяется на описанный выше “Если клиент не авторизован…”

Блок “Контакты” http://joxi.ru/DrlZoxlHyajj02. Если клиент авторизован, то имя, фамилия, контактный телефон и e-mail подтягиваются из личного кабинета (если эта информация заполнена там). Если какой-то информации в личном кабинете нет или же клиент не авторизован, всю информацию можно ввести вручную. Также можно вручную исправить подтянутую из личного кабинета информацию, если это требуется. При нажатии на “Политику обработки персональных данных” http://joxi.ru/82QPQJMC9eWagm осуществляется переход на соответствующую страницу.

Блок “Доставка”. Поля с контакной информацией http://joxi.ru/gmvyvMOH1YRK0r, так же, как и информация из блока “Контакты” подтягивается из личного кабинета или вводится вручную.

Регион http://joxi.ru/brRP5qjCOjEGa2 - выпадающий список регионов, в котором нужно выбрать свой регион. От выбора меняется стоимость, сроки и варианты доставки.

Варианты доставки http://joxi.ru/Dr8Jyz1CMe51J2. Можно выбрать подходящий  вариант с помощью нажатия на него. Выбранный вариант отмечен справа http://joxi.ru/8AnRo1WHyLkM8A, и также остальные варианты выглядят неактивными (серыми). Логотипы, названия, описания и количество вариантов можно менять в админке. Стоимость доставки, приблизительные сроки и пункты выдачи заказов подтягиваются из сервисов на основании API-ключа (запросить у клиента API-ключ)

Почта России. Ссылка на страницу с алгоритмом расчета стоимости доставки на сайте Почты России http://joxi.ru/823lxG4T8elLWA.СДЭК. Информация подтягивается из сервисов, как написано выше. Можно выбрать пункт самовывоза, нажав на него. От этого может измениться стоимость доставки.Самовывоз. Можно менять название и описание.Бесплатная доставка. Можно менять название и описание.

Блок “Оплата”. Можно менять количество вариантов оплаты и их описание. Выбирается нажатием на нужный вариант.

Кнопка “Далее”. При нажатии осуществляется переход на подтверждение заказа http://joxi.ru/V2VPL0pCk6RpMr.

Блок “Получатель” и Доставка по адресу http://joxi.ru/D2PPYNECJ3y7X2 подтягивается из заполненных в предыдущих блоках данных.

Блок “Вы заказали” http://joxi.ru/823lxG4T8eYEJA. Данные подтягиваются из корзины.

Блок “Оплата” http://joxi.ru/L21xzgli0YpGDm. Данные подтягиваются из предыдущих блоков.

Блок “Комментарий к заказу”. Клиент может вручную написать комментарий, который сможет увидеть сотрудник при обработке заказа. 

Кнопка “Перейти к оплате”. При нажатии на кнопку происходит переход на страницу оплаты через интернет-эквайринг. Попросить у клиента информацию об эквайрингеОплата и доставка http://joxi.ru/ZrJPYx4CnEO882 Все заголовки и весь текст на странице можно поменять в админке. Текст красного цвета - не ссылки, это просто выделение текста для акцентирования внимания.

Доставка и оплата - h1

Наличный расчет - h2

Банковской картой - h2Иконки платежных систем можно менять в админке.

Доставка - h2

Возврат - h2О нашем клубе http://joxi.ru/52aPzWyCkKRv1m При переходе по ссылке из меню мы автоматически попадаем на страницу “О компании”, на которой сбоку есть меню навигации http://joxi.ru/82QPQJMC9eMwgm. При нажатии на ссылку происходит переход на соответствующую страницу. В админке можно менять количество страниц, их название и ссылки. Такое меню есть на каждой из страниц, которые содержатся в меню. Это меню перемещается вниз при скроллинге страницы. О компанииЗаголовок “О компании” - h1 Можно менять в админке. Все заголовки, весь текст и фотографии можно менять в админке.

Блок “Для партнеров” - h2. Заголовки “Оптовые закупки” и франчайзи” можно менять. Описание - тоже. При нажатии на каждую из кнопок “Подробнее” происходит переход на соответствующую страницу. Названия кнопок и ссылки можно менять.

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

Для сотрудничества оставляйте заявку на: эл. почта. Адрес электронной почты можно менять. При нажатии на почту - открытие почтового менеджера в новой вкладке (реализовывается с помощью mailto).

Блок “Специальное предложение”. Заголовок можно менять. При нажатии на кнопку “Подробнее” появляется всплывающее окно, как при заказе обратного звонка.

Блок “Наши преимущества” аналогичен такому же блоку на странице “О компании”.Политика конфиденциальностиНет дизайна этого разделаПолезное http://joxi.ru/Vm68xjzCve9OKA Тематический блог - h1 Текст можно менять в админке.

Карточки статей http://joxi.ru/zANPY74CjYdQ7m. Изображение и название статьи подтягивается непосредственно из самой статьи.

При нажатии на “Читать” http://joxi.ru/82QPQJMC9eMlVm происходит переход на страницу статьи.Страница статьиИзображение, заголовоки и весь текст можно менять в админке.

Влияние микрофлоры на качество шу пуэра - h1

Блок с комментариями http://joxi.ru/KAg6oR0iKwZoo2 Комментарии - h2Реализовать такой же функционал, как у отзывов. Но без рейтинга. 

Блок “Подборки Шу Пуэр” - h2Перелинковка на категории товаров. Можно менять количество категорий, их название и ссылки.

Блок “Рекомендуем Шу Пуэры” - h2Блок с карточками товара. Популярные товары из релевантной категории.При нажатии на кнопку “Смотреть все” происходит переход на категорию товаров

Блок “Эксклюзив от Жука”. Можно менять заголовок и описание. При нажатии на кнопку “Подробнее” появляется всплывающее окно, как при заказе обратного звонка.

Блок “Другие статьи” - h2Карточки других статей. Автоматически подтягиваются 3 последние добавленные статьи, но также можно выбрать в админке, какие статьи будут показаны.Контакты http://joxi.ru/823lxG4T8ekWRA Все заголовки и весь текст на странице можно поменять в админке.

Контакты - h1 

Чайный клуб “Золотой Жук” - h2Адрес, телефоны и почта должна подтягиваться автоматически из настроек сайта.При нажатии на эл. почту - открытие почтового менеджера в новой вкладке (реализовывается с помощью mailto).

Реквизиты - h2

Как добраться - h2.Карта реализована с помощью конструктора Яндекс Карт. Заказчик может выбрать вариант с картой из Яндекс Справочника, выглядеть это будет гораздо информативнее, пример: https://ozhgibesov.net/contact/

Для получения такого кода необходимо зайти в Яндекс Справочник, далее раздел Реклама - Карта на сайт http://joxi.ru/5mdYY9ni36dB62И скопировать код для вставки.Избранное http://joxi.ru/1A57xE1SbeapZm Отложенные товары - h1

Здесь отображаются товары, которые клиент добавил в избранное. Если клиент авторизован, эти товары сохраняются, пока клиент там их не удалит.

Если клиент не авторизован, товары в избранном сохраняются, даже если пользователь покинул сайт

Кнопка “Очистить” http://joxi.ru/Y2LPY14CE0PGG2 удаляет все товары из избранного. 

Удалить один товар из избранного можно, убрав отметку на карточке товара (нажать снова на сердечко)

ТЗ на карточки товара такое же, как в каталоге.

Блок “Специальное предложение”. ТЗ есть выше.

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

Кнопка “Сохранить” сохраняет данные и закрывает редактирование.Кнопка “Отменить” отменяет редактирование и закрывает его.

В профиле отображаются все заполненные данные http://joxi.ru/Dr8Jyz1CMeaa52 

Не понятно, как загрузить фотографию (на скринах видно, что когда человек авторизован, в шапке сайта отображается его имя и фотография, но как загрузить фотографию?)

Связанные аккаунты - h2Здесь отображаются аккаунты, которые клиент привязал к профилю.

Подключить аккаунты - h2Здесь отображаются аккаунты, которые еще не были подключены клиентом. Реализовать возможность подключения аккаунтовМои заказы - h1На этой странице отображаются все заказы, которые сдела клиент, и их статус.

При нажатии на кнопку “Показать детали” открывается просмотр заказа http://joxi.ru/Q2KPYk4CvDPY4A.

Здесь отображена вся информация по заказу.

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