淘寶店鋪裝修的方法是什么?要注意什么?(淘寶店鋪裝修代碼怎么弄?全屏輪換怎么制作?)
2023-01-13|10:34|發(fā)布在分類 / 多多運(yùn)營| 閱讀:36
2023-01-13|10:34|發(fā)布在分類 / 多多運(yùn)營| 閱讀:36
說起店鋪裝修,這代表店鋪的門面,也是每個(gè)賣家都要經(jīng)歷的過程。然而有很多賣家尤其是新手賣家經(jīng)常會忽略這一點(diǎn),有的是一筆帶過。一個(gè)好的店鋪裝修不僅可以代表店鋪整體定位和風(fēng)格,也能吸引到買家的注意力增加停留時(shí)間。
一、淘寶店鋪裝修的方法是什么?
1. 突出行業(yè)屬性
每個(gè)行業(yè)都有其特定的屬性,每個(gè)屬性都有其獨(dú)特的外觀,我們在做店鋪裝修時(shí)也要注意這一點(diǎn)。雖然沒有固定的模板或者裝修風(fēng)格,但是由于我們自身對特定行業(yè)的認(rèn)識會影響到我們對事物的判斷和選擇。
在店鋪裝修之前,一定要了解我們產(chǎn)品的性能及其行業(yè)特點(diǎn),在此基礎(chǔ)上,我們可以選擇相應(yīng)的顏色和插圖進(jìn)行裝修設(shè)計(jì)。比如,母嬰行業(yè)適合比較舒適的暖色調(diào)來強(qiáng)調(diào)舒適感,而工具類等專業(yè)性比較強(qiáng)的行業(yè)可以適當(dāng)增加金屬色的面積來凸顯專業(yè)感。
2.簡潔時(shí)尚大方
切不可將店鋪首頁當(dāng)成調(diào)色盤,什么顏色都往上招呼,也不可在首頁中添加過多的模塊,顯得累贅且繁雜,會大大增加店鋪跳失率。
對于淘寶店鋪首頁的關(guān)鍵圖片,在使用邊框和線條時(shí)要盡量干凈,使用不太匹配的色塊。頁面上應(yīng)該留有空白,讓視線有路可走。特別注意照片水印的制作,不要到處添加水印,避免畫蛇添足。
3.照顧買家瀏覽體驗(yàn)
現(xiàn)在越來越多的賣家會選擇手機(jī)端瀏覽購物,比起電腦端大屏幕我們可以塞進(jìn)更多東西,手機(jī)的小屏幕就要求我們在圖片排版、字體大小、圖片高度尺寸等等視覺的交互設(shè)計(jì)更要人性化。
手淘端店鋪頁面和電腦店鋪頁面最好是分開制作,內(nèi)容要做到貴精不貴多,減少買家等待加載時(shí)間,對于文字和圖片介紹,盡量能兼顧到小屏幕手機(jī)的瀏覽體驗(yàn)。
二、要注意什么?
1、店鋪名字
店鋪名稱要好記而不簡單。好記是指名字要容易讓買家記住,念起了通暢流利,同時(shí)不要使用生僻字繁體字,確保每位買家都能知道是什么字。不簡單,是指要起有特色有個(gè)性的店鋪名稱,在眾多的淘寶店鋪中,與眾不同。店鋪名稱可以取跟所經(jīng)營的產(chǎn)品相關(guān)的名字,還有最好不是字母和數(shù)字。
2、店鋪的色彩搭配要符合店鋪的屬性。
一般配色方案的選擇要根據(jù)所銷售的產(chǎn)品和針對的消費(fèi)群體進(jìn)行搭配。小孩子比較喜歡亮麗鮮艷的顏色,老年人喜歡深一些的顏色。銷售產(chǎn)品銷售的產(chǎn)品是綠色植物或者瓜果類,較適合選擇綠色。補(bǔ)水產(chǎn)品適合藍(lán)色。
3、商品分類一目了然
好的商品分類能夠吸引顧客群,也能夠更好的為群眾服務(wù)。顧客在瀏覽的時(shí)候能夠準(zhǔn)確找到她想要的商品。把低價(jià)促銷的商品,自己銷量較高放在首頁可以吸引買家的注意。買家在搜索同類產(chǎn)品時(shí)會非常注意商品熱銷度,買的人越多,越值得信賴。
最后幕思城電商要提醒大家:在經(jīng)營過程中要重視淘寶規(guī)則條例,其相應(yīng)的條例可以到淘寶規(guī)則里面進(jìn)行閱讀,里面都有著詳細(xì)的描述。另外,有些違規(guī)行為雖然輕微,但是對于店鋪也是有影響的。
淘寶店鋪必須要搞裝修,就像我們在線下租店面開店一樣,首先要做的就是裝修。很多商家一般都是代碼裝修,這樣更好控制頁面的風(fēng)格,一起來看看怎么弄代碼裝修吧。
1. 先上全屏輪換的效果圖
阿里店鋪裝修全屏廣告輪換效果圖
(由于畫面問題,縮放顯示了,正常寬度是 1920px或100%)
2.淘寶店鋪裝修中全屏輪換特效的html代碼
阿里店鋪裝修全屏廣告輪換html代碼
全屏廣告輪換html代碼解釋:① 屬性的設(shè)置,這里nav(觸發(fā)切換的標(biāo)簽)不使用默認(rèn),對應(yīng)的是.lht_nav里面的li元素,切換的面板設(shè)置為.lht_pane,上下頁按鈕設(shè)置如圖,觸發(fā)動(dòng)作設(shè)置成點(diǎn)擊觸發(fā)。
② li的觸發(fā)標(biāo)簽個(gè)數(shù)與lht_pane面板的數(shù)量必須要一致。
3. 店鋪裝修中全屏輪換特效的CSS代碼
阿里店鋪裝修全屏廣告輪換css代碼
全屏廣告特效css部分說明:
① 這里涉及到一個(gè)css小技巧分享,對觸發(fā)標(biāo)簽容器.lht設(shè)置文本居中,然后子元素設(shè)置為display:inline-block; (內(nèi)聯(lián)塊狀的意思,區(qū)別于float:left),這樣里面的小模塊就會在容器.lht里面居中了,這樣能確保觸發(fā)切換的按鈕能一直畫面中間。
② 此處只是外部的箭頭圖片路徑地址。
③ .disabled類是當(dāng)上下頁失效(第一頁和最后一頁時(shí))的特定類,小耐這里設(shè)置成不顯示,也可以考慮設(shè)置成透明。
其實(shí),代碼裝修店鋪還是很簡單的,就這么幾個(gè)步驟,就像套模板一樣的套進(jìn)去就行,且這樣裝修出來,店鋪風(fēng)格更加獨(dú)特,不會那么呆板。不會的朋友趕緊學(xué)起來吧。
這個(gè)問題還有疑問的話,可以加幕.思.城火星老師免費(fèi)咨詢,微.信號是為: msc496。
更多資訊請關(guān)注幕 思 城。
微信掃碼回復(fù)「666」
別默默看了 登錄\ 注冊 一起參與討論!