Shopify Интернет-магазин 2.0 - все, что вам нужно знать

Если вы подпишитесь на услугу по ссылке на этой странице, Reeves and Sons Limited может получить комиссию. Смотрите наши заявление об этике.

В 2020 году более 450 миллионов человек выписались из Shopify. Валовой объем продаж компании составил более 120 миллиардов долларов. Это очевидный факт, что Shopify огромен и становится все больше.

Shopify во вторник (29 июня 2021 г.) анонсировал ряд новых функций, направленный на то, чтобы сделать платформу более настраиваемой для всех, кто запускает магазин на Shopify, онлайн Shopify 2.0 предлагает огромный список новых функций и тем для Shopify купцы.

Слово из Shopify заключается в том, что Интернет-магазин 2.0 является плодом самой важной перестройки языка, который он использует для создания шаблонов: языка Liquid.

Во-первых, обновленный интернет-магазин упростит разработчикам добавление настраиваемых функций на свои витрины. Netflix получил доступ к этой платформе на раннем этапе, и они использовали доступ для создания Netflix.shop - первого магазина электронной коммерции для Netflix.

Вот краткий обзор того, что для вас значит Интернет-магазин 2.0.

Обзор

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

Эталонная тема Dawn, новая стандартная тема витрины в разработке, будет на 35% быстрее, чем текущая тема по умолчанию (согласно внутренним оценкам). Shopify также упомянул, что новая тема будет открыта для заявок разработчиков с 15 июля 2021 года.

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

С новым обновленным интернет-магазином 2.0, Shopify пытается сделать платформу более заметной для разработчиков и технологических гигантов. Движение, сигнализирующее об этом, было предложением раннего доступа к Store 2.0 для Netflix (упоминалось ранее).

Интернет-магазин 2.0 универсален. В новом магазине каждый получит возможность создавать, настраивать, масштабировать и монетизировать Shopify.

Новая архитектура темы

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

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

В файлах шаблонов JSON вы можете определить разделы, которые будут отображаться.

Файлы шаблонов определяют, какие разделы отображаются по умолчанию и в каком порядке они появляются в устанавливаемой вами теме. После добавления шаблона вы можете добавить динамические разделы в качестве предустановок темы, перейдя в редактор темы.

Расширения приложений темы с блоками приложений

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

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

Модульность приложения

Еще одна изюминка - модульность приложения. Это просто означает, что теперь вы, как разработчик, можете добавлять и удалять компоненты пользовательского интерфейса через редактор тем. Вам не нужно обращаться к коду темы.

Это дает вам простой способ управлять вспомогательными активами приложения. С участием Shopify 2.0 вы можете легко управлять вспомогательными активами вашего приложения и размещать их на платформе.

Изменения в метаполях

Обновленный редактор тем позволяет продавцам добавлять метаполя и свойства. Хорошая новость в том, что вам не нужны ни API, ни какая-либо форма кодирования, чтобы это стало возможным.

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

Вот различные способы изменения мета-полей.

  • Трансформируемость: Метаполя более гибкие. Это поможет вам безопасно импортировать коммерческие данные.
  • Стандартные мета-поля: Стандартные мета-поля упрощают запуск пользовательских тем в магазинах по всем рыночным вертикалям.
  • Советы по презентации: Вы можете добавить подсказки презентации к метаполям для отображения данных магазина.

Средство выбора файлов

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

Доступ к изображениям можно получить через раздел настроек / файлов, и они предназначены для немедленного использования.

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

API файлов

С версией API 2021-07 вы можете использовать File API для создания, обновления и удаления общих файлов. Это позволяет продавцам повторно использовать разные файлы для разных приложений. Они добавляются на страницу файлов внутри Shopify админ.

Разработчики смогут получить доступ к настройкам / файлам через новый API файлов. API GraphQL, представленный в этой версии, упрощает загрузку или выбор существующих медиафайлов с помощью настроек / файлов. Приложения могут получить выгоду от доступа к этой конкретной области в админке при заполнении метаполя через контент.

Это открывает приложениям возможность использовать это пространство для файлов и изображений, которые не связаны напрямую с продуктом, включая изображения, используемые в темах.

Настройка входа жидкости

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

Настройка Liquid аналогична настройке HTML. Единственная разница в том, что вы получаете доступ к переменным Liquid. Продавцы могут получить доступ как к глобальным, так и к специфическим для шаблона объектам Liquid.

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

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

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

Новые инструменты разработчика

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

Ассоциация Shopify Интеграция с GitHub упрощает использование Shopify Инструмент CLI вместе с проверкой темы. Оба этих инструмента позволяют тестировать темы в sandbox и оптимизирует разработку в результате этого.

Shopify Интеграция с Github

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

Ассоциация Shopify Интеграция с GitHub гарантирует, что вы сможете связать свою учетную запись пользователя с Shopify admin и подключите ветки Git к темам в магазине. Встроенная поддержка контроля версий позволяет вам также вносить, отслеживать и управлять изменениями кода темы:

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

Shopify CLI

Есть новые изменения в Shopify Инструмент командной строки также. Разработчики приложений до сих пор использовали инструмент CLI для создания приложений Node.js и Ruby on Rails, но с текущими изменениями разработчики могут создавать собственные темы с помощью CLI.

Вот полный набор функций, которые вы получаете:

  • Вы можете разрабатывать, просматривать и тестировать изменения тем внутри тем разработки.
  • Вы можете выполнить горячую перезагрузку изменений раздела CSS и Liquid, которые вы разрабатываете, благодаря серверу разработки.
  • Инициализируйте новый проект темы, используя новую тему Dawn.
  • Отправляйте и публикуйте темы из командной строки
  • Выполните проверку темы в теме.
  • Заполните тестовые данные для темы для клиентов продуктов и проектов заказов.

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

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

Темы разработки можно использовать для просмотра изменений в теме, разрабатываемой локально, в режиме реального времени, взаимодействия с темой и настройки темы с помощью редактора тем. Таким образом, новый инструмент командной строки дает вам полный контроль над тем, как выглядит окончательная тема.

Инструменты могут упростить процесс разработки и быстро начать работу с Интернет-магазином 2.0.

Проверка темы

Проверка темы - еще один неотъемлемый компонент для Liquid и JSON, который сканирует темы на наличие ошибок. После завершения сканирования инструмент выделяет передовой опыт как для Shopify платформа и язык Liquid.

Это интегрируется с редакторами, такими как Visual Studio, и выявляет проблемы с кодом.

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

Другие особенности, на которые стоит обратить внимание

API массовых мутаций

Конечная точка Bulk OperationRunMutation - это решение для Shopify для массового экспорта данных в магазин.

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

Вот доступные варианты:

  • продуктСоздать
  • коллекцияСоздать
  • продуктОбновление
  • продуктОбновлениеМедиа
  • продуктстраницаобновление
  • productVariantОбновление
  • метаполеUpsert
  • ценаСписокФиксированныеЦеныДобавить
  • PriceListFixedPricesDelete

Checkout Resource API для скидок

Ресурс оформления заказа возвращает свойство application_type для скидок, добавленных к оформлению заказа. В поле отображается способ применения скидки.

Допустимые значения: automatic, Discount_code, manual и script.

Темы настройки входа жидкости

Новые настройки ввода Liquid предназначены для того, чтобы продавцы могли добавлять собственный код Liquid прямо из самого редактора. Это очень похоже на настройку HTML.

Продавцы могут получить доступ к глобальным и зависящим от шаблона объектам Liquid без каких-либо изменений в коде темы. Новая эталонная тема называется «Рассвет». Это справочная тема с открытым исходным кодом, сочетающая гибкость и простоту использования. Он использует несколько функций Интернет-магазина 2.0, таких как шаблоны JSON и блоки приложений.

Подводя итоги:

Shopify состоит из трех частей в магазине:

  • Темы и онлайн-редактор
  • Сохранение содержимого
  • Инструменты разработчика

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

ShopifyОбновленный язык шаблонов теперь имеет аналогичный внутренний редактор, такой как Gutenberg WordPress, выпущенный еще в 2018 году. Это приближает его к редакторам страниц на таких платформах, как Squarespace и Wix.

Редактор легко заменяет ряд Shopify apps включая популярный конструктор страниц Shogun.

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

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

Что вы думаете о Shopify Интернет-магазин 2.0? Дайте нам знать в комментариях ниже.

Богдан Рэнца

Богдан является одним из основателей Inspired Mag, накопив за этот период почти 6-летний опыт. В свободное время он любит изучать классическую музыку и изучать изобразительное искусство. Он тоже одержим исправлениями. У него уже есть 5.

Комментарии Ответы 4

  1. Отметьте говорит:

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

  2. Джейн Гейтс говорит:

    Спасибо, что поделился. Легко проницательное чтение!

  3. доларгруппа говорит:

    Отличная статья. Не может быть ничего лучше. Так держать!

Оставьте комментарий

Ваш электронный адрес не будет опубликован. Обязательные поля помечены * *

Рейтинг *

Этот сайт использует Akismet для уменьшения количества спама. Узнайте, как обрабатываются ваши данные комментариев.