Это одна из самых неприятных вещей о разработке темы в Shopify - добавление пользовательского контента для продуктов и страниц не легко. Несмотря на поддержку метафилов для всех типов контента (блоги, статьи, страницы и продукты), невозможно создать или отредактировать эти поля и их содержимое в пределах View View View. Документацию, дополнительную информацию и обучающие материалы о метафилах можно найти здесь: https://www.shopify.com/partners/blog/110057030-using-metafields-in-your-shopify-theme
Если урок, упомянутый в вопросе, не подходит для ваших нужд, один из следующих вариантов может работать, но оба требуют знания Liquid.
1. Используйте редактор metafield приложение
магазин и отображать содержимое на вкладке 4 в пользовательских мета-поле, которое, к сожалению, не видно на представлении редактирования продукта.
У меня была лучшая удача с Shopify FD (http://shopifyfd.com/) или их чуть литровая версия. Выберите пользовательские поля, хотя для этого вам необходимо установить расширение Chrome, чтобы использовать его в дополнение к приложению. Если вы создаете сайт для клиента, это может быть не самый удобный для пользователя способ управления контентом, но он выполнит свою работу. Следуйте инструкциям по установке в приведенных выше ссылках, чтобы начать.
Как только вы сможете создавать и редактировать метафили, вам необходимо обновить свой шаблон product.liquid, чтобы отобразить метафилд, используя соответствующий ключ, т.е.
{{ product.metafields.care_instructions }}
2. Поместите содержимое в описании и использовать жидкость для извлечения его
Это решение не является идеальным, но просто выполнить. Основная идея заключается в том, что в поле описания будет содержаться как описание продукта, так и инструкции по уходу, разделенные уникальной строкой. Используйте уникальную строку для разбиения описания на массив. Первым элементом массива будет описание, а второе - инструкции по уходу.
{% comment %}
First create and capture the description into variables if the delimiter string is found.
{% endcomment %}
{% if product.description contains "<!-- #care_instructions -->" %}
{% assign content = product.description | split: "<!-- #care_instructions -->" %}
{% assign description = content[0] %}
{% assign care_instructions = content[1] %}
{% else %}
{% assign description = product.description %}
{% assign care_instructions = false %}
{% endif %}
{% comment %}
description will always exist as the product description content regardless if the delimiter is found
{% endcomment %}
{{ description }}
{% comment %}
if care_instructions is not false display it
{% endcomment %}
{% unless care_instructions == false %}
{{ care_instructions }}
{% endunless %}
Вам нужно будет обернуть выше в Bootstrap вкладке разметки для правильного отображения и, вероятно, добавить условное, чтобы ограничить отображение навигации элемента вкладки, когда care_instructions установлен в ложь, чтобы избежать пользователей, нажав на вкладку пустой ,