如何在WordPress中進行圖像比較滑塊

如何在WordPress中進行圖像比較滑塊

步驟1：安裝並激活Elementor的Elemento插件

安裝之前，請確保在儀表板中激活WooCommerce和Elementor。

下載插件：訪問elemento addons插件頁面並下載插件。

轉到WordPress儀表板→插件→添加新→上傳插件。

上傳下載的文件，然後單擊“立即安裝”。

安裝後，單擊“激活”以啟用插件。

要安裝elemento插件，請在下面觀看視頻教程：

步驟2：使用Elementor創建或編輯頁面：

轉到頁面>如果您要啟動新鮮，或者編輯現有頁面或根據需要將滑塊添加到任何頁面。

單擊“使用Elementor”啟動Elementor Page Builder。

步驟3：添加圖像比較小部件

在Elementor編輯器中，查找側邊欄中的Elemento addons小部件，或在Widget面板中搜索圖像比較。

拖放頁面上任何位置的圖像比較小部件。

步驟4：上傳圖像

在這裡，您可以在下圖中看到新添加的圖像比較小部件。

使用左側欄來編輯圖像部分，通過在圖像部分中添加圖像。

我包括示例圖像供您參考。

步驟5：自定義滑塊

您可以使用左側欄編輯和自定義設置。

您可以使用左側的菜單修改和個性化設置。

步驟6：發布頁面

對設置感到滿意後，單擊“發布”以使您的圖像比較滑塊。

當您對調整感到滿意時，單擊“發布”以使您的圖像比較其他人可見。

您可以通過單擊“查看頁面”來查看頁面。

您可以在側面查看實時圖像比較滑塊。

商店Mania WooCommerce主題

您是否正在尋找一個精美的，包裝的主題來增強您的WooCommerce商店？

我們強烈推薦商店Mania主題，以獲得無縫且視覺上吸引人的購物體驗。

它時尚的設計，簡單的自定義選項和WooCommerce兼容性使商店躁狂症成為旨在提高客戶滿意度和提高轉化率的商店的絕佳選擇。您可以在這裡檢查一下。

商店躁狂的功能：

• 即將到來的網站：輕鬆導入演示站點並自定義它們以滿足您商店的需求。
• 多個產品購物車模板：從五個高質量的購物車模板中選擇以匹配商店的設計。
• 快速查看：允許用戶預覽產品詳細信息，而無需離開當前頁面。
• 室外側邊欄：顯示其他產品和小部件，而無需弄亂主頁。
• 浮動車：通過方便的浮動購物車來增強用戶體驗。
• 產品懸停效果：包括縮放，褪色，圖像互換和用於交互式產品顯示的幻燈片效果。
• 移動標題樣式：針對無縫移動體驗量身定制的優化標頭設計。
• 可自定義的單產品佈局：靈活的畫廊佈局，包括網格和滑塊選項。
• 高級結帳和購物車樣式：個性化結帳和購物車頁面，以提供平滑，無干擾的體驗。