Кожен товар в каталозі інтернет-магазину має свою унікальну сторінку. За замовчуванням всі сторінки товарів мають схожий вигляд і складаються з шапки, підвалу сайту і блоку з описом товару. Ось приклад того, як виглядає сторінка товару:
Однак ви можете керувати сторінкою товарів глобально — змінивши дизайн в редакторі, він застосується до всіх сторінок товарів в інтернет-магазині. Змінити цю сторінку можна так само, як і інші сторінки в редакторі. Наприклад, вам доступні такі дії:
Додавання блоків і елементів — контактних форм, відгуків, стороннього коду.
Відображення pop-up вікна на сторінках товарів.
Зміна заголовків для деталей товару.
Зміна дизайну та тексту кнопки додавання товару в кошик.
Стаття нижче розкаже, як змінити дизайн сторінок товарів в інтернет-магазині.
Зміна дизайну блоку товару
На панелі керування в редакторі відкрийте вкладку Магазин і натисніть на Сторінка товару:
На сторінці товару завжди знаходиться блок з описом товару, артикулом, його медіа-файлами і кнопкою замовлення. Ви можете налаштувати вигляд цього блоку самостійно.
Наведіть на порожнє місце в блоці знизу, збоку або вгорі, щоб додати до нього нову колонку:
Ви можете додати будь-який елемент з галереї до блоку товару:
Вам доступні універсальні налаштування блоку — наприклад, додавання фону, анімації, зміна відступів і так далі. Детальніше про це ви можете дізнатися в статті Зміна дизайну блоку. Ви також можете переміщувати, видаляти або копіювати елементи в блоці або додавати фон і міняти відступи в колонках — стаття Керування елементами розповість, як це зробити.
Налаштування галереї товару
Крім додаткових елементів, ви можете змінювати вигляд вже наявних в блоці колонок. Щоб налаштувати колонку з зображеннями товару, наведіть на неї і натисніть на «шестерню»:
У новому вікні виберіть кількість зображень, які будуть відображатися у рядку:
Налаштування деталей товару
Щоб налаштувати назви стандартних полів товару (артикул, кількість товарів), а також текст і дизайн кнопки, наведіть на колонку з назвою товару і натисніть на «шестерню»:
У вкладці Загальні ви можете додати власний заголовок для коду або кількості товару. Крім цього, ви можете вибрати, які деталі товару ви хочете приховати або відобразити на сторінці:
У вкладці Дія ви можете змінити текст, його форматування або дизайн для кнопки. Також ви можете додати до тексту в кнопці іконку:
Примітка: дизайн кнопки береться із глобальних налаштувань сайту. Щоб змінити його, зверніться до статті Зміна дизайну кнопки.
Налаштування опису товару
Щоб замінити назву для опису товару, наведіть на цю колонку в блоці і натисніть на «шестерню»:
Введіть власну назву для опису товару:
Зміна структури сторінки товару
Крім блоків, доданих за замовчуванням, ви також можете доповнити сторінку товару за допомогою інших блоків — наприклад, додати блок з відгуками, контактами, адресами офісів тощо.
Наведіть на місце на сторінці, куди ви хочете помістити блок, і натисніть на «плюс»:
Виберіть блок з галереї і натисніть на нього, щоб додати на сторінку:
Ви можете змінювати дизайн блоків або міняти їхній порядок на сторінці.
Однак ви можете керувати сторінкою товарів глобально — змінивши дизайн в редакторі, він застосується до всіх сторінок товарів в інтернет-магазині. Змінити цю сторінку можна так само, як і інші сторінки в редакторі. Наприклад, вам доступні такі дії:
Додавання блоків і елементів — контактних форм, відгуків, стороннього коду.
Відображення pop-up вікна на сторінках товарів.
Зміна заголовків для деталей товару.
Зміна дизайну та тексту кнопки додавання товару в кошик.
Стаття нижче розкаже, як змінити дизайн сторінок товарів в інтернет-магазині.
Зміна дизайну блоку товару
На панелі керування в редакторі відкрийте вкладку Магазин і натисніть на Сторінка товару:
На сторінці товару завжди знаходиться блок з описом товару, артикулом, його медіа-файлами і кнопкою замовлення. Ви можете налаштувати вигляд цього блоку самостійно.
Наведіть на порожнє місце в блоці знизу, збоку або вгорі, щоб додати до нього нову колонку:
Ви можете додати будь-який елемент з галереї до блоку товару:
Вам доступні універсальні налаштування блоку — наприклад, додавання фону, анімації, зміна відступів і так далі. Детальніше про це ви можете дізнатися в статті Зміна дизайну блоку. Ви також можете переміщувати, видаляти або копіювати елементи в блоці або додавати фон і міняти відступи в колонках — стаття Керування елементами розповість, як це зробити.
Налаштування галереї товару
Крім додаткових елементів, ви можете змінювати вигляд вже наявних в блоці колонок. Щоб налаштувати колонку з зображеннями товару, наведіть на неї і натисніть на «шестерню»:
У новому вікні виберіть кількість зображень, які будуть відображатися у рядку:
Налаштування деталей товару
Щоб налаштувати назви стандартних полів товару (артикул, кількість товарів), а також текст і дизайн кнопки, наведіть на колонку з назвою товару і натисніть на «шестерню»:
У вкладці Загальні ви можете додати власний заголовок для коду або кількості товару. Крім цього, ви можете вибрати, які деталі товару ви хочете приховати або відобразити на сторінці:
У вкладці Дія ви можете змінити текст, його форматування або дизайн для кнопки. Також ви можете додати до тексту в кнопці іконку:
Примітка: дизайн кнопки береться із глобальних налаштувань сайту. Щоб змінити його, зверніться до статті Зміна дизайну кнопки.
Налаштування опису товару
Щоб замінити назву для опису товару, наведіть на цю колонку в блоці і натисніть на «шестерню»:
Введіть власну назву для опису товару:
Зміна структури сторінки товару
Крім блоків, доданих за замовчуванням, ви також можете доповнити сторінку товару за допомогою інших блоків — наприклад, додати блок з відгуками, контактами, адресами офісів тощо.
Наведіть на місце на сторінці, куди ви хочете помістити блок, і натисніть на «плюс»:
Виберіть блок з галереї і натисніть на нього, щоб додати на сторінку:
Ви можете змінювати дизайн блоків або міняти їхній порядок на сторінці.
Опубліковано 20 / 02 / 2021