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