「產品搜尋」小工具可讓購物者在您的商店中搜尋產品。 當購物者在搜尋列中輸入時,結果會根據符合搜尋條件的產品填入。 選擇選項後,購物者將直接帶到該產品頁面。
若要新增產品搜尋小工具:
-
在側面板中,按一下 Widget。
-
在「商店」區段中,按一下並將產品搜尋拖曳到頁面上所需的位置。
若要存取內容編輯器,請在 Widget 上按一下右鍵,然後按一下「編輯內容」。
在「預留位置」文字欄位中,您可以輸入將顯示在「產品搜尋」Widget 中的文字。 當使用者開始輸入小工具時,此文字將消失。
若要存取設計編輯器,請在產品搜尋 Widget 上按一下右鍵,然後按一下「編輯設計」。
輸入欄位
「輸入」欄位是「產品搜尋」小器具的區域,購物者可在其中輸入其搜尋查詢。 您可以編輯輸入欄位的下列設計設定:
-
尺寸
-
高度(單位為像素)
-
-
背景和版面配置 (這些設定會套用至購物者開始輸入查詢之前的輸入欄位):
-
背景顏色
-
邊框厚度(以像素為單位)。 若要變更邊框類型,請按一下「邊框」旁邊的齒輪圖示。
-
圓角(以像素為單位)。 若要變更邊框類型,請按一下圓角旁邊的齒輪圖示。
-
是否有陰影,如果是,則表示陰影的顏色,類型和位置。
-
-
焦點(購物者開始綁定查詢後,這些設定適用於輸入欄位):
-
背景顏色
-
邊框厚度 (以 px 為單位)
-
是否有陰影,如果是,則表示陰影的顏色,類型和位置。
-
搜尋結果
搜索結果是在輸入字段下填充結果的區域。 您可以編輯搜尋結果的下列設計設定:
-
尺寸
-
最大高度(以像素為單位)
-
-
背景和佈局(這些設定適用於購物者將滑鼠移至特定結果之前):
-
色彩
-
邊界。 若要變更邊界 tpye,請按一下「邊框 」旁邊的齒輪圖示。
-
圓角。 若要變更圓角的角落,請按一下圓角旁邊的齒輪圖示。
-
是否有陰影,如果是,則表示陰影的顏色,類型和位置。
-
-
懸停 (當購物者將滑鼠懸停在特定搜尋結果上時,會套用這些設定):
-
背景顏色
-
是否有陰影,如果是,則表示陰影的顏色,類型和位置。
-