超過440 萬個 電子商務網站是使用 Shopify 平台建構的。這是一款自 2006 年推出以來震撼整個網路的一體式電子商務平台。
但Shopify的關鍵方面之一是其直覺的網站建立器,有數千個主題和 Shopify 應用程式整合可供選擇。
然而,雖然無程式碼建構器可以讓您創建令人驚嘆且獨特的網站,但也存在一些限制。例如,當您開始建立線上商店時,您必須選擇一個主題來定義您對內容的安排和控制層級。即使您選擇一個空主題,即沒有內容的主題,仍然有一個底層程式碼架構來預先定義內容的組織方式。
但有好消息。如果您想為自己的網站或其他人的網站建立自己的 Shopify 模板,可以使用 Shopify Liquid。
感興趣的?跟我一起努力回答這個問題:什麼是 Shopify Liquid?讓我們深入了解一下吧!
什麼是 Shopify Liquid?
有趣的是,Shopify Liquid 自 Shopify 成立以來就一直存在。當 Shopify 的創建者首次設計該平台時,他們建立了一個開源項目,作為所有Shopify 網站模板的模板語言。
對外行人來說,「開源程式語言」是指向公眾免費提供的軟體原始碼,允許任何人出於任何目的使用、修改和分發程式碼。
Shopify Liquid使用 Ruby 創建,本質上充當佔位符,以便您可以將資料插入預先定義的格式(更多內容請見下文)。
那麼這是如何運作的呢?
要理解這一點,您首先需要知道網站通常是靜態的或動態的。靜態儲存經過硬編碼,可以精確地顯示內容(例如,以 HTML 形式編寫的內容)。相反,動態網站可以根據使用者與其互動的方式顯示不同的內容。
現在假設您有一個靜態網站;網站的基本骨架是預設的,但您想要呈現動態內容。這是 Shopify Liquid 寫入 HTML 程式碼的方便之處。這適合作為動態內容的佔位符。
Shopify Liquid 充當您的商店和 Shopify 伺服器之間的中介,使 Liquid 能夠從 Shopify 的伺服器提取資料並將其傳送到您的商店。 Liquid 可以請求三種主要類型的資料:
物件
標籤
過濾器
下面,我們將依序探討每種資料類型:
轉到頂部
液體物體
物件類似於功能或內容的庫;每個物件內都有各種屬性。
如果您不熟悉物件的概念,這裡有一個簡短的概述:
物件是程式設計中的基 準確的手機號碼列表 本概念。一個物件由兩個組件組成:
定義物件狀態的屬性
定義物件行為的函數
為了更好地說明其工作原理,我們將使用一個與編碼無關的範例。例如,一輛汽車。在這裡,汽車,即物體,可以具有“加速”、“轉彎”和“制動”等功能。相反,這些屬性可以是汽車的「窗戶」、「門」等。
簡而言之,物件是 如何发送冷电子邮件?值得了解的成熟技术 編碼中的一個重要概念,因為它們有助於將複雜的系統組織成更易於管理的區塊。
例如,假設您正在建立自訂Shopify 主題並希望 在範本中顯示部落格標題。您可以使用 Liquid 從 Shopify 的伺服器取得該資訊 艾鉛 並將其顯示在頁面上的某個位置。在此範例中,您將使用以下一段 Liquid 程式碼來實現此目的:
{{博客.標題}}
讓我們來分解一下:
這裡,「部落格」是對象。
我們想要在這個庫 中的屬性由「 title 」標記。