Добавление всплывающей таблицы размеров на страницы товаров

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

С помощью метаполей вы можете добавить ссылку на страницу в блок всплывающего окна, который отображает ссылку на ваших страницах товаров. При нажатии на эту ссылку открывается всплывающее окно с контентом страницы. Вы можете добавлять изображения и другие медиафайлы с помощью редактора форматированного текста для ваших страниц.

Ниже приведены примеры информации, которую можно добавить во всплывающее окно на страницах товаров:

Таблицы размеров
Инструкции по уходу
Инструкции по сборке
Характеристики товара
Часто задаваемые вопросы

Это учебное руководство из 4 шагов, в котором описывается, как работать с метаполями-ссылками на страницы, создать метаполе товара для ссылки на страницу, создать шаблон страницы товара для интернет-магазина, добавить новую страницу, указать ссылку на страницу в конкретных товарах и применить шаблон страницы товара к конкретным товарам. С помощью этого руководства вы можете создать любой контент для всплывающего окна. В этом руководстве повсеместно используется пример с таблицей размеров.

Для этого учебного руководства требуется тема, поддерживающая динамические источники. Если вы используете устаревшую тему или хотите добавить типы метаполей, которые не поддерживаются вашей темой, вы можете отредактировать код темы или нанять партнёра Shopify.

На этой странице

Шаг 1. Создание метаполя товара для страницы

Для начала необходимо создать определение метаполя-ссылки на страницу для страниц ваших товаров. Метаполе товара ссылается на конкретную страницу, и его можно настроить для каждого товара. Если вы не добавите ссылку на страницу для товара, который использует тот же шаблон, текст ссылки для всплывающего окна всё равно будет отображаться, как будто контент есть. Чтобы ссылка для всплывающего окна отображалась только для определённых товаров, вы можете создать шаблон товара и применить его только к соответствующим товарам.

С помощью метаполей-ссылок на страницы можно отображать различную информацию о товарах, создавая разные страницы для разных типов товаров. Например, можно создать две разные страницы с таблицами размеров для двух разных возрастных групп, например, таблицу размеров для малышей ясельного возраста и таблицу размеров для младенцев, а затем добавить ссылку на страницу с размерами для малышей ясельного возраста только к товарам, предназначенным для них.

Чтобы подключить метаполе к блоку всплывающего окна в редакторе тем, необходимо создать для него определение со ссылкой на страницу. При создании определения метаполя по умолчанию будет выбран параметр Доступно для витрины.

Шаги:

Компьютер

В панели администратора Shopify перейдите в раздел Настройки > Метаполя и метаобъекты.
В разделе Определения метаполей нажмите Товары.
Нажмите Добавить определение.
В поле Название введите Таблица размеров.
Нажмите ⊕ Выбрать тип.
В выпадающем меню выберите Страница. По умолчанию выбран параметр Одна страница.
Нажмите Сохранить.

Мобильное устройство

В приложении Shopify нажмите , а затем нажмите Настройки.
В разделе Настройки магазина нажмите Метаполя и метаобъекты.
В разделе Определения метаполей коснитесь Товары.
Коснитесь +.
В поле Название введите Таблица размеров.
Коснитесь + Выбрать тип.
Коснитесь, чтобы выбрать Страница в выпадающем меню. По умолчанию выбран параметр Одна страница.
Коснитесь Сохранить или ✓.

Шаг 2. Создание шаблона страницы товара

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

Значок подключения динамического источника

Если вы не хотите добавлять ссылку на всплывающее окно с таблицей размеров для всех товаров, вам понадобится создать новый шаблон страницы товара. В этой инструкции вы создадите новый шаблон страницы товара, но вместо этого можно выбрать для настройки уже существующий.

Шаги:

Компьютер

В панели администратора Shopify перейдите в раздел Интернет-магазин > Темы.
Нажмите Редактировать тему рядом с темой, которую вы хотите настроить.
В выпадающем меню Главная страница в верхней части редактора нажмите Товары, а затем — ⊕ Создать шаблон, чтобы создать и настроить новый шаблон.
На боковой панели навигации перейдите к блокам Шаблон > Информация о товаре и нажмите ⊕ Добавить блок.
Нажмите Всплывающее окно.
В поле Текст ссылки введите Таблица размеров. Этот текст будет отображаться в качестве ссылки, открывающей всплывающее окно.
Рядом с пунктом Страница нажмите значок динамического источника, а затем выберите созданное вами метаполе со ссылкой на страницу.
Нажмите Сохранить.

Мобильное устройство

В приложении Shopify нажмите значок .
В разделе Каналы продаж нажмите Интернет-магазин > Управление всеми темами.
Нажмите Редактировать тему для темы, которую хотите настроить.
В выпадающем меню Главная страница в верхней части редактора нажмите Товары, а затем — ⊕ Создать шаблон, чтобы создать и настроить новый шаблон.
На боковой панели навигации перейдите к блокам Шаблон > Информация о товаре и нажмите ⊕ Добавить блок.
Нажмите Всплывающее окно.
В поле Текст ссылки введите Таблица размеров. Этот текст будет отображаться в качестве ссылки, открывающей всплывающее окно.
Рядом с пунктом Страница нажмите значок динамического источника, а затем выберите созданное вами метаполе со ссылкой на страницу.
Коснитесь Сохранить или ✓.

Шаг 3. Добавьте страницу с таблицей размеров

Вам нужно создать страницу с таблицей размеров, на которую будет ссылаться метаполе. Если у вас уже есть такая страница, переходите к шагу 4.

Шаги:

Компьютер

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

Мобильное устройство

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

Вы можете создать любое количество страниц с таблицами размеров для ссылок в метаполях. Однако в метаполе товара можно указать ссылку только на одну страницу.

Шаг 4. Укажите ссылку на страницу и примените шаблон товара к определенным товарам

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

Подробнее о шаблонах.

Шаги:

Компьютер

В панели администратора Shopify перейдите в раздел Товары.
Нажмите на товар, к которому вы хотите добавить ссылку на страницу.
В разделе Метаполя товара нажмите на метаполе Таблица размеров, затем нажмите Выбрать страницы и выберите страницу Таблица размеров.
В разделе Шаблон темы выберите созданный на шаге 2 шаблон страницы товара Таблица размеров.
Нажмите Сохранить.

Мобильное устройство

В приложении Shopify нажмите значок .
Нажмите на товар, к которому вы хотите добавить ссылку на страницу.
В разделе Метаполя товара нажмите на метаполе Таблица размеров, затем нажмите Выбрать страницы и выберите страницу Таблица размеров.
В разделе Шаблон темы выберите созданный на шаге 2 шаблон страницы товара Таблица размеров.
Коснитесь Сохранить или ✓.

Вы можете повторить эти шаги для любого количества товаров.