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