Search…
⌃K
Links

Awesome Shopify

精選的 Shopify 資源、庫和開源項目列表。
Shopify 是一個流行的電子商務平台,允許建立和管理在線商店。 如果您想投稿,請閱讀投稿指南。 感謝所有 貢獻者,你們太棒了,沒有你們就不可能!
## 內容
## 社區

文檔

前端開發

用戶界面/用戶體驗

  • Shopify Polaris - Polaris 是一個 React 組件庫,旨在幫助開發者為商家創造最佳體驗。GitHub
    .
  • Slate - Slate 是用於開發 Shopify 主題的工具包,旨在幫助您的工作流程並加快開發、測試和部署主題的過程。
  • Shopify Polaris UI 套件 - Sketch UI 套件提供了一組可重複使用的組件,幫助您為 Shopify 製作出色的產品。
  • Polaris 圖標瀏覽器 - 一組簡單且信息豐富的圖標,這些圖標利用了 Polaris 設計系統的視覺語言。
  • Shopify 主題實驗室 - 可定制的模塊化開發環境,用於快速創建 Shopify 主題,與 Vue.js 和 Tailwind CSS 捆綁在一起。
  • Shopify Packer - 使用 Webpack 5 的 Shopify 現代開發工具。易於擴展和定制,零構建配置,與 Slate 和現有網站兼容。

CSS 框架

  • Foundationify - 基於響應式 Zurb Foundation 5 框架的 Shopify 主題。
  • Uptown CSS - Uptown CSS 是一個語義工具包,旨在幫助開發人員構建完全響應的 Shopify 應用程序。

液體模板

  • Liquid - Liquid 是一種安全的、面向客戶的模板語言,適用於靈活的 Web 應用程序。
  • Liquid Cheat Sheet - 使用 Liquid 構建 Shopify 主題的資源。
  • Liquid 模板語言參考 - Liquid 是所有 Shopify 主題的支柱,用於將動態內容加載到在線商店的頁面。

Shopify 在線商店 2.0

  • Shopify Dawn - Shopify 的第一個源可用參考主題,內置在線商店 2.0 功能和性能。
  • Figma - Shopify 的 Dawn 主題 - 在線商店 2.0 - 如果您正在為新的 Shopify 在線商店 2.0 設計主題並且希望擁有 Dawn主題作為一個很好地放在一起的 Figma 文件。
  • Helium - 從頭開始的 Shopify 主題環境⚙️,具有在線商店 2.0 功能。構建時考慮到了性能⚡️和最佳實踐,在 SASS/ES6 文件更改上具有熱模塊重新加載以實現快速開發和更多其他開箱即用的功能...... ### 其他
  • Liquid Ajax Cart - 一個 JavaScript 庫,用於使用 Liquid 模板構建 Shopify Ajax-carts。
  • Cart.js - 一個 JavaScript 庫,為 Shopify 主題的購物車提供動力。
  • Shopify Skeleton 主題 - 一個簡化的 Shopify 主題。
  • shopify-css-import - 使用 Grunt.js 或 Gulp.js 將 CSS 導入功能添加到 Shopify 主題開發中。
  • 在您的自定義店面中設置和使用 Shopify 元字段 - 使用用於創建和獲取 Shopify 元字段的 GraphQL API。
## 移動的
您可以使用 iOS 和 Android Buy SDK 將 Shopify 結賬集成到您的移動應用程序中。這使您可以通過該應用銷售您的任何實體產品,並在您的 Shopify 後台中跟踪銷售信息。在此處了解更多信息›
### 安卓

iOS

您可以使用官方 Shopify 庫或以下任何第三方庫來驗證 Shopify API 並與之交互。

紅寶石

### Python

JavaScript

點網

靈藥

哈斯克爾

爪哇

哥朗

  • gopify - 一個用於在 Go 中開發 Shopify 應用程序的簡單包。
  • bold-commerce/go-shopify - Shopify API 的 Go 客戶端。
  • go-shopify - Golang 工具,用於連接 Shopify 的 API。
  • shoauth - Golang 的 Shopify oauth (oauth2) 中間件。

PHP

R

  • shopifyr - 旨在為 R 中的 Shopify Admin API 提供易於使用的界面。

## 例子
一個開源項目

JavaScript 示例

PHP 示例

Python 示例

Ruby 示例

Elixir 示例

代碼片段

## 工具
### 應用程序
  • Shopify developer-tools - 一個 macOS 應用程序,可連接到您的 Shopify 商店並允許您對 Admin API 進行經過身份驗證的調用,生成虛擬數據,並查看和自定義 Polaris 組件。[更多信息](https://www.shopify.com/partners/blog/developer-tools)。

瀏覽器擴展

命令行工具

  • Shopify CLI - Shopify CLI 可幫助您更快地針對 Shopify 平台進行構建🚀。
  • Shopify Theme Kit - Shopify 主題開發命令行工具。
  • Shopify 主題檢查 - 終極 Shopify 主題 Linter。
  • ziplinesFly - 輕鬆進入 Shopify 開發流程。
  • grunt-shopify - 用於發布 Shopify 主題資產的 Grunt 插件。
  • Shopify 開發工具 - 協助應用程序和商店的開發/維護:操作元字段和 webhook、打開管理頁面、檢索商店信息等.
  • Shopify ID 導出 - 將 Shopify 產品和變體 ID(連同其他標識符)轉儲到 CSV 或 JSON 文件中。
  • Shopify 電子郵件模板同步客戶端 - Shync 可以從您的 Shopify 商店管理員簽出/下載 Shopify 電子郵件模板到您的本地計算機,並在您的本地計算機上推送/同步您的電子郵件模板本地機器到 Shopify。

編輯器

### 服務
  • Ngrok - Ngrok 是一個工具,可以輕鬆地將您的開發環境公開到 Internet。
  • RequestBin - 它給你一個桶來捕獲外部請求。這對於查看 Shopify Webhook 的內容非常有用。
  • Hookdeck - Hookdeck 是一種使用自定義重試邏輯、警報和過濾來監控 Shopify Webhooks 的工具. 在開發和生產中使用 webhook 時,有助於提供可見性並節省時間。

實用程序