本文介紹分類控件及搜索控件的添加和使用。指南以文章為例,產品類似。

背景信息

文章顯示流程圖上圖為設計文章/產品的全流程,使用分類/搜索控件展示文章一共需四步。
  1. 新增/導入文章:請參見文章管理
  2. 添加并設置分類/搜索控件:本篇文章有講解。
  3. 設計結果頁:請參見結果頁相關控件。
  4. 設計詳情頁:請參見詳情頁相關控件

列表控件、分類控件、搜索控件區別

分類控件、搜索控件、列表控件都是用于展示文章產品的,其具體區別如下:

  • 列表控件:僅以列表形式羅列文章/產品,樣式美觀多樣。適合展示最近增加或最熱的文章/產品。
  • 分類控件:根據您在后臺的分類,顯示產品/文章。適合需展示文章/產品較多的網站,使用此控件可以幫助網站瀏覽者快速找到目標分類。添加分類控件后,需在結果頁中添加一結果頁列表控件,由結果頁列表控件鏈接詳情頁。
  • 搜索控件:需在后臺設置關鍵詞。適合文章/產品較多,使用此控件可以幫助網站瀏覽者快速搜索相關文章。添加搜索控件后,需在結果頁中添加一結果頁列表控件,由結果頁列表控件鏈接詳情頁。

添加分類/搜索控件

說明 如需觀看如何在后臺添加分類的視頻,請單擊如何在后臺添加分類,如需觀看如何使用分類控件的視頻請單擊分類控件的使用。

在設計器中,單擊功能 > 功能,選擇分類控件或者搜索控件,在設計器中適當位置單擊,即可添加成功。

說明 文章分類對應的是文章分類結果頁,產品分類對應產品分類結果頁。產品結果頁及分類結果頁都屬于頁面,切換頁面即可進行查看設計,如需了解相關請參見三、切換頁面分類。

設置分類控件

分類分為文章分類和產品分類,需預先完成分類,才能使用分類控件放置 。選中分類控件,單擊設置分類,將彈出快速設置面板,可設置分類控件的樣式、數據、動效、排列。
說明 可通過以下三種方式編輯分類。
  1. 可在內容管理中添加分類,如需了解添加文章分類請參見文章分類管理,如需了解添加產品分類請參見產品分類管理。
  2. 數據上傳時編輯分類。
  3. 在文章管理頁面或是產品管理頁面編輯分類。
  • 樣式:可調整默認狀態下、懸停狀態下、選中狀態下的樣式。
  • 數據:可選擇編輯好的分類。
  • 動效:可設置動畫效果。
  • 排列:可設置尺寸和位置。

設置搜索控件

選中搜索控件,單擊搜索或者設置,將彈出快速設置面板,可設置搜索控件的樣式、數據、動效、排列。
說明
  • 搜索控件是對標題和關鍵詞進行的模糊搜索。
  • 目前搜索功能只支持站內產品和文章的搜索,文章對應文章搜索結果頁,產品對應產品搜索結果頁。
  • 多語言網站進行搜索時,僅搜索當前語言中的數據。
  • 樣式:可調整默認和懸停時的樣式。
  • 數據:可選擇搜索的類別、搜索按鈕上的文字及搜索框中的提示。
  • 動效:可設置動畫效果。
  • 排列:可設置尺寸和位置。

一鍵鎖定位置

選中分類控件或搜索控件時,單擊像鎖一樣的圖標按鈕,可鎖定當前位置。

刪除當前控件

選中分類控件或搜索控件時,單擊像廢紙簍一樣的圖標按鈕,可刪除此控件。