Статті на: Інтернет-магазин
Ця стаття також доступна на:

Зміна дизайну сторінки товару

Кожен товар у каталозі інтернет-магазину має свою унікальну сторінку, що генерується на основі шаблону, який ви можете налаштувати та персоналізувати.


Подібно до звичайних сторінок, ви можете додавати блоки, елементи до сторінки товару, та змінювати їхній вигляд. Наприклад, вам будуть доступні такі дії:


  • Додавання блоків і елементів — контактних форм, відгуків, стороннього коду;
  • Відображення pop-up вікна на сторінках товарів;
  • Редагування присутніх за замовчуванням елементів.


Важливо: можливості редагувати сторінки певних товарів окремо наразі немає.


Зміст:


Структура Сторінки товару


За замовчуванням, основний блок на цій сторінці складається з наступних елементів:

Примітка: у редакторі Сторінки товару може відображатися інформація одного з вже доданих вами товарів або шаблонного товару, для візуалізації фінального результату. Важливо пам’ятати, що ви не редагуєте сторінку відображеного товару окремо — це шаблон для всіх товарів магазину.


Для того щоб відкрити редактор Сторінки товару, у списку сторінок вашого сайту перейдіть до вкладки Магазин і натисніть на Сторінка товару:


Верхня секція:


Містить «хлібні крихти» — це елемент на сайті, що відображає шлях до сторінки, на якій знаходиться відвідувач. Елемент «хлібних крихт» має вигляд горизонтального рядка текстових посилань, розділених символом «більше» (>). Символ вказує на ступінь вкладеності сторінки відносно до інших у ланцюжку.


У налаштуваннях цього елементу ви можете вибрати, чи відображається назва товару у хлібних крихтах:

Середня секція:


Має три елементи за замовчуванням.


У першій колонці знаходиться Галерея товару, де будуть відображатися всі фото та відео, які ви додаєте у налаштуваннях відповідного товару.


Якщо у вас велика кількість фото, у налаштуваннях елементу ви можете обрати, скільки превʼю зображень будуть відображатися під основним фото:

У другій колонці елемент Деталі товару відображає ціну, регулятор кількості товарів, артикул, статус наявності тощо. У його налаштуваннях ви можете вибрати, які саме параметри будуть відображатися:

Також ви можете налаштувати кнопку придбання товару, а саме її дію, текст та вигляд:

Під ним знаходиться елемент Опис товару, де, відповідно, відображається текст опису товару, який ви вказували у налаштуваннях. Також окремими вкладками відображаються атрибути та вкладені файли, якщо такі наявні у товару:

Примітка: детальніше з налаштуваннями товарів ви можете ознайомитися у нашій статті.


Нижня секція:


Залежно від шаблону сайту, ця секція може бути або порожньою, або містити елемент Схожі товари, де відображаються рекомендовані вами товари.


Якщо для певного товару ви не налаштували схожі товари, то цей елемент не буде відображатися на його сторінці.


У налаштуваннях цього елементу ви можете вибрати, які елементи картки товару відображаються, налаштувати вигляд елементу та слайдер:

Примітка: детальніше з налаштуваннями схожих товарів ви можете ознайомитися у нашій статті.


Редагування Сторінки товару


Аналогічно сторінкам сайту, які ви створили вручну, ви також можете редагувати цю сторінку:


  • Додавати/видаляти блоки та керувати ними;
  • Додавати/видаляти елементи та керувати ними;
  • Додавати/видаляти колонки та керувати ними;
  • Налаштовувати вигляд існуючих колонок та блоку.


Вам доступні універсальні налаштування блоку, наприклад: додавання фону, анімації, зміна відступів тощо. Детальніше про це ви можете дізнатися в статті Зміна дизайну блоку. Ви також можете переміщувати, видаляти або копіювати елементи, додавати фон і змінювати відступи в колонках — стаття Керування елементами розповість, як це зробити.


  • Налаштовувати елементи Сторінки товару, які обговорювали у розділі вище.


Важливо: сторінка товару є шаблоном — тобто, будь-які зміни, які ви зробите, вплинуть на сторінки усіх товарів. Редагувати сторінку певного товару окремо наразі неможливо.


Оновлено: 05/02/2026

Чи була ця стаття корисною?

Поділіться своїм відгуком

Скасувати

Дякуємо!