Сторінка товару
Це статична сторінка, але в ній остання частина URL-посилання змінюється в залежності від типу, розміру, шаблону та id товару.
Сторінка має вигляд:
https://manual.vitrager.com/lastorders/pvc-window-1300x1500-double-leaf-id183845, де:
- manual.vitrager.com - це адреса вашого сайту
- /lastorder - статична частина URL
- /pvc-window-1300x1500-double-leaf-id183701 - змінна частина, яка для кожного товару унікальна і складається з:
- pvc - матеріал
- window - тип конструкції
- 1300x1500 - розміри
- double-leaf - шаблон конструкції
- id183845 - унікальний ідентифікатор товару.
Верхня частина сторінки складається з наступних блоків:
- Хлібних крихт (breadcrumbs) - це навігаційні шляхи, які відображають позицію користувача на сайті й надають швидкий доступ до головної сторінки та сторінки з товарами відповідної категорії.
- Навігації по сторінці - дозволяє швидко здійснювати перехід до потрібних блоків на сторінці. При прокрутці сторінки даний блок завжди прикріплений до верхнього краю. Складається з пунктів(блоків):
- Про товар
- Опис
- Характеристики
- Перерізи та сертифікати
- Фото та відео
- Схожі товари
- Відгуки
- Про товар - має такі дані:
- Тип доступності товару. Може мати наступні категорії:
- В наявності
- Немає в наявності
- Попереднє замовлення
- Під замовлення
- id товару - унікальний ідентифікатор товару в системі.
- Назва - назва формується в залежності від СЕО налаштувань шаблонів (детальніше ➤ тут) та знаходиться в тегу H1.
- Рейтинг товару - показує рейтинг товару(на основі залишених відгуків), відображається у вигляді 5 зірок (що показує оцінку від 1 до 5) та виводиться кількість відгуків на товарі. При відсутності відгуків буде
- Термін виготовлення - показує кількість днів виготовлення товару, дані беруться з базових налаштувань колекції блок "Термін виготовлення базової комплектації" (детальніше ➤ тут).
Блок присутній в цьому місці в декстопній версії сторінка, в мобільній версії - його немає.
Назва "Термін виготовлення" - налаштовується в налаштуваннях онлайн продажів сайту (детальніше ➤ тут)
- Тип доступності товару. Може мати наступні категорії:
Основна(ліва) частина
Основана(ліва) частина сторінки складається з:
-
- Блок з зображеннями:
- Основне зображення - вигляд конструкції + колір, вид зсередини. При натисканні на зображення відкривається слайдер в якому показуються всі зображення, які відносяться до даного товару, а також зображення з медіафайлів колекції(фотогалерея робіт)
Зверніть увагу! Третє зображення в слайдері показує як буде відображатися при надсиланні посилання в соц. мережах та месенджерах (og:image). Дане зображення в собі має ціну товару. - Промо тег (якщо налаштовано в Варіанті комплектації) - виводиться в лівому верхньому куті, поверх зображення
- Відсоток знижки (якщо налаштовано в Загальній інформації колекції) - виводиться в лівому верхньому куті, поверх зображення
- Клас енергозбереження зі значенням - виводиться в правому верхньому куті, поверх зображення. Дане значення розраховується залежно від розмірів, конфігурації і комплектації конструкції -це щось посереднє між Uf-коефіцієнтом колекції та Ug склопакету, залежно площа чого більша. Опис та класифікація налаштовується в розділі Онлайн продажі ➤ Показник енергоефективності та класи енергозбереження
- Основне зображення - вигляд конструкції + колір, вид зсередини. При натисканні на зображення відкривається слайдер в якому показуються всі зображення, які відносяться до даного товару, а також зображення з медіафайлів колекції(фотогалерея робіт)
- Зображення - інші зображення, які відносяться до даного товару, а також зображення з медіафайлів колекції(фотогалерея робіт), у зменшеному вигляді. Розміщуються в ряд, максимум 4, якщо зображень більше 4-ох на останньому з'являється позначка +кількість - яка показує скільки ще є зображень.
- блок Доступні кольори - перелік популярних кольорів + базовий колір. Кольори налаштовуються в налаштуваннях колекції розділ Онлайн продажі ➤ блок Популярні кольори. Ділиться на два види - назовні та всередину.
-
- Назовні - колір зовнішнього ламінування. При виборі кольору зі списку - змінюється колір зовнішнього та внутрішнього ламінування для товару.
- Всередину - колір внутрішнього ламінування. По замовчувані такий самий, як і зовнішній. Змінити можна тільки на базовий колір.
-
В мобільній версії сайту:
- Блок додаткових налаштувань та послуг - ділиться на 3 частини для корегування комплектації товару та додавання послуг. По замовчуванню всі параметри згорнуті, окрім послуг:
- Основні параметри:
- Розмір - дозволяє змінити розміри конструкції + додати/прибрати відкривання. При кліку - відкривається модальне вікно для редагування параметрів.
- Відкривання - дозволяє додати/прибрати відкривання + змінити розміри конструкції. При кліку - відкривається модальне вікно для редагування параметрів.
- Комплектація - дозволяє вибрати іншу комплектації (якщо налаштовані інші комплектації в налаштуваннях колекції) або перейти на сторінку вибору колекцій (якщо в налаштуваннях Генерація товарів та параметри товарної сторінки включений параметр "Дозволити перегляд інших колекцій з товарної сторінки")
- Колір ззовні - змінити колір ламінування ззовні. При кліку на параметр, користувача, направляє на сторінку налаштування комплектації (детальніше про сторінку ➤ тут)
- Колір зсередини- змінити колір ламінування зсередини. При кліку на параметр, користувача, направляє на сторінку налаштування комплектації (детальніше про сторінку ➤ тут)
- Склопакет - змінити склопакет. При кліку на параметр, користувача, направляє на сторінку налаштування комплектації (детальніше про сторінку ➤ тут)
- Аксесуари - якщо на товарі присутні аксесуари буде показаний перелік з категорією та назвою, в кінці присутня кнопка додати. При кліку на аксесуар або кнопку додати направляє на сторінку налаштування комплектації. Якщо немає аксесуарів - буде тільки кнопка додати.
- Послуги - перелік послуг доступних для вибору для даного товару. Кількість і ціна послуг залежить від правил ціноутворення (детальніше ➤ тут) та налаштувань списків послуг, доступних для продажу (детальніше ➤ тут). При натисканні на іконку зі знаком питання - відкриється модальне вікно з інформацією по кожній з послуг.
- Основні параметри:
- Інформаційний блок - даний блок може бути як просто інформативним, так і з кнопкою зворотного зв'язку. Детальніше, як налаштовується блок ➤ тут
- Блок додаткових налаштувань та послуг - ділиться на 3 частини для корегування комплектації товару та додавання послуг. По замовчуванню всі параметри згорнуті, окрім послуг:
- Опис товару - опис товару формується на основі правил налаштувань опису товарів. Якщо текст займає більше 5 рядків - з'являється кнопка Показати більше і решта текст приховується. При натисканні на кнопку розгортається весь текст і з'являється кнопка Показати менше.
- Технічні характеристики - виводиться списком всі характеристики колекції (детальніше про налаштування колекції ➤ тут). Показується перші чотири характеристики, інші приховані, щоб побачити всі потрібно натиснути кнопку Докладніше. Коло назви характеристики є іконка
при натикані на яку з'являється інформаційний блок про характеристику та кнопка "Дивіться подібні продукти", яка направляє на сторінку списку товарів з активним фільтром по вибрані характеристиці.
Зверніть увагу! Кнопка "Дивіться подібні продукти" є не для всіх характеристик. - Поперечні перерізи та сертифікати - блоки зі слайдерами зображень, які беруться з колекції, розділ "Медіафайли / документи" альбоми Креслення вирізу профілю та Сертифікація продукції. Детальніше про налаштування ➤ тут
- Фото та відео - блоки зі слайдерами зображень, які беруться з колекції, розділ "Медіафайли / документи" альбоми Фотогалерея робіт та Відео галерея робіт. Детальніше про налаштування ➤ тут
Зверніть увагу! В мобільні версії сайту блоки Технічні характеристики, Поперечні перерізи, Сертифікація продукції, Фото, Відео галерея приховані за кнопкою "Докладніше". - Блок з терміном виготовлення, ціною та кнопками - даний блок є тільки в мобільній версії, він позиціонується в нижній частині екрану та двигається при скролі і зупиняється перед блоком схожі товари. Складається з таких даних:
- Термін виготовлення - показує кількість днів виготовлення товару, дані беруться з базових налаштувань колекції блок "Термін виготовлення базової комплектації" (детальніше ➤ тут).
Назва "Термін виготовлення" - налаштовується в налаштуваннях онлайн продажів сайту (детальніше ➤ тут) - Блок з ціною - показує суму + валюту. Показує закреслену ціну без знижки зліва від звичайної (якщо налаштовано в Загальній інформації колекції)
- Блок кнопок - в залежності від налаштувань типу конфігуратору (детальніше ➤ тут) кнопки можуть бути двох типів:
- При "для онлайн продажів" - велика кнопка купити(додати в корзину), маленька кнопка з іконкою - задати питання(відкриває модальне вікно з формою зворотного зв'язку)
- При "для лідогенерації" - велика кнопка задати питання (відкриває модальне вікно з формою зворотного зв'язку), маленька кнопка з іконкою - купити(додати в корзину).
- Термін виготовлення - показує кількість днів виготовлення товару, дані беруться з базових налаштувань колекції блок "Термін виготовлення базової комплектації" (детальніше ➤ тут).
- Блок з зображеннями:
Схожі товари
Схожі товари - блок-слайдер зі схожими товарами. Відбір схожих товарів формується по розміру та типу відкривання. Сортується від дешевшого до дорожчого. Якщо товарів зі схожими параметрами немає в системі, то блок буде відсутній на сторінці.
Зверніть увагу! Слайдер показує від 1 до 11 товарних карток і остання картка - кнопка Всі товари, яка направляє на всі схожі товари на сторінку списку товарів
Для керування слайдами (в десктопній версії сайту) в правому верхньому куті блока присутні кнопки вліво - вправо
, в мобільній версії сайту керування здійснюється свайпов вліво - вправо.
Картка товару має наступні дані:
- Зображення - зображення береться з медіафайлів колекції(фотогалерея робіт), перше зображення з альбому
- Промо тег (якщо налаштовано в Варіанті комплектації) - виводиться в лівому верхньому куті, поверх зображення
- Відсоток знижки (якщо налаштовано в Загальній інформації колекції) - виводиться в лівому верхньому куті, поверх зображення
- Клас енергозбереження зі значенням - виводиться в правому верхньому куті, поверх зображення. Дане значення розраховується залежно від розмірів, конфігурації і комплектації конструкції -це щось посереднє між Uf-коефіцієнтом колекції та Ug склопакету, залежно площа чого більша. Опис та класифікація налаштовується в розділі Онлайн продажі ➤ Показник енергоефективності та класи енергозбереження
- Назва товару
- Загальні характеристики:
-
- Профільна система (кількість камер)
- Глибина профілю (в міліметрах)
- Ущільнення (показує кількість рівнів)
- Склопакет (тип склопакету)
-
- Блок з ціною - показує ціну + валюту. Показує закреслену ціну без знижки над звичайною (якщо налаштовано в Загальній інформації колекції)
- кнопка Детальніше/Змінити при кліку на яку здійснюється перехід на сторінку обраного товару.
- кнопка Всі товари - направляє на сторінку списку товарів, для перегляду всіх доступних схожих товарів. Така ж кнопка присутня в кінці слайдерах з картками схожих товарів.
Відгуки та запитання клієнтів
Відгуки та запитання клієнтів - блок в якому показуються відгуки та запитання, які користувачі залишали до товарів поточної колекції. Записи виводяться від самого нового до самого давнього.
Блок складається з:
- Лічильник рейтингу - показує середнє значення (кількість відгуків / рейтинг). Рейтинг має діапазон від 1 до 5. Також рейтинг відображається візуально за допомогою зірок жовтого кольору.
- Сортування - дозволяє відсортувати відгуки/питання. Має 3 параметри:
-
- Всі - показує відгуки і питання.
- Відгуки - показує тільки відгуки
- Питання - показує тільки питання
-
- Кнопка "Залиш відгук / Задай питання" - при натисканні відкриває модальне вікно в якому :
- Тип коментаря - визначає відгук чи питання. При відгуку з'являється обов'язковий параметр Рейтинг - який за допомогою зірок дозволяє вказати рейтинг від 1 до 5.
- Ваше ім'я - обов'язкове поле в якому вказується ім'я користувача
- Відгук - обов'язкове поле. Текстове поле для вводу коментаря. Має обмеження в 1 000 символів.
- Ваш e-mail - поле для вводу електронної пошти
- Номер телефону - обов'язкове поле для вводу номера телефону.
- Фото - дозволяє завантажити до відгуку/питання зображення. Формати зображення - jpeg, png, gif, bmp. Максимальна кількість - 12 шт.
Зверніть увагу! В мобільній версії сайту кнопка "Залиш відгук / Задай питання" прикріплюється до низу екрану при переході до блоку Відгуки та запитання клієнтів
- Список відгуків/питань з ієрархією, якщо є відповіді.
Відгук/питання складається з:- Ім'я користувача/менеджера
- Дата коли було створено коментар
- кнопка відповісти, яка дозволяє додати питання чи відповідь до запису.
- кнопки оцінки для записів у вигляді іконок палець вверх(подобається) та палець вниз(не подобається) з лічильниками біля кожної кнопки.
Права частина
Права частина - додатковий блок з даними з лівої частини та можливістю налаштовувати конструкцію, аксесуари та послуги. Права частина присутня в десктопній версії сайту.
Складається з таких блоків:
-
- Блок з основним зображенням у зменшеному вигляді
- Тип доступності товару.
- id товару
- Назва товару
- Рейтинг товару
- Термін виготовлення
- Блок з ціною - показує суму + валюту. Показує закреслену ціну без знижки зліва від звичайної (якщо налаштовано в Загальній інформації колекції)
- Блок кнопок - в залежності від налаштувань типу конфігуратору (детальніше ➤ тут) кнопки можуть бути двох типів:
- При "для онлайн продажів" - велика кнопка купити(додати в корзину), маленька кнопка з іконкою - задати питання(відкриває модальне вікно з формою зворотного зв'язку)
- При "для лідогенерації" - велика кнопка задати питання (відкриває модальне вікно з формою зворотного зв'язку), маленька кнопка з іконкою - купити(додати в корзину).
- Блок додаткових налаштувань та послуг - ділиться на 3 частини для корегування комплектації товару та додавання послуг. По замовчуванню всі параметри згорнуті, окрім послуг:
- Основні параметри:
- Розмір - дозволяє змінити розміри конструкції + додати/прибрати відкривання. При кліку - відкривається модальне вікно для редагування параметрів.
- Відкривання - дозволяє додати/прибрати відкривання + змінити розміри конструкції. При кліку - відкривається модальне вікно для редагування параметрів.
- Комплектація - дозволяє вибрати іншу комплектації (якщо налаштовані інші комплектації в налаштуваннях колекції) або перейти на сторінку вибору колекцій (якщо в налаштуваннях Генерація товарів та параметри товарної сторінки включений параметр "Дозволити перегляд інших колекцій з товарної сторінки")
- Колір ззовні - змінити колір ламінування ззовні. При кліку на параметр, користувача, направляє на сторінку налаштування комплектації (детальніше про сторінку ➤ тут)
- Колір зсередини- змінити колір ламінування зсередини. При кліку на параметр, користувача, направляє на сторінку налаштування комплектації (детальніше про сторінку ➤ тут)
- Склопакет - змінити склопакет. При кліку на параметр, користувача, направляє на сторінку налаштування комплектації (детальніше про сторінку ➤ тут)
- Аксесуари - якщо на товарі присутні аксесуари буде показаний перелік з категорією та назвою, в кінці присутня кнопка додати. При кліку на аксесуар або кнопку додати направляє на сторінку налаштування комплектації. Якщо немає аксесуарів - буде тільки кнопка додати.
- Послуги - перелік послуг доступних для вибору для даного товару. Кількість і ціна послуг залежить від правил ціноутворення (детальніше ➤ тут) та налаштувань списків послуг, доступних для продажу (детальніше ➤ тут). При натисканні на іконку зі знаком питання - відкриється модальне вікно з інформацією по кожній з послуг.
- Основні параметри:
- Інформаційний блок - даний блок може бути як просто інформативним, так і з кнопкою зворотного зв'язку. Детальніше, як налаштовується блок ➤ тут
