Shopify Editions ’23 — Обзор

moek
4 min readDec 3, 2023

Содержание

  • Содержание
  • Статья доступна в видео-формате
  • Sidekick & Shopify Magic
  • Новый дизайн админ-панели
  • Polaris 12
  • Гибкие секции (flex sections)
  • Плагин подписок
  • Shopify Collective
  • Новвоведения в B2B
  • Marketplace connect
  • mock.shop
  • Обновление плагина Search and discovery
  • Шаблон приложения на Remix
  • Приложения-расширения
  • Страницы созданные на метаобъектах
  • Заключение
  • Ресурсы

Статья доступна в видео-формате

Sidekick & Shopify Magic

Искусственный интеллект, созданный для электронной коммерции. Позволяет быстро управлять магазином, например, создать скидку на все продукты и добавить их новой секцией на сайт. Также вы сможете создавать статьи, имейл рассылки, анализировать ваш магазин, и ещё много всего. Если вкратце, то это Chat GPT в Шопифай магазине.

Новый дизайн админ-панели

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

Polaris 12

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

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

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

Гибкие секции (flex sections)

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

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

Плагин подписок

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

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

Плагин ещё не вышел, поэтому пока что невозможно сказать как он работает.

Shopify Collective

Появилась возможность коллаборировать с другими брендами и продавать их товары в своем магазине (работает пока что только с бизнесами США). Пример Shopify Collective можно посмотреть в магазине Drake Collective — американо-канадского репера Дрейка.

Новвоведения в B2B

Об обновлениях в B2B я написал в своем телеграм канале. Перейти в телеграм канал.

Marketplace connect

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

mock.shop

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

Обновление плагина Search and discovery

Приложение Shopify Search & Discovery теперь поддерживает переименование фильтров (например отображать «теги» как «функции») , перевод фильтров и группирование значений фильтра («аква» и «бирюзовый» вместе как «синий»). Также упростили бизнесам с большими каталогами добавление, массовое редактирование и просмотр поисковых ускорителей и рекомендаций по продукции.

Шаблон приложения на Remix

Новый шаблон приложения позволяет разработчикам создавать динамичные приложения с помощью JavaScript.

GraphQL — это функция, которую вы получаете после аутентификации. Вебхуки — это маршруты. Все быстро, и сделано на Remix.

Чтобы начать работу с шаблоном приложения Remix, запустите npm init @shopify/app@latest в интерфейсе командной строки.

Приложения-расширения

Приложения-расширения — это настраиваемые приложения, в которых нет встроенных страниц. Так они полностью состоят из расширений, эти приложения могут размещаться на Shopify. Они имеют URL-адрес приложения, который заполняет Shopify, его можно изменить, если хотите создать встроенные страницы или разместить своё приложение в Shopify App Store.

Страницы созданные на метаобъектах

Появилась возможность использовать метаобъекты для создания лендингов. Например, если у вас есть программа амбассадоров, то вы можете создать веб-страницу для каждого амбассадора с биографией, ссылками в социальных сетях и изображениями. Я снимал видео о создание такой страницы, ссылка будет в описание или в правом верхнем углу.

Заключение

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

Ресурсы

--

--

moek
0 Followers

Создаю веб решения для бизнесов, стартапов и хороших людей. Люблю своё дело, пишу статьи, снимаю видео, делюсь знаниями с миром.