shopify主題的首頁添加自定義模塊


在進行主題自定義的時候,感覺主題首頁預設的模塊不適合自己的需求。於是就開始自己添加首頁模塊。

首先,打開主題的代碼頁面,要添加首頁的模塊需要在Sections添加文件。

在“Sections”點擊“Add a new section”,添加一個文件,命名根據原有的相應文件的命名規則來命名,以便識別。創建成功后的初始文件如下圖所示:

 

然后,讓我們來修改一下{% schema %}里的內容。因為我想創建一個兩列的布局。所以,我將name簡單命名為“Two col”了。然后代碼如下所示。因為想說有可能會想要3列,4列,所以首先給一個選擇框,可以選擇要幾列布局。然后添加兩個輸入框,可以輸入內容。最后,在“presets”添加名稱和分類,這樣,才會顯示在主題里。

 

 

 在主題自定義里的顯示如下。

 

選擇這個模塊后,顯示如下。

 

 

在{% schema %}上添加html。

 

在輸入區域添加文字后,正常顯示。也可以添加html。

 

 最后需要添加一些css樣式的。但因為這只是我試一下這個該怎么添加的。就不設樣式了。基本上步驟就是這個樣子。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM