elementor remove from events

elementor 表單功能真的很好用,已經足以應付大部分的表單需求,官方也陸續推出表單發送後的相關動作,讓大家點點面板做做設定就可以開箱即用,真的足以應付大部分表單的使用需求

當然除了發送電子郵件外,表單也有其他的使用場景,有可能需要把表單資料發送到指定網站,比如說公司的 CRM 來收集顧客資料等等,針對這需求 Elementor 也提供 Webhook 這個動作,Post表單資料到自訂網址的功能,也是點點滑鼠就能改變,其實非常方便

Elementor 為了要讓大家方便使用,將表單這個小工具進行標準化,所有的表單發送行為統一透過 Ajax 發送至後端處裡,再回傳結果於前端,顯示成功與失敗訊息,但[……]

Read more

elementor Hello 隱藏頁面上方網站標題的五種方法

Hello Theme 這是 Elemenotr 推出最相容 WordPress 主題,今天建立一個網站準備先來做一個一頁式網頁,結果一直給我出現網站標題

如果你是 Elementor 老手應該馬上到想到頁面設置中有個隱藏標題選項,開啟它標題就會消失,今天這情況有點特殊,就是不消失,即便我切換成 Elementor 樣版,依然會出現標題,煩!

拆東西找問題,為什麼死都會出現標題

開啟 Hello Theme header template part 的檔案,看到底什麼原因,問題就在這一個區塊,用 has_custom_login() 來判斷有沒有上傳網站 Logo檔案,有的話就在 Header 顯示[……]

Read more

WooCommerce 列表頁顯示商品筆數

使用 Elementor 編輯商品列表頁,開啟分頁,發現都顯示16筆,即使我在 Elementor 原生的 Widget 中設定 3*3 仍然無法改變,一樣給我跑出16筆,因為3欄的關係,所以最後一筆商品會落單,這樣很怪

原因不明,可能某某插件,覆蓋了商品列表預設顯示筆數,所以要重新定義商品顯示筆數,把下方代碼貼到當前主題根目錄的 functions.php 檔案中,重新整理商品列表頁 ( 有開快取請先清除快取再重整 )

正確顯示9筆了,多舒服阿!!

Reference
https://woocommerce.com/document/change-number-of-products-display[……]

Read more

Elementor nav menu dropdown align center

Elementor menu widget 下拉選單,預設靠左對齊,我找不到選項去調整子選單的對齊方式,想說用 CSS 下 text-align:center 就好,結果不是,Elementor子選單內的 a 標籤是用 flex 去對齊的,所以要用 flex 的方式去對齊

flex 內容置中

在這邊會透過下列 CSS 達成水平置中

如果要靠左,可以換成下列 CSS

Step 1

下方 CSS 貼到主題的 style.css 文件,或貼到 menu widget 進階選項的自訂樣式欄位中,我自己是習慣寫在 style.css 以免時間一久自己寫在哪都找不到,造成維護不易

Step 2

記得要到 menu wi[……]

Read more

Elementor form 停用 Ajax ,Js 自訂發送動作

Elementor 的 form widget 實在好用,透過所見及所得的方式就可以拉出精美表單,雖然Elementor 已經很貼心地整合很多表單發送後的動作,但還是有些情況並不一定適用,比如說在官網的表單其實是要發送至另一個系統,這些預設程序就無法處理,雖然 Elementor 有提供 API 可以去擴充這些程序,但這些處理程序是表單透過 Ajax 方式發送至後端處理,這種情況,除非目標的系統也開出對應的API端口,就可以順利銜接,但有些時候目標系統並不是我們能控制的,僅能透過傳統的 Http post 方式傳遞表單資料到目標系統,但 Elementor 目前沒有開啟或關閉 Ajax 的選項[……]

Read more

Elementor Widget Posts Pagination Link causing “too many redirect” Error

問題描述

目前使用 Elementor Pro 3.1.0

WordPress 使用 Elementor 編輯器編輯頁面,於頁面中插入「文章」這個小工具並開啟頁碼選項,小工具產生的頁碼連結,於預覽時連結正常,但於發布的網頁,點擊會造成瀏覽器 ERR_TOO_MANY_REDIRECTS 錯誤,以致不能造訪第二頁之後的頁面

新增 Elementor Posts Widget

開啟頁碼選項

在 Elementor 預覽的模式中是正常的,在分類的模板中也是正常可運行的,而在頁面中產生分類列表分頁連結就有這問題,我不確定是不是Bug,Posts Widget 所產生的網址結構如下:此連結會造成瀏覽器拋出 ERR[……]

Read more

Elementor sticky footer

無法接受內容少的時候,或螢幕解析度較大的時候 Footer 浮在半空中,這會讓我很難過,以前切HTML就有這種症狀,在WordPress中也是一樣,無法接受,所以花了一些時間找到一個最簡單的解決方法

以下幾行CSS就可以搞定

https://stackoverflow.com/a/59071640
https://css-tricks.com/couple-takes-sticky-footer/#article-header-id-3
https://stackoverflow.com/q/1488565

[……]

Read more

elementor action after form submit . webhook example

雖然 elementor 有很豐富的表單發送後的處理動作,針對特別情況,例如我們希望把表單資料轉存至自家的 CRM 保存,但你家的 CRM 又有奇怪的規格,又或者需要驗證token,這時就要自訂義表單發送後的處理動作了,以下官方文件中自訂義表單發送後的動作

範例:

post json format

官方文檔:
https://developers.elementor.com/forms-api/#Form_New_Record_Action

[……]

Read more

WordPress Elementor RWD CSS breakpoint

WordPress Elementor 提供3種裝置分別是電腦、平板、手機,雖然可以用 CSS @media 比較標準的方式來判斷,但在 Elementor 中斷點的尺寸是一個參數,可以自訂義數值,此狀況若透過客製 CSS,以 @media 這種方式給予響應式的樣式,因為斷點可能會跟Elementor 編輯器產生的內容樣式有差異,除非每改一次斷點寬度,都需要再調整過所有的 CSS @media 斷點數值,或禁止主題去調整斷點寬度數值,但這主題將對 Elementor 不友善,與主題開發以最大化的開發原則背道而馳

Elementor 可以透果 body 上的 data-elementor-devi[……]

Read more

Elementor 表單發送信件發生錯誤

用 Elementor 表單的小工具來做網站聯絡我們的表單非常方便,但出現了一個很奇怪的錯誤,表單發送後出現「發生錯誤」的訊息,為什麼說奇怪呢,因為我有用 WP Mail SMTP 這個插件,透過 SMTP 用 Gmail 發信,而在 WP Mail SMTP 中的測試電子郵件發信的功能中,也正常發信,信件也順利收到,就是 Elementor 表單一直顯示錯誤,煩

如果您也遇到一樣的問題,可先照下面這篇文章座故障排除,這篇文章寫得很完整,不過跟我的情境有點差異,建議先照網頁中的方法嘗試排除,若不行在繼續看下去

收不到信怎麼辦? 5分鐘教你如何檢測及修復寄信功能!
https://www.johnto[……]

Read more