雙括號是 Liquid 語法,用於定義您希望從 Shopify 伺服器取得的 {{content/output you Want}}。
轉到頂部
液體標籤
使用Shopify Liquid時,標籤會為我們從 Shopify 伺服器要求的內容新增邏輯,以協助定義內容何時應在頁面上可見。例如,假設我們想在節日部落格文章中顯示特定的圖形。即,我們希望該圖形僅在滿足特定條件時出現。
這可能是這樣的:
{% 結束如果 %}
這看起來可能很複雜,但如果我們分解它,就會很容易理解:
標籤使用的語法與類似 {%…%} 的物件略有不同。
第一個標籤 {% if blog.title == ‘celebration’ %} 告訴 Liquid 在向伺服器要求內容之前必須滿足什麼條件。
我們要求的條件是由 「if」語句定義的。如果您熟悉編碼,您就會知道「if」語句透過相互比較兩個或多個資料來運作。如果它們匹配,它將移至代碼中的下一行。在這裡, 如果 blog.title == ‘celebration’, 我們要求 Liquid 檢查我們的部落格標題是否包含單字 ‘celebration’。如果是,它將轉到我們程式碼的下一行。如果沒有,Liquid 將不會返回任何內容。
在此範例中,如果我們的部落格標題包含「慶祝」一詞,Liquid 將提取並顯示我們的圖像 HTML。
一旦完成此操作,它就會轉到下面的行 {% end if %}, 這會終止我們的程式。
這只是您可以使用標籤執行的操作的範例之一。 Shopify Liquid 有以下標籤:
控製 程式碼何時執行
迭代/迭代 (重複)程式碼區塊
顯示 某些 HTML 標記
建立新變數。
轉到頂部
液體過濾器
過濾器是更改或修改物件輸出的程式碼片段。例如,他們可以更改網站元素的顏色、字體、大小或外觀。
但是,除了改變物件的可見方面之外,它們還可以對物件執行功能。例如,如果您想以大寫形式顯示部落格標題,過濾器可以幫助您實現此目的,而無需手動更改所有部落格標題:
{{ 部落格標題 |大寫 }}
過濾器的語法是 {{…}}。
在這裡,我們正在尋找的物件屬性是「blog.title」。
我們應用的過濾器是 大寫的。
分離我們程式碼的輸入和輸出。
現在,當用戶查看我們的 更新的 2024 年手機號碼數據 部落 格標題時,它將以大寫形式顯示。
轉到頂部
Shopify Liquid 的優勢
假設您是網站設計師或開發人員。在這種情況下,Shopify Liquid 最重要的好處之一是您不需要商店資料(即有關商店的資訊)來建立或修改網站。這是因為當使用者第一次建立 Shopify 商店時,所有資訊都儲存在 Shopify 伺服器上,這意味 如何使用销售战卡提高成功率(模板) 著您可以使用 Liquid 來簡單地檢索所需的資料。
但是,如果您不是 Web 開發人員,而只是希望美化您的商店的店主,那麼您也可以獲得以下好處:
易於學習和使用: Liquid 語法簡單且易於理解,適合開發人員和非開發人員使用。
動態內容:Liquid 允許創建動態內容
可自訂: 使用 Liquid,您可以建立自訂範本和主題,讓您完全控制電子商務商店的外觀和風格。
改進的效能: 液體模板經過編譯和緩存,與其他模板引擎相比,提高了網站效能和速度。
大型社區: Shopify 擁有大型 艾鉛 用戶社區,提供豐富的知識和支持,讓您更容易找到常見的 Liquid 相關問題的解決方案。