淘寶自定義模塊代碼制作

淘寶旺鋪才有自定義模塊，如果你是普通店鋪請漂過，我的例子是展示9個產(chǎn)品，我就選了9格。

好了，載入圖片，效果如下。

然后把圖片保存，我們先把這個圖片叫做A圖片，一會有用的。

現(xiàn)在就可以關閉光影了。

打開DW,在向?qū)ы撁纥c擊新建HTML文件，開始我們的設計之旅。

可能已進入界面我們都有點蒙，不要慌，特別簡單，主要是我這帖子有圖片，哈哈。

有的軟件進入界面是在代碼區(qū)，有的是在設計區(qū)。

如果是在代碼區(qū)，然后就點擊“設計”這個按鈕。

進入設計頁面。

好了，設計頁面干干凈凈的，這樣我們看著就不會慌手慌腳了。

好了，料來咯。

我們點擊菜單欄插入選項，選擇圖像，這樣我們就能導入我們的圖片了，把剛才我們做好的9宮格式的廣告圖片導入。

看到設計窗口下面的屬性欄了嗎？就是這個。

找到里面有個“矩形熱點工具”，點他，然后把光標移動到圖片上，我們會發(fā)現(xiàn)光標變成了一個小十字。

對了，這個跟QQ截圖很像，我們用它圈住圖片的一格。

然后我們會看見屬性欄變成了這個熱點的屬性，我們找到鏈接這欄，把我們對應這款寶貝的地址填進去。

這樣我們就完成了一個熱點，很像我們的超鏈接。

然后把9個格子的每個圖片都輸好它的地址。

這個時候我們要把設計按鈕改成代碼按鈕了。

現(xiàn)在我們看到的一堆代碼就是我們設計的這個簡單的網(wǎng)頁了。

然后呢，我們先把我們那個A圖片，上傳到圖片空間里，提取圖片的地址。

馬上回來，到代碼頁面。

然后我們找到我圈起來的這行，這是圖片的地址，我們設計的時候，電腦提取的是我們電腦文件夾里的地址，我們要放到店里就要用網(wǎng)絡的地址，把剛才提取的地址替換我圈住的地址。

做完這步，我們就離成功很近很近咯。

現(xiàn)在我們把所有的代碼都圈上，復制。

OK，可以關閉DW了。

打開我們的店鋪，隨便點開一個寶貝。

點擊裝修頁面。

然后在上面的模塊管理中點添加模塊，添加一個“自定義內(nèi)容區(qū)”（這里需要說明下，我開了旺鋪，不知道是不是旺鋪才有這個版塊，其實開旺鋪是很必須的），保存。

然后我們在下面找到自定義內(nèi)容區(qū)板塊，編輯。

在編輯窗口點擊“編輯HTML源碼”這個選項。

把剛才我們復制的所有代碼粘貼進去。

接著點保存。

然后在頁面的最右上角找到發(fā)布，點下去，確定。

完成。

你現(xiàn)在打開我們的寶貝詳情頁面是不是多了一個漂亮的廣告了。

我們還可以用同樣的原理把我們的左側欄利用上。

只不過左邊的圖片最好選用單張的長方形圖片，我測了一下，圖片寬度在190最合適，高度可以隨便。

只有一點需要注意，那就是如果你打算主頁的側欄和寶貝詳情側欄不一樣的話，發(fā)布裝修方案的時候不要點擊這個，不然側欄會都變成主頁的側欄。

這個問題還有疑問的話，可以加幕.思.城火星老師免費咨詢，微V.信X號是為: msc496。