使用 Theme Kit 購買本地開發

Shopify 主題也可以在本地開發。請按照以下步驟設定本地開發環境:

  • 安裝 Shopify 主題套件
  • 獲取 API 訪問許可權
  • 使用新主題或使用主題工具包配置現有主題

上述步驟的說明如下:


安裝 Shopify 主題套件

自動安裝

如果你使用的是 Mac 或 Linux,則可以使用以下安裝指令碼自動下載並安裝 Theme Kit。

curl -s https://raw.githubusercontent.com/Shopify/themekit/master/scripts/install | sudo python

家釀

如果安裝了自制程式,則可以通過執行以下命令來安裝 Theme Kit。

brew tap shopify/shopify
brew install themekit

Windows 安裝

自動 Powershell 安裝

以管理員身份在 Powershell 中執行以下命令。

(New-Object System.Net.WebClient).DownloadString("https://raw.githubusercontent.com/Shopify/themekit/master/scripts/install.ps1") | powershell -command -

手冊

  • 在 C:\ Program Files \中建立一個名為 Theme Kit 的資料夾
  • 下載 themekit(下面)並將提取的程式複製到 C:\ Program Files \ Theme Kit 中
  • 導航到控制面板>系統和安全>系統。另一種方法是右鍵單擊我的電腦並選擇屬性項
  • 查詢名為 Environment Variables 的按鈕或連結
  • 在第二個面板中查詢名為 Path 的專案,然後雙擊它。這應該開啟一個視窗,其中包含一個充滿內容的文字欄位。
  • 將游標一直移動到最後並新增以下內容:; C:\ Program Files \ Theme Kit \
  • 單擊確定,直到所有視窗都消失。
  • 要驗證是否已安裝 Theme Kit,請開啟 cmd.exe 並鍵入 theme。

手動安裝

下載最新版本的可執行檔案

OS 建築 連結
蘋果系統 64 位 下載
視窗 64 位 下載
視窗 32 位 下載
Linux 64 位 下載
Linux 32 位 下載

獲取 API 訪問許可權

你需要設定 API 金鑰以新增到我們的配置中,並在你的商店和主題工具包之間建立連線。API 金鑰允許主題工具包與你的商店進行對話和訪問,以及其主題檔案。

為此,請登入 Shopify 商店,並建立一個私人應用程式。在 Shopify 管理員中,轉到應用並點選檢視私人應用。從那裡,單擊生成 API 憑據以建立你的私人應用程式。確保將主題模板和主題資源的許可權設定為具有讀寫許可權以生成相應的 API 憑據,然後單擊儲存

https://i.stack.imgur.com/e7xkY.gif

填寫頂部的資訊,並將主題模板和主題資產的許可權設定為讀寫訪問許可權。按儲存,你將看到下一個螢幕。在其中,你將看到你的訪問憑據。請記下密碼。你以後會需要它。

StackOverflow 文件

使用新主題

如果你從頭開始並希望快速入門,請執行以下命令:

theme bootstrap --password=[your-password] --store=[your-store.myshopify.com]

這將從 Timber 模板為你的線上商店建立一個新主題。然後它將從 Shopify 下載所有這些資產並自動為你建立 config.yml 檔案。

配置現有主題

要連線現有主題,你需要主題的 ID 號。獲取主題 ID 號的最簡單方法是轉到主題編輯器,單擊編輯 HTML / CSS 並從 URL 複製主題 ID 號 - 它將在 mystore.myshopify.com/admin/themes/之後的最後幾位數字。 https://i.stack.imgur.com/ZCi47.gif

然後,一旦注意到主題 ID,請執行以下命令:

# create configuration
theme configure --password=[your-password] --store=[you-store.myshopify.com] --themeid=[your-theme-id]
# download and setup project in the current directory
theme download