註意
此功能可能不適用於某些 Shopify 主題,具體取決於主題開發人員創建主題的方式。
此功能僅適用於一個模塊。如果您需要將按鈕設置為置頂,請聯繫我們的支持團隊。(本文檔不適用於使按鈕置頂)。
在本文中,您將了解如何不使用自定義 CSS 代碼創建置頂模塊。
如何製作置頂模塊
第 1 步:點擊要使其置頂的模塊。
第 2 步:轉到一般標簽 > 向下滾動至啟用置頂 > 選擇“是的”。
注意:此功能僅適用於在線頁面,可能因主題衝突而無法使用。
現在,選擇菜單欄上的發布按鈕並轉到在線頁面以查看結果。
配置
當您打開啟用置頂功能時,有兩個高級設置需要調整。
頂部偏移:調整視區頂部邊緣和置頂模塊之間的間隔 | ![]() |
Z-index (Z-索引)(在更多設置按鈕中):一個模塊的堆棧級別,較高的堆棧級別將在較低的前面 | ![]() |
常見情況置頂模塊不起作用
該模塊不置頂
儘管您遵循了上述所有步驟,但置頂模塊仍然不起作用。 你不知道為什麼?
我將此模塊設置為置頂,但它不適用於在線觀看:
原因是該模塊有一個容納模塊,其中包括來自主題的代碼“overflow:hidden;”。 此代碼覆蓋置頂代碼並使置頂模塊不起作用。 要修復它,請按照以下步驟操作:
- 在在線頁面上,右鍵點擊置頂模塊並打開檢查
- 從置頂模塊,逐一檢查該模塊的容納模塊
- 檢查直到看到代碼“overflow:hidden;” 在該模塊的樣式標簽中
- 複製此模塊的類名。 返回 PageFly 頁面編輯器,打開自定義代碼編輯器並添加以下代碼:
.classname {overflow: visible !important;}
在這種情況下,模塊的類名稱是“pagefly-container”,因此您需要添加的代碼是:https://pastebin.com/raw/YkX4J7z6
- 發布頁面並檢查在線觀看
如果您已按照上述解決方案,置頂模塊仍然不起作用,請通過 24/7 應用內在線聊天與我們聯繫,以便我們直接為您提供幫助。