繼昨天分享了做全屏的店鋪裝修后,有很多童鞋說學了之后做出來的不好看,店招位置短了一塊,這怎么解決呢?
今天小卓給大家分享的主題就是【利用代碼】做一個自己想要的全屏店招
首先,自己先做一張店招的圖片吧,尺寸需要大于950像素的(要與主頁上的圖片寬度一致哦,否則做好后會寬度不一樣的),高度是150PX,如下圖所示。
你想要的結果應該是這樣的吧,與下方的主頁面無縫對接,點擊“所有分類”或“雙十二活動專區”會有相應跳轉,還要加上“收藏店鋪”的提示,如下圖所示。
接下來就來學習吧,2分鐘內學會。
有了圖片在,那么工作就會快很多了,接下來,把這張圖片上傳到自己淘寶店鋪的圖片空間(登陸淘寶網-賣家中心-圖片空間-上傳圖片),上傳成功后,點擊圖片下方的“回形針”標志的復制鏈接鍵,如下圖所示。
做好上面的工作,那么接下來打開制作代碼的工具“碼工助手”【可以百度直接搜索碼工助手進入】,進入主頁面登陸后點擊“在線布局”
進入“在線布局”后展示的頁面是下面這樣子的,把剛剛圖片空間復制的鏈接粘貼進“背景圖里吧,然后在模塊寬度里寫上,950PX寬,150PX高。
填寫好后就是下面展示的了,出現了你之前做的圖片,有童鞋是否在問,為什么是950PX,不能直接填我做的圖片大小,小卓回答”當然可以,但店招熱區只有950PX以內是可以使用的“。所以還是950方便點。
接下來就要對”所有分類、首頁、雙十二活動專區、本店特價“等進行添加類似于”超級鏈接“一樣的可點擊的操作了,專有名詞叫”熱區“,點擊熱區,把區域進行調整到你想要點擊的位置,然后雙擊把想要跳轉到的鏈接復制進來,這就做好一個熱區了。
接上面的方法重復操作,就看到下面的樣子了,小卓做了四個熱區,當然你的先項多可以多做幾個也是OK的。
下面再加上個收藏吧,點擊”收藏“,彈出后調整大小和位置后進行雙擊,跳出彈出窗后輸入收藏的鏈接。
看到這里,你的工作已經完成大部分了,再接再厲,馬上OK。
點擊右上角的”生成代碼“后將代碼復制粘貼。如下圖所示。
接下來進入到自己的店鋪裝修頁面。具體流程:登陸淘寶網-賣家中心-店鋪裝修-編輯店招。
即然是代碼裝修,就要在店招編輯里面選擇”自定義招牌“,再選擇”雙向箭頭“的源碼。
將剛剛”碼工助手“里面復制的代碼粘貼進來,再把高度改成150PX(這是你圖片制作的高度),然后保存。
好了,主體工作都已經做好了,“預覽”一下吧,咦?為什么左右分別少了一塊呢?如下圖所示
原因是你設計的店招是950PX寬,而下面的主體圖片寬度大于950PX,所以出現2塊空白,那么你需要進入“店鋪裝修”里面“頁頭背景圖作個設置”。
點擊“頁頭”,將你之前做好的圖片上傳上來,記住一定點擊“不平鋪”。
如果你做好上面的工作,那么就已經大功告成了,你可以預覽一下,如果可以就發布吧,來看看自己的作品吧。
當然,有些童鞋在說小卓做的不漂亮,我想說我不是美工出身,這里只給大家用代碼做全屏店招的方法,希望對大家有幫助。
這里做一個總結,其實全屏店招的做法很簡單,1.做一張全屏的店招圖;2.把這張圖生成代碼;3.將代碼裝修進店鋪;4.插入頁頭背景圖。如果你懂了就會發現,全屏店招就是兩張圖片的疊加。
如果您看到這里,我相信您可能是淘寶開店不久的小賣家,小卓想說句:“創業者辛苦了”。億卓智庫將一直陪伴大家共同成長。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 如何做一個淘寶店鋪全屏店招(2分鐘學會淘寶店)