店鋪搜尋功能是重要的淘寶引流工具,裝修好了此頁面,可以提高轉化率。
希望大家通過本教程學習可以學會 如何對淘寶搜尋功能 進行程式碼裝修。
(01)在裝修之前首先需要我們先安裝好兩個軟體Adobe Dreamweaver以及Adobe Photoshop。這兩個軟體我會共享在qq群裡面,大家需要的話加群下載。
(02)下面我們開始學習如何裝修店鋪搜尋功能。1.我們將已經準備好的店招圖片用PS軟體開啟。將店招切成兩個部分, 左邊是店招,右邊是搜尋框內容。
(03)我們會把搜尋框的圖層關閉掉,如圖:
(04)選擇店招的圖層,選擇左邊的店招,再如下圖所示點選,將左邊店招的效果拷貝下來。再新建一個檔案,將剛剛拷貝下來的內容貼上上去。
(05)選擇店招的圖層,選擇左邊的店招,再如下圖所示點選,將左邊店招的效果拷貝下來。再新建一個檔案,將剛剛拷貝下來的內容貼上上去。
(06)貼上好了之後再將效果圖儲存下來,注意,儲存的時候可以起個名字,以免混亂。如:店招招左邊。
(07)點選選單欄中的“檔案”“開啟”,開啟之後選擇這個程式碼一
(08)開啟程式碼之後我們再新建一個文件,如圖:
(09)開啟淘寶圖片空間,把上傳的店招左邊圖程式碼複製下來,貼上在剛剛新建文件的雙“body”之間,如圖:
(10)將程式碼貼上好了之後,這一步我們是要給店招加上鍊接,我們先點選到設計頁面,看一下圖片是否顯示正常。然後選擇軟體左下方的熱點工具。對需要新增連結的繪製熱點,繪製完成如圖:
(11)然後進入淘寶複製連結貼入相對應的板塊當中。當我們把所有的模組連結都新增好了之後,把兩個“body”之間的程式碼拷貝下來。再開啟剛剛的“搜尋功能程式碼”。將拷貝下來的程式碼貼上在兩個“店招內容之間”。
(12)所有的連結都貼好了之後,再次把兩個“body”之間的程式碼拷貝下來,再開啟淘寶店鋪裝修後臺,在店招的位置雙擊。再按照下圖操作:
(13)編輯好了之後我們再發布出去,那麼我們今天學習的淘寶裝修搜尋功能就完成啦。後面還有第二種效果圖,由於圖文解說有限,更多的詳情就請觀看上方視訊。
注意程式碼下載
如有不懂可以看上面視訊教程