如何使用 Avada 主題和 Reactive Pro 插件製作您的搜索頁面

Reactive Pro 是一個非常方便的插件。 最佳 WordPress 高級搜索插件。 該插件能夠處理多種類型的搜索塊（複選框、組合框、選擇框、單選框、文本框、範圍框、地圖自動完成和重置）、條形圖（結果數、搜索標籤、排序屬性、分頁和網格或列表），網格。 您可以使用谷歌地圖通過位置搜索您的產品。 如果您想使用 Avada 主題和 Reactive Pro 插件製作搜索頁面。 首先，您必須在 WordPress 上安裝 Avada 主題和 Reactive Pro 插件和 RedQ 重用表單助手插件。 然後接下來的程序將繼續進行。首先，您需要完整的插件包zip文件並需要將其解壓縮。

它看起來像那樣。 然後，您必須從 WordPress 儀表板的插件部分單擊添加新的。

然後點擊上傳插件。

然後你必須點擊選擇文件。

然後您必須轉到提取的文件位置並通過 reactivepro-main-> helper 插件位置。 在那裡，您將擁有三個文件。 您必須選擇“redq-reuse-form.zip”。

現在單擊立即安裝。

現在點擊激活插件。

您必須像之前的活動一樣再次訪問此頁面。 這與前面的程序相同。

然後你必須再次點擊選擇文件。

然後您必須轉到提取的文件位置並通過 reactivepro-main-> helper 插件位置。 在那裡，您將擁有三個文件。 您必須選擇“googlemap.zip”。

現在單擊立即安裝。 現在點擊激活插件。

您必須像之前的活動一樣再次訪問此頁面。 這與前面的程序相同。

然後你必須再次點擊選擇文件。 然後您必須轉到提取的文件位置並通過 reactivepro-main 位置。 在那裡，您將擁有三個文件夾和四個文件。 您必須選擇“reactivepro.zip”。

現在您必須單擊立即安裝。

現在點擊激活插件。 之後，Reactive Pro 插件與 Google 地圖一起完全安裝並重用表單助手插件。 現在 Reactive Pro 插件功能齊全且可用。

從 WordPress Dashboard 你必須去 Reactive Builders->Add New Reactive Builder

單擊 Add New Reactive Builder 後，您將擁有此空白頁面。 您必須給出一個標題並設置 Rebuilder 設置。

應選擇帖子類型。 帖子類型是指您實際希望在搜索頁面上顯示的帖子類型。 比如“Product”是一個Post類型。

您必須選擇分類法。 分類法是指您希望根據帖子類型在搜索頁面上顯示的那些術語。 這樣您就可以使用分類術語搜索任何內容，並使用不同的搜索塊（例如復選框、文本框、單選按鈕、選擇框和組合框）獨立顯示分類。

應選擇元鍵。 為了顯示線性數據並傳遞單個信息，需要元鍵。 它一次傳遞單個信息。 例如價格或常規價格是兩個元鍵。 當我們選擇價格時，它只會傳遞價格信息，同時，我們選擇正常價格時，它只會傳遞正常價格信息。

應選擇排序屬性。 使用選定的排序屬性，您可以對您的帖子類型進行排序。 例如，您將產品作為帖子類型，將價格作為排序屬性，那麼您可以按低價或高價對產品進行排序。

在這裡，我們給出標題“Reactive Search Page Builder”。 在 Rebuilder Settings 中，我們填寫所需的字段，例如 Post Type Select、Taxonomies Select、Meta Keys Select、Sorting attribute Select。 然後你必須點擊發布。首先，您必須從儀表板轉到 WordPress 的頁面選項，您必須通過單擊添加新頁面來添加新頁面。

為新頁面命名，然後單擊發布。

發布後，您必須從 Reactive Search Page Builder 複製簡碼。

然後轉到先前創建的響應式搜索頁面並複制短代碼，然後單擊更新。

現在我們有了初級級別的搜索頁面，其中我們具有三個功能添加塊、全局設置、選擇模板。 在頁面底部，您將獲得兩種視圖。 一個是管理員視圖，另一個是用戶視圖。

單擊添加塊後，我們將看到此功能，這裡我們必須選擇搜索塊。 然後點擊保存

現在此頁面將顯示搜索塊。

現在從添加塊中，我們必須選擇欄並單擊保存。

現在頁面看起來像這樣。

現在我們必須去添加塊選項並選擇網格然後單擊保存。

現在頁面看起來像這樣。

通過單擊網格的設置圖標，您將擁有此部分。 然後轉到網格列選項卡，在這裡您將設置列大屏幕選項。 通過按 (-) 或 (+)，您可以增加或減少列號。 設置好號碼後點擊保存。

然後再次單擊 Grid 的設置圖標，我們必須轉到 Layouts 選項卡並選擇 Unicode Basic。 然後點擊保存。

現在網格看起來像上面的截圖。

通過單擊搜索塊的 (+) 圖標，您將看到此選項頁面。 從那裡選擇組合框並單擊保存。

現在你有了組合框。 通過單擊組合框的設置圖標，轉到數據選項卡並選擇數據。

然後轉到外觀選項卡並為標題命名，然後單擊保存。

現在將出現類別組合框。

從組合框中，您可以向父母和孩子展示您的產品。

通過單擊搜索塊的 (+) 圖標，您將看到此選項頁面。 從這裡選擇複選框並單擊保存。

現在您有了複選框。 通過單擊複選框的設置圖標，轉到數據選項卡並選擇數據。 然後轉到外觀選項卡並為標題命名，然後單擊保存。 現在將出現產品類型複選框。

從產品類型複選框中，您可以選擇單個產品類型並顯示您的產品通過單擊搜索塊的 (+) 圖標，您將看到此選項頁面。 從這裡選擇選擇框，然後單擊保存。

現在您有了選擇框。 通過單擊選擇框的設置圖標，轉到數據選項卡並選擇數據。 然後轉到外觀選項卡並為標題命名，然後單擊保存

現在將出現產品顏色選擇框。 從產品類型選擇框中，您可以選擇產品的顏色並顯示您的產品。 通過單擊搜索塊的 (+) 圖標，您將看到此選項頁面。 從這裡選擇單選框並單擊保存。

現在你有了單選框。 通過單擊單選框的設置圖標，轉到數據選項卡並選擇數據。 然後轉到外觀選項卡並為標題命名，然後單擊保存。 現在將出現產品尺寸單選框。 從產品類型單選框中，您可以選擇產品的尺寸並顯示您的產品。 通過單擊搜索塊的 (+) 圖標，您將看到此選項頁面。 從這裡選擇範圍框並單擊保存。

現在你有了範圍框。 通過單擊範圍框的設置圖標，轉到數據選項卡並選擇數據。 然後轉到外觀選項卡並為標題命名。

然後轉到設置選項卡，設置最小值和最大值，然後單擊保存。 現在將出現產品價格範圍框。 從產品類型範圍框中，您可以選擇產品的價格並顯示您的產品。 通過單擊搜索塊的 (+) 圖標，您將看到此選項頁面。 從這裡選擇文本框，然後單擊保存。

現在你有了文本框。

通過單擊文本框的設置圖標，轉到外觀選項卡並為佔位符命名。 然後點擊保存。

現在將出現文本搜索框。

現在在文本搜索框中輸入一些文本並按 ENTER，然後結果將如上面的屏幕截圖所示。

通過單擊搜索塊的 (+) 圖標，您將看到此選項頁面。 從這裡選擇重置並單擊保存。

現在將出現重置按鈕。 如果您單擊“重置”按鈕，搜索頁面將進入初級階段。

轉到您的 WordPress 儀表板，從那裡轉到 Reactive 並單擊 Geobox。

從這裡選擇帖子類型。 我們將選擇產品。 因為它是我們將在搜索頁面上通過 Grid 顯示結果的類別。 因此選擇了作為帖子類型的產品。 然後點擊保存。

然後您必須轉到 WordPress 的產品部分並選擇一個產品。 然後地圖將顯示輸入位置選項。 從這裡您可以為您的單個產品指定一個位置。

在為單個產品提供所需位置後，然後單擊更新。 它將被指定到所需的產品位置。

然後你必須去添加塊。 選擇地圖並點擊保存。

然後地圖將顯示在您的搜索頁面上。

通過單擊搜索塊的 (+) 圖標，您將看到此選項頁面。 從這裡選擇地圖自動完成並單擊保存。

然後會出現地圖自動完成框。 在此處，您可以通過使用位置名稱搜索來根據位置搜索和排序產品。

以下是按位置名稱進行地圖自動完成搜索的示例。 我們搜索位置名稱 Uttara、Dhaka、Bangladesh，並且已顯示該位置提供的三種產品。

通過單擊 Bar 的 (+) 圖標，您將看到此選項頁面。 從這裡選擇結果數並單擊保存。

然後結果的數量將像上面的屏幕截圖一樣顯示。

通過單擊 Bar 的 (+) 圖標，您將看到此選項頁面。 從這裡選擇搜索標籤並單擊保存。

選擇產品類型後，產品類型標籤將顯示在屏幕截圖上方的搜索標籤上。

通過單擊 Bar 的 (+) 圖標，您將看到此選項頁面。 從這裡選擇排序屬性並單擊保存。

通過單擊排序屬性的設置圖標，轉到排序選項卡並通過選擇選項和選擇排序類型。 然後點擊保存。

您可以通過選擇屬性來通過排序屬性對產品進行排序，然後單擊右側的升序和降序圖標（如上面的屏幕截圖）來升序或降序您的產品。

通過單擊 Bar 的 (+) 圖標，您將看到此選項頁面。 從這裡選擇分頁並單擊保存。

通過分頁，產品的頁面將出現與上面截圖一樣的數字。 在此處，您可以通過單擊數字選擇所需的產品頁面。