Додавання спливаючого вікна з таблицею розмірів на сторінки товарів

Метаполя допомагають налаштовувати функціональність і зовнішній вигляд вашого магазину Shopify, даючи змогу зберігати спеціалізовану інформацію, яка зазвичай не збирається в панелі адміністрування Shopify. Метаполя можна використовувати внутрішньо в панелі адміністрування Shopify, а також відображати їх у вашому інтернет-магазині.

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

Ось кілька прикладів інформації у спливаючому вікні, яку можна додати на сторінки товарів:

Таблиці розмірів
Інструкції з догляду
Інструкції зі збирання
Характеристики товару
Поширені запитання

Цей навчальний посібник із 4 кроків допомагає ознайомитися з метаполями посилань на сторінки, створенням метаполя товару для посилання на сторінку, створенням шаблону сторінки товару для інтернет-магазину, додаванням нової сторінки, створенням посилань на сторінку в певних товарах і застосуванням шаблону сторінки товару до певних товарів. За допомогою цього навчального посібника ви можете створити будь-який контент у спливаючому вікні. У цьому навчальному посібнику скрізь використовується приклад із таблицею розмірів.

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

На цій сторінці

Крок 1. Створіть метаполе товару для сторінки

Спочатку необхідно створити визначення метаполя з посиланням на сторінку для ваших сторінок товарів. Метаполе товару посилається на певну сторінку, і його можна налаштувати для кожного товару. Якщо ви не додасте посилання на сторінку до товару, який використовує той самий шаблон, текст посилання для спливного вікна все одно відображатиметься так, ніби там є контент. Щоб посилання для спливного вікна відображалося лише для певних товарів, ви можете створити шаблон товару та застосувати його лише до відповідних товарів.

Завдяки метаполям із посиланням на сторінку ви можете відображати різну інформацію про товари, створюючи окремі сторінки для різних типів товарів. Наприклад, можна створити дві різні сторінки з таблицями розмірів для різних вікових груп (одна таблиця розмірів для малюків, а інша — для немовлят), а потім додати посилання на сторінку з розмірами для малюків лише до відповідних товарів.

Вам потрібно створити визначення метаполя з посиланням на сторінку, щоб підключити його до блоку спливного вікна в редакторі тем. Під час створення визначення метаполя за замовчуванням вибрано Доступ до вітрини.

Кроки:

Десктоп

У панелі адміністрування Shopify перейдіть у розділ Налаштування > Метаполя та метаоб’єкти.
У розділі Визначення метаполів натисніть Товари.
Натисніть Додати визначення.
У полі Назва введіть Таблиця розмірів.
Натисніть ⊕ Вибрати тип.
Виберіть Сторінка зі спадного меню. За замовчуванням вибрано Одна сторінка.
Натисніть Зберегти.

Мобільний пристрій

У застосунку Shopify торкніться , а потім — Налаштування.
У розділі Налаштування магазину торкніться Метаполя та метаоб’єкти.
У розділі Визначення метаполів торкніться Товари.
Торкніться +.
У полі Назва введіть Таблиця розмірів.
Торкніться + Вибрати тип.
Торкніться, щоб вибрати Сторінка зі спадного меню. За замовчуванням вибрано Одна сторінка.
Торкніться Зберегти або ✓.

Крок 2. Створіть шаблон сторінки товару

Після додавання розділу або блоку ви можете вибрати метаполе, натиснувши значок динамічного джерела:

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

Кроки:

Десктоп

У панелі адміністрування Shopify перейдіть у розділ Інтернет-магазин.
Натисніть Редагувати тему поруч із темою, яку хочете налаштувати.
У спадному меню Головна сторінка у верхній частині редактора виберіть Товари, а потім натисніть ⊕ Створити шаблон, щоб створити та налаштувати новий шаблон.
На бічній панелі навігації розділів перейдіть до блоків Шаблон > Інформація про товар, а потім натисніть ⊕ Додати блок.
Натисніть Спливне вікно.
У полі Мітка посилання введіть Таблиця розмірів. Це текст, на який клієнт натискає, щоб переглянути контент сторінки у спливному вікні.
Поруч із параметром Сторінка натисніть значок динамічного джерела, а потім виберіть створене вами метаполе з посиланням на сторінку.
Натисніть Зберегти.

Мобільний пристрій

У застосунку Shopify торкніться значка .
У розділі Канали продажів торкніться Інтернет-магазин > Керувати всіма темами.
Торкніться Редагувати тему для теми, яку хочете налаштувати.
У спадному меню Головна сторінка у верхній частині редактора виберіть Товари, а потім торкніться ⊕ Створити шаблон, щоб створити та налаштувати новий шаблон.
На бічній панелі навігації розділів перейдіть до блоків Шаблон > Інформація про товар, а потім торкніться ⊕ Додати блок.
Торкніться Спливне вікно.
У полі Мітка посилання введіть Таблиця розмірів. Це текст, на який клієнт натискає, щоб переглянути контент сторінки у спливному вікні.
Поруч із параметром Сторінка торкніться значка динамічного джерела, а потім виберіть створене вами метаполе з посиланням на сторінку.
Торкніться Зберегти або ✓.

Крок 3. Додайте сторінку з таблицею розмірів

Вам потрібно створити сторінку з контентом таблиці розмірів, на яку посилається метаполе. Якщо у вас уже є створена сторінка, ви можете перейти до кроку 4.

Кроки:

Десктоп

У панелі адміністрування Shopify перейдіть у розділ Інтернет-магазин > Сторінки.
Натисніть Додати сторінку.
У полі Назва введіть Таблиця розмірів, а потім додайте інформацію про таблицю розмірів у розділі Контент.
У розділі Видимість установіть для сторінки статус Видима.
Натисніть Зберегти.

Мобільний пристрій

У застосунку Shopify торкніться значка .
У розділі Канали продажів торкніться Інтернет-магазин > Сторінки.
Торкніться Додати сторінку.
У полі Назва введіть Таблиця розмірів, а потім додайте інформацію про таблицю розмірів у розділі Контент.
У розділі Видимість установіть для сторінки статус Видима.
Торкніться Зберегти або ✓.

Ви можете створити стільки сторінок із таблицями розмірів для посилання в метаполі, скільки вам потрібно. Проте в метаполі товару можна пов’язати лише одну сторінку.

Крок 4. Додавання посилання на сторінку та застосування шаблону товару до певних товарів

Коли ви додаєте посилання на сторінку для певного товару, інформація із цієї сторінки відображається лише для нього. Якщо залишити посилання на сторінку порожнім для товару, який використовує цей шаблон, текст посилання все одно відображатиметься як посилання. Однак без посилання на сторінку спливаюче вікно буде порожнім, що може заплутати клієнтів. Ви можете використовувати окремий шаблон сторінки товару для певних типів товарів, які мають таблиці розмірів (наприклад, одяг чи взуття), і інший шаблон для решти типів товарів (наприклад, дитячі іграшки, прикраси та інші аксесуари).

Дізнайтеся більше про шаблони.

Кроки:

Десктоп

У панелі адміністрування Shopify перейдіть до розділу Товари.
Натисніть товар, до якого потрібно додати посилання на сторінку.
У розділі Метаполя товарів натисніть посилання на сторінку Size chart, а потім натисніть Вибрати сторінки та виберіть сторінку Size chart.
У розділі Шаблон теми виберіть шаблон сторінки товару Size chart, який ви створили на кроці 2.
Натисніть Зберегти.

Мобільний пристрій

У застосунку Shopify торкніться значка .
Торкніться товару, до якого потрібно додати посилання на сторінку.
У розділі Метаполя товарів торкніться посилання на сторінку Size chart, а потім торкніться Вибрати сторінки та виберіть сторінку Size chart.
У розділі Шаблон теми виберіть шаблон сторінки товару Size chart, який ви створили на кроці 2.
Торкніться Зберегти або ✓.

Ви можете повторити ці кроки для будь-якої потрібної кількості товарів.