教您制作收藏店鋪模板(淘寶店鋪分為普通店鋪和旺鋪兩種店鋪,此教程旺鋪適用)先看一下預覽效果教您制作收藏店鋪模板
下面我們開始制作:
1.準備一張圖片,寬度限制在190像素之內(nèi),高度無限制。我們選用下圖做示范(圖片上面的字體和水印是通過PhotoShop另外加上去的。
此時這個圖片點擊它的時候不動彈,也就是不能收藏,是因為沒有把和收藏地址進行鏈接,此時要把此圖片上傳到您的相冊空間,把地址記
下(第一個地址)。
2.鏈接收藏地址
第一步:您的店鋪收藏地址
進入您的店鋪首頁,點擊收藏本店鋪,這時出現(xiàn)如下圖:
點右鍵----屬性,出現(xiàn)如下圖所示:
將地址:右面的一大串地址復制(注意:在地址那我們看到的是兩行地址,但是下面隱藏了好幾行沒有顯示出來,所以拖住鼠標把所有地址
都復制粘貼了),這個地址就是您的店鋪收藏的鏈接地址(第二個地址)。
#p#副標題#e#
第二步:圖片和地址鏈接
進入我的淘寶-------管理我的店鋪------店鋪裝修--------添加模塊-------可添加模塊-----自定義內(nèi)容區(qū)(注意:可添加模塊下面有左右兩個自定義內(nèi)容區(qū),我們點左面的),此時拉到最下面出現(xiàn)如下圖對話框:
點擊上面的齒輪小圖標,出現(xiàn)如下圖自定義內(nèi)容區(qū)設(shè)置對話框,然后在此對話框里面點擊插入圖片圖標,出現(xiàn)圖片設(shè)置對話框如下圖所示。
把您制作的收藏店鋪圖片地址(第一個地址,此地址是收藏店鋪圖片上傳到相冊空間后的地址)粘貼到圖片地址里面
把您的收藏店鋪的鏈接地址(第二個地址)粘貼到鏈接地址里面,點“確定”(如果不要圖片下面的滑動條的),點“保存”
我們的收藏店鋪就完成了,結(jié)果如下圖所示
#p#副標題#e#
如果需要下面的滑動條,步驟如下(暫時不點保存):點擊上面對話框里面的‘編輯HTML源碼’按鈕,出現(xiàn)如下圖所示
在代碼后面直接添加如下滑動欄的代碼:
<div style="border-right: #FF99CC 1px solid; border-top: #FF99CC 0px solid; overflow-y: auto; scrollbar-face-color:#FF99CC; overflow-x: hidden; border-left: #FF99CC 1px solid; width: 197px; border-bottom: #FF99CC 1px solid; height: 200px">
<p> </p>
<p> </p>
<p> </p>
<p>這里添加您的公告<br />
<br />
<br />
<br />
</p>
</div>
</p>
<p> </p>
</div>
其中代碼里面代表滑動欄顏色的#FF99CC ,您可以按自己喜好隨便換顏色,width: 197px,height: 200px您也自己可以設(shè)置。
#p#副標題#e#
粘貼滑動欄代碼后如圖所示:
點擊“編輯HTML源碼”按鈕,就可以預覽效果了。
此時,點擊保存就可以了。最后切忌不要忘了‘’店鋪發(fā)布‘’,在此親們要注意一點,如果粘貼代碼了,可是沒出現(xiàn)滑動欄,這是因為欄框里您寫的字的高度沒有超過代碼里面設(shè)置的高度的時候,必須您寫的字的高度超過代碼里面設(shè)置的高度的時候他才出現(xiàn)滑動欄,此時您可以添加文字,也可以多按幾個回車就會出現(xiàn)了。
3.操作過程中存在的問題
有朋友說操作到第二步的時候找不到“添加模塊”,親們注意,此教程指適用于旺鋪(淘寶店鋪分為普通店鋪和旺鋪兩種),如果您是普通店鋪,沒有”添加模塊“
親愛的朋友,如果您看了帖子侯還有什么不明白的問題盡管問我,我會很誠心誠意的給您講解的。