本文將逐步介紹如何使用Elementor pro製作woocommerce產品詳情頁模板,下面進入正題。
2021/5更新詳細的視頻教學
下方是2021年寫的簡單版圖文教學
- 點擊菜單:模板》添加新模板,選擇模板類型為single product,輸入模板名稱,譬如single product

- 點擊“創建模板”按鈕,可進入下圖所示的library頁面:
- 左鍵移動到模板上方,將出現放大鏡按鈕,點擊可預覽模板;
- 選擇喜歡的模板,點擊insert按鈕即可導入;

導入後,系統會自動選擇一個產品數據嵌入,以便我們直觀看到效果,但依然有一些看不到內容的元素,譬如價格、加入購物車,那是因為我們上傳產品時沒有填寫對應內容

對不需要的元素可以使用右鍵刪除功能。

如果你想更換一個產品以預覽效果,那麼按照下圖的數字順序操作,以更換產品。

最後,點擊publish,點擊add condition為include:products,保存即可,然後我們就可以去預覽一下效果了。

現在打開一個產品頁面預覽一下效果。

接下來你還可以對模板進行樣式調整、或者添加自定義的產品字段。
點贊
Your page rank:
11 回复
你好,请问一下我想展示只A产品分类的所有产品,添加了elementor的products模板,但是为什么它找不到我的产品。我应该在哪里调整呢?
没看明白你的使用场景。
这个问题解决了。刚开始我设置了product archive模板,应用到了我不需要用到这个模板的页面。后来重新设置了一下,解决了。
你好,那个PDF不在全部产品显示方法有吗
有哦,用这个付费插件,这个插件可以根据条件控制元素的显示状态
那跟avada主题会有冲突,不兼容吗?
按照elementor官方说法,elementor是兼容avada的。
https://elementor.com/blog/avada-with-elementor/
不过依然建议你在安装elementor前做一下网站备份,也可以创建一个staging用于测试elementor与avada。
那跟avada主题会冲突吗?
single product这个模板只有才有吗?免费版只有页面和段
是的,single product功能只有付费版的Elementor才具有