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 все еще находится в разработке.