本地主題設定

有幾種方法可以設定 Shopify 主題的本地副本:

  • Node.js(gulp / grunt)
  • 紅寶石
  • 主題應用程式(僅限 Mac)

可能還有其他一些方法,但我發現紅寶石方式最容易使用。

要在 Shopify 主題檔案上本地工作,你需要做一些事情:

Ruby 安裝程式

首先是安裝 Ruby 安裝程式,使用最新版本。

安裝過程很簡單,但它會要求你將 Ruby 新增到 Windows 環境全域性路徑中,你應該單擊該核取方塊並將其新增到那裡,這樣你就不必手動執行此操作。

開發,套件

你應該選擇與你新增的 Ruby 安裝程式一起使用的 DevKit 的正確版本。

安裝過程也很簡單。

  1. 例如,你在 C:\ DevKit 中解壓縮該檔案
  2. 你在該資料夾中 cmd 並寫入 ruby dk.rb init,它應該在 filder 中建立 config.yml
  3. 如果你開啟 config.yml 檔案,你應該在底部看到 - C:/Ruby23-x64(取決於你安裝 Ruby 的位置以及版本),如果不存在,則必須手動新增
  4. 之後在同一個資料夾中執行以下 ruby dk.rb install
  5. 如果一切正常,你應該能夠執行以下命令 - gem install json --platform=ruby,它將確認你的 Ruby 安裝正在執行

這裡也可以看到更詳細的說明: https//github.com/oneclick/rubyinstaller/wiki/Development-Kit

SSL 證書

你需要將 cacert.pem 檔案新增到視窗全域性變數中。

  1. 你必須下載以下檔案: https : //curl.haxx.se/ca/cacert.pem(將其儲存為 .pem 而不是 .pem.txt)
  2. 你必須進入環境變數螢幕,然後在系統變數下單擊新建
  3. 對於 Variable name,輸入 SSL_CERT_FILE ,對於變數值,輸入檔案的路徑,例如 C:\ RailsInstaller \ cacert.pem

Shopify 主題寶石

開啟 cmd 並輸入以下程式碼:gem install shopify_theme

這應該安裝我們需要的 Shopify 主題寶石。

如果你通過上述所有步驟一次,你將不再執行這些步驟。

現在,你每次開始新的 Shopify 專案時都必須執行以下步驟:

  • 建立一個私人應用程式(來自 Shopify 商店)
  • 使用私有應用程式資訊建立配置檔案

建立一個私人應用程式

你必須登入 Shopify 商店管理面板並轉到應用程式螢幕 - >私人應用程式:

https://YOUR-STORE-NAME.myshopify.com/admin/apps/private

然後單擊建立私人應用按鈕。

它會問你一個標題。 (輸入你喜歡的)

重要的是將所有許可權更改為讀取和寫入

更改許可權並儲存應用程式後,它會將你重定向到一個頁面,你將從該頁面獲取此應用程式的 API 金鑰和密碼。 (你需要我們將在下面建立的配置檔案)

建立配置檔案

轉到你喜歡主題檔案和 cmd 裡面的本地資料夾。

編寫以下命令:

theme configure API-KEY PASSWORD DOMAIN ID

哪裡:

  • API 金鑰 - 取自我們建立的私有應用程式
  • 密碼 - 取自我們建立的私人應用程式
  • 域名 - 這是你的域名 YOUR-STORE-NAME.myshopify.com ,在它之前沒有 https://
  • ID - 這是主題 ID,如果你打算使用實時主題,你可以跳過這個,但如果你正在克隆它們,那麼你必須在這裡輸入主題 ID

一旦你執行上面的程式碼,它應該建立一個名為 config.yml 的檔案,其中將提供所有提供的資訊。

現在你應該在 config.yml 所在的資料夾中使用 cmd(以防你關閉控制檯) 並編寫以下程式碼:theme download 應該開始逐個下載檔案。

完成下載過程後,你可以編寫 theme watch,每次修改下載的檔案時,它也會在 1-2 秒後更新 Shopify 商店中的檔案。如果新增檔案也是如此,但刪除檔案時則不然。

有關 Gem 的更多詳細資訊,請訪問: https//github.com/Shopify/shopify_theme