Перейти к содержимому

Используйте метаполя в блоках Custom Liquid! Shopify 2.0

Ed Codes - Shopify DIY Tutorials

0:00 / 0:00

Используйте метаполя в блоках Custom Liquid! Shopify 2.0

19 612 просмотров · 4 г. назад
Ed Codes - Shopify DIY Tutorials
34,1 тыс. подписчиков
19 612 просмотров · 4 г. назад
В Shopify 2.0 теперь можно использовать код Liquid в редакторе тем. Это позволяет выводить метаполя с помощью кода. Это ОГРОМНОЕ преимущество, поскольку открывает множество возможностей: Условное отображение значений метаполей Форматирование значений метаполей с помощью HTML Стилизация по вашему желанию с помощью CSS Доступ к другим товарам и многое другое. Вам нужно лишь знать основы HTML и кода Liquid, поэтому я покажу вам несколько примеров, чтобы вы могли начать. Если вы РАНЬШЕ НЕ ИСПОЛЬЗОВАЛИ МЕТАПОЛЯ, сначала посмотрите это видео:    • Shopify 2.0 Metafields Tutorial (Real Stor...   ===== Получите код ===== https://ed.codes/blogs/tutorials/usin... ===== Смотрите дальше ===== Научитесь массово редактировать метаполя:    • How To Bulk Edit Metafields In Shopify Onl...   Шаблоны Shopify 2.0 для настройки вашего магазина:    • Shopify Templates Tutorial - Different Lay...   ===== Кто я? ===== Привет! Меня зовут Эдуард. Я обучаю технической стороне создания и управления магазином Shopify. Я профессиональный веб-разработчик, но моя цель — сделать Shopify простым и понятным с помощью видеоуроков. Посетите мой сайт: https://ed.codes ===== Будьте в курсе событий ===== Хотите увидеть мои последние советы, уроки и дополнения к коду? YouTube не всегда показывает их. Подпишитесь, чтобы получать письма напрямую от меня: https://ed.codes/pages/newsletter ===== Ознакомьтесь с моими дополнениями для Shopify ===== https://shop.ed.codes/ Встроенные разделы и функции для тем Shopify 2.0, часто заменяющие необходимость в приложениях. Скопируйте и вставьте код в свою тему. ===== Часто задаваемые вопросы ===== Мои любимые приложения Shopify - https://ed.codes/blogs/resources/actu... Мои любимые темы - https://ed.codes/blogs/resources/best... ===== Разделы ===== 00:00 Введение 02:16 Что мы будем создавать сегодня 03:02 Пример 1: Условие IF 08:55 Пример базового CSS-стилирования 10:16 Пример 2: Ссылка на связанный товар 15:25 Вывод изображения связанного товара 18:30 Предстоящий курс программирования для владельцев магазинов