如何打造個性化店鋪?

Tags: 圖片, 店鋪,

相信大家在瀏覽其他賣家的店鋪時,都會羨慕別人漂亮的首頁裝修!!那麼我們自己能不能做到呢,答案是肯定,現在我給大家分享一下”如何製作屬於您自己的首頁商品推薦模組!”

如何打造個性化店鋪 ?讓店鋪更改漂亮?

工具/原料

Photoshop軟體

Dreamweaver軟體

方法/步驟

用Photoshop設計好整張圖片 如圖紅色花圈部分

如何打造個性化店鋪 ?讓店鋪更改漂亮?

用Photoshop切片工具給製作好的美圖做切片處理

如何打造個性化店鋪 ?讓店鋪更改漂亮?

切好的圖片儲存為“Web所用格式”的檔案

如何打造個性化店鋪 ?讓店鋪更改漂亮?

注意 儲存時務必請將格式選擇為“HTML和影象”

如何打造個性化店鋪 ?讓店鋪更改漂亮?

得到“images”圖片資料夾和“HTML檔案”

如何打造個性化店鋪 ?讓店鋪更改漂亮?

將剛才的到的"images”資料夾裡的圖片上傳到店鋪後臺的“圖片銀行”,得到圖片的網路連線地址

如何打造個性化店鋪 ?讓店鋪更改漂亮?

將HTML檔案用Dreamweaver開啟

如何打造個性化店鋪 ?讓店鋪更改漂亮?

開啟後請選擇“拆分”

如何打造個性化店鋪 ?讓店鋪更改漂亮?

在Dreamweaver點選選擇一張圖片,在店鋪後臺的“圖片銀行”找到相對應的圖片,將該圖片的網路連結複製到圖片的“原始檔”框中

如何打造個性化店鋪 ?讓店鋪更改漂亮?

將圖片產品的產品頁連結貼上到圖片的連結框中

如何打造個性化店鋪 ?讓店鋪更改漂亮?

替換完剛才2處的連結後,複製左側的程式碼,在店鋪後臺裝修中新建“自定義區域”,點選編輯“自定義區域”,將程式碼複製即可大功告成!!

如何打造個性化店鋪 ?讓店鋪更改漂亮?

相關問題答案