Каталог. Страница комплекта




Состоит из следующих блоков и элементов:

8.5.1. Блок «Галерея комплекта» содержит:

8.5.1.1. Блок «Галерея комплекта» содержит:

8.5.1.1.1. Основное фото комплекта. При наведении появляется всплывающее окно с увеличенным изображением области фотографии под курсором.

8.5.1.1.2. Миниатюры фото из галереи комплекта. По клику на миниатюру — соответствующее фото выводится вместо основного фото комплекта в блоке выше. Миниатюра активного в данный момент фото визуально выделена и некликабельна.

8.5.1.1.3. Миниатюра и иконка видео. По клику вместо основного фото комплекта выводится плеер с видеороликом (Youtube) о данном комплекте. Если ссылка на видеоролик в свойствах не задана, то миниатюра не выводится.

8.5.1.1.4. 3D программа, по клику начинается скачивание файла. Файл программы предоставляется заказчиком и размещается в директории “upload”.

8.5.1.1.5. Миниатюра и иконка 360°. По клику вместо основного фото выводится прикреплённая панорама.

8.5.1.2. Иконка «Добавить к сравнению», по клику соответствующий комплект добавляется к списку сравнения.

8.5.1.3. Лейбл. Выводятся если комплект имеет соответствующее свойство. Список возможных лейблов:

8.5.1.3.1. Акция.

8.5.1.3.2. Новинка.

8.5.1.3.3. Популярный.

8.5.2. Наименование комплекта.

8.5.3. Строка «[Цвета исполнения]». Выводятся значения свойства «Цвет исполнения».

8.5.4. Цена комплекта. Выводится, зачёркнутой, если задана цена со скидкой.

8.5.5. Цена со скидкой. Выводится если задана.

8.5.6. Кнопка «Добавить в корзину», по клику товары комплекта добавляются в корзину. Если товары данного комплекта уже добавлены в корзину, то вместо кнопки выводится строка «В корзине».

8.5.7. Блок «Доступно в салонах» содержит:

8.5.7.1. Строка «доступна в салонах [ссылка: город выбранный или определённый по ip]». По клику на ссылку выводится список городов, где есть салоны дилеров. Если пользователь кликнет на город в списке, то данный город будет выбран на сайте.

8.5.7.2. Ссылки на магазины данного города, но не более N, если магазинов в городе больше чем N, то выводится ссылка «показать все магазины», по клику на которую раскрывается весь список магазинов (N определяется на этапе дизайна). Ссылки на магазины, выводятся в порядке заданном сортировкой. Для каждого магазина выводится:

8.5.7.2.1. Название салона/ТЦ.

8.5.7.2.2. Адрес.

8.5.7.2.3. По клику происходит переход на страницу «Список магазинов» с фокусом на данном магазине.

8.5.8. Переключатель вкладок: «Состав комплекта», «Описание», «Особенности модели», «Доставка и оплата», «Отзывы [счётчик добавленных комментариев/отзывов]».

8.5.9. Вкладка «Состав комплекта». Открывается по умолчанию. Содержит следующие элементы:

8.5.9.1. Карточки товаров, которые входят в состав комплекта, по N в строку (N определяется на этапе дизайна). Для каждой карточки выводится:

8.5.9.1.1. Основное фото элемента комплекта.

8.5.9.1.2. Название элемента.

8.5.9.1.3. Размеры элемента: [длина]х[ширина]х[глубина].

8.5.10. Вкладка «Описание» содержит:

8.5.10.1. Текст описания товара. Максимум 10 000 символов.

8.5.10.2. Иконка и ссылка для скачивания инструкции по сборке. Выводится только если файл с инструкцией был прикреплён. По клику начинается скачивание файла. Допустимые форматы файла: pdf, doc, docx. Максимальный размер файла 10 MB.

8.5.11. Вкладка «Особенности комплекта» содержит:

8.5.11.1. Карточки особенностей данного товара по N в строку. Карточки задаются в ИНФОБЛОКЕ «Особенность модели». Для каждой особенности выводится:

8.5.11.1.1. Картинка.

8.5.11.1.2. Заголовок/название особенности.

8.5.11.1.3. Краткое описание. Максимум 150 символов.

8.5.12. Вкладка «Доставка и оплата» содержит текстовый блок с информацией о доставке и оплате.

8.5.13. Блок «Товары из этой серии» содержит:

8.5.13.1. Заголовок «Товары из этой серии».

8.5.13.2. Карточки товаров, которые относятся к той же серии (свойство товара), сгруппированные по категориям второго уровня.

8.5.14. Блок «Похожие предложения» содержит:

8.5.14.1. Заголовок «Вас также могут заинтересовать».

8.5.14.2. До N карточек комплектов, которые указаны в качестве дополнительных для данного комплекта (N определяется на этапе дизайна).

Страница сравнения

Состоит из следующих элементов:

8.6.1. Заголовок «Сравнение».

8.6.2. Блок «Выбор категории». Список категорий второго уровня с указанием количества товаров, добавленных к сравнению из каждой из них. Выводятся только те категории, товары из которых были добавлены к сравнению. Если товары были добавлены только из одной категории, то выводится лишь название категории. По клику на название категории выводится сравнение для товаров из выбранной категории.

8.6.3. Блок «Сравнение» содержит следующие элементы:

8.6.3.1. Для комплектов:

8.6.3.1.1. Иконка «Удалить», после клика соответствующий комплект будет исключён из сравнения. Если из списка сравнения будут исключены все комплекты, то выводится строка «Комплектов для сравнения нет».

8.6.3.1.2. Основное изображение комплекта.

8.6.3.1.3. Наименование категории.

8.6.3.1.4. Наименование комплекта.

8.6.3.1.5. Цена комплекта.

8.6.3.1.6. Цветовое исполнение. Из свойств комплекта.

8.6.3.1.7. Состав комплекта. Для каждого элемента комплекта выводится название и размеры. Данные берутся из свойств товаров, которые входят в комплект.

8.6.3.1.8. Кнопка «Купить», по клику в корзину добавляются товары комплекта.

8.6.3.2. Для одиночных товаров:

8.6.3.2.1. Иконка «Удалить», после клика соответствующий товар будет исключён из сравнения. Если из списка сравнения будут исключены все товары, то выводится строка «Товаров для сравнения нет».

8.6.3.2.2. Картинка товара.

8.6.3.2.3. Наименование категории товара.

8.6.3.2.4. Наименование товара.

8.6.3.2.5. Цена товара.

8.6.3.2.6. Цветовое исполнение.

8.6.3.2.7. Длина.

8.6.3.2.8. Ширина.

8.6.3.2.9. Глубина.

8.6.3.2.10. Кнопка «Купить», по клику соответствующий товар добавляется в корзину.

Корзина

Содержит следующие блоки и элементы:

8.7.1. Блок «Индикатор прогресса» содержит номера и названия шагов формы, пройденные шаги визуально выделяются, активный в данный момент шаг визуально выделяется. Пользователь может вернуться к пройденному шагу, кликнув по его названию.

8.7.2. Блок «Товары» содержит следующие элементы:

8.7.2.1. Список товаров, которые пользователь добавил в корзину. Строка в списке состоит из следующих элементов:

8.7.2.1.1. Фото товара.

8.7.2.1.2. Наименование категории товара.

8.7.2.1.3. Наименование товара.

8.7.2.1.4. Строка [Цветовое исполнение].

8.7.2.1.5. Строка «Размеры: [длина]х[ширина]х[глубина]».

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

8.7.2.1.7. Стоимость товара в указанном количестве. Если для товара задана цена со скидкой, то для расчёта используется цена со скидкой.

8.7.2.1.8. Иконка «Убрать из корзины», по клику соответствующий товар удаляется из корзины.

8.7.2.2. Ссылка «Очистить корзину», по клику из корзины удаляются все добавленные товары и вместо списка товаров выводится строка «Ваша корзина пуста» (текст задаётся в ИНФОБЛОКЕ «Настройки»).

8.7.3. Строка «Введите купон» и поле для ввода кода купона. После ввода кода купона и нажатия на клавишу «Enter» проверяется возможность использования купона, если купон применить можно, то применяется скидка по данному купону. Если код купона не верен, то выводится сообщение «Проверьте правильность введённого кода».

8.7.4. Строка «Стоимость товаров: [суммарная стоимость товаров в корзине, рассчитанная по ценам без скидки]».

8.7.5. Строка «Скидка: [(суммарная стоимость товаров корзины по ценам без скидки - суммарная стоимость товаров по ценам со скидкой) + скидка по купону]»

8.7.6. Строка «Итого: [Итоговая сумма заказа]».

8.7.7. Блок «Авторизация» содержит:

8.7.7.1. Заголовок «Войти, если уже есть аккаунт».

8.7.7.2. Логин. Поле ввода.

8.7.7.3. Пароль. Поле ввода.

8.7.7.4. Кнопка «Войти», после клика, если введена корректная пара логин-пароль, то происходит авторизация пользователя на сайте. Дальнейшее оформление заказа производится для этого пользователя.

8.7.7.5. Заголовок «Зарегистрироваться».

8.7.7.6. Логин. Поле ввода.

8.7.7.7. Пароль. Поле ввода.

8.7.7.8. Повтор пароля. Поле ввода.

8.7.7.9. Кнопка «Зарегистрироваться», по клику проверяется заполненность всех полей и выводятся сообщения об ошибках валидации. Если ошибок нет, то происходит переход к следующему шагу:

8.7.7.9.1. Заголовок «Введите данные».

8.7.7.9.2. ФИО. Поле ввода. Обязательное.

8.7.7.9.3. Телефон. Поле ввода. Обязательное.

8.7.7.9.4. Город. Строка. Обязательное.

8.7.7.9.5. Улица. Поле ввода. Обязательное.

8.7.7.9.6. Дом. Поле ввода. Обязательное.

8.7.7.9.7. Квартира. Поле ввода.

8.7.7.9.8. Кнопка «Продолжить оформление», по клику проверяется заполненность обязательных полей, если все поля заполнены, то происходит переход на страницу «Оформление заказа».

Для авторизованного пользователя автоматически подставляются сохранённые значения в поля формы.

Оформление заказа

Состоит из следующих блоков и элементов:

8.8.1. Заголовок «Оформление заказа».

8.8.2. Строка «Выберите дилера».

8.8.3. Список магазинов дилеров в выбранном городе. Магазины в списке выводятся согласно заданной сортировке. Для каждого магазина выводится:

8.8.3.1. Название и адрес магазина, по клику на карте происходит фокусировка на соответствующей метке на карте.

8.8.3.2. Информация о магазине.

8.8.3.3. Режим работы магазина.

8.8.3.4. Контактный телефон и email.

8.8.3.5. Кнопка «Выбрать», по клику происходит переход к следующему шагу оформления заказа.

8.8.4. Виджет Яндекс.Карт с фокусом на выбранный город и метками на местах расположения магазинов дилеров. Метка магазина, который согласно сортировке выводится первым — визуально выделяется. По клику на метку выводится всплывающее окно со следующими элементами:

8.8.4.1. Иконка «Закрыть», по клику происходит скрытие всплывающего окна.

8.8.4.2. Название магазина.

8.8.4.3. Адрес магазина.

8.8.4.4. Контактный телефон в формате [+7 (ХХХ) ХХХ ХХ ХХ ] и [ссылка “mailto:email магазина].

8.8.4.5. Режим работы.

8.8.4.6. Кнопка «Выбрать», по клику выводится блок «Дополнительные услуги».

8.8.5. Блок «Дополнительные услуги» содержит:

8.8.5.1. Строка «Дополнительные услуги».

8.8.5.2. Чекбокс «Сборка [стоимость сборки (N от стоимости товаров в корзине)]». N задаётся в ИНФОБЛОКЕ «Дилер».

8.8.5.3. Чекбокс «Подъём на этаж [стоимость подъёма на этаж]» и поле ввода номера этажа. В ИНФОБЛОКЕ «Дилер» задаётся фиксированный коэффициент для каждого дилера, который добавляется к стоимости за каждый этаж начиная со второго.

8.8.5.4. Чекбокс «Монтаж техники [стоимость монтажа]». Стоимость монтажа техники это фиксированное значение для дилера, которое задаётся в ИНФОБЛОКЕ «Дилер».

8.8.5.5. Строка «Стоимость товаров: [суммарная стоимость товаров в корзине, рассчитанная по ценам без скидки + стоимость выбранных услуг]».

8.8.5.6. Строка «Скидка: [(суммарная стоимость товаров корзины по ценам без скидки - суммарная стоимость товаров по ценам со скидкой) + скидка по купону]»

8.8.5.7. Строка «Итого: [Итоговая сумма заказа + стоимость выбранных услуг]».

8.8.6. Блок «Выбор способа оплаты» состоит из следующих элементов:

8.8.6.1. Заголовок «Оплата».

8.8.6.2. Группа радиокнопок:

8.8.6.2.1. Оплата наличными.

8.8.6.2.2. Квитанция для оплаты через банк.

8.8.6.2.3. Банковской картой.

8.8.7. Кнопка «Оформить заказ», активна после выбора дилера и способа оплаты, по клику выводится всплывающее окно «Успешное оформление заказа», на указанный пользователем email высылается уведомление о заказе, а на email выбранного партнёра и email администратора отправляется соответствующее уведомление.

Личный кабинет

Состоит из следующих блоков и элементов:

8.9.1. Блок «Данные пользователя» содержит:

8.9.1.1. Строка «Логин пользователя (email)».

8.9.1.2. Ф.И.О. пользователя.

8.9.1.3. Ссылка «Изменить пароль», по клику выводится всплывающее окно:

8.9.1.3.1. Старый пароль. Поле ввода. Обязательное.

8.9.1.3.2. Новый пароль. Поле ввода. Обязательное.

8.9.1.3.3. Повторите пароль. Поле ввода. Обязательное.

8.9.1.3.4. Кнопка «Изменить пароль», после клика если текущий пароль пароль пользователя:

8.9.1.3.4.1. Был введён верно, то проверяется, что новый пароль и его повторение совпадают. Если это так, то пользователь переправляется на главную страницу и ему предлагается авторизоваться заново.

8.9.1.3.4.2. Был введён не верно, то сообщаем пользователю о некорректном пароле и предлагаем ввести верный.

8.9.1.3.5. Ссылка «Отмена», по клику всплывающее окно скрывается.

8.9.2. Заголовок «История заказов».

8.9.3. Блок «Список заказов». Выводится до N заказов пользователя на страницу (N определяется на этапе дизайна). Заказ в списке состоит из:

8.9.3.1. Номера заказа.

8.9.3.2. Даты заказа.

8.9.3.3. Наименования выбранного пользователем способа оплаты.

8.9.3.4. Адреса доставки. В формате:

8.9.3.4.1. [Регион].

8.9.3.4.2. [Город].

8.9.3.4.3. [Улица], [дом], [квартира].

8.9.3.5. Блока «Состав заказа», который содержит список товаров заказа. Каждый товар в списке имеет:

8.9.3.5.1. Фото товара.

8.9.3.5.2. Наименование категории товара.

8.9.3.5.3. Наименования товара.

8.9.3.5.4. Цветовое исполнение.

8.9.3.5.5. Строка «Размеры: [длина]х[ширина]х[глубина]».

8.9.3.5.6. Стоимость товара в выбранном количестве.

8.9.4. Строка «Итого [общая стоимость заказа]».

8.9.5. Блок для постраничной навигации.



Поделиться:




Поиск по сайту

©2015-2024 poisk-ru.ru
Все права принадлежать их авторам. Данный сайт не претендует на авторства, а предоставляет бесплатное использование.
Дата создания страницы: 2019-05-21 Нарушение авторских прав и Нарушение персональных данных


Поиск по сайту: