Стартовый шаблон для уведомлений электронной почты Shopify

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

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

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

🚀 shopify-email-notification

Особенности

  • Предварительный просмотр писем уведомлений на локальном сервере
  • Горячая перезагрузка локального сервера
  • Обращение к шаблонам электронной почты по умолчанию, которые предоставляет Shopify
  • На основе шаблонов Liquid
  • Редактируемые переменные уведомления
  • Поддержка TypeScript
  • Поддержка нескольких языков (английский и японский)
  • Встроенные полезные команды

Требования

  • Node v16+
  • Магазин Shopify

Как использовать

Вы можете напрямую сгенерировать новый репозиторий из этого репозитория.

🚀 shopify-email-notification

Пожалуйста, нажмите «Использовать этот шаблон».

Клонирование репозитория вашего проекта

Клонируйте репозиторий, который вы создали из shopify-email-notification.

git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY
Войдите в полноэкранный режим Выйдите из полноэкранного режима

Установить пакеты

Установите все зависимости для проекта с помощью следующей команды.

yarn install
Войти в полноэкранный режим Выйти из полноэкранного режима

Создайте файл .env (необязательно)

Создайте .env в корне, а затем добавьте ваш url администратора shopify. Замените your-shop-name на your.

ADMIN_URL=https://your-shop-name.myshopify.com/admin/
Войдите в полноэкранный режим Выйдите из полноэкранного режима

Начать разработку

Запустите свой проект в режиме разработки.

yarn start
Войти в полноэкранный режим Выход из полноэкранного режима

Откройте http://localhost:4000, и вы сможете предварительно просмотреть шаблоны уведомлений.

С помощью этой команды вы также можете мгновенно открыть страницу администратора вашего магазина.

yarn admin
Войти в полноэкранный режим Выйти из полноэкранного режима

Я рекомендую использовать команду format, поскольку она уведомляет о синтаксических ошибках.

yarn format
Войти в полноэкранный режим Выйти из полноэкранного режима

Вот и все, что нужно сделать перед началом работы над проектом.

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

📖 Список полезных команд

Спасибо!

Надеюсь, shopify-email-notification будет вам полезен.

shopify-email-notification все еще находится в разработке.

Оцените статью
devanswers.ru
Добавить комментарий