幕思城>電商行情>多多開店>多多運(yùn)營>淘寶店鋪裝修的方法是什么?要注意什么?(淘寶店鋪裝修代碼怎么弄?全屏輪換怎么制作?)

    淘寶店鋪裝修的方法是什么?要注意什么?(淘寶店鋪裝修代碼怎么弄?全屏輪換怎么制作?)

    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。

    難題沒解決?加我微信給你講!【僅限淘寶賣家交流運(yùn)營知識,非賣家不要加我哈】
    >

    更多資訊請關(guān)注幕 思 城。

    發(fā)表評論

    別默默看了 登錄\ 注冊 一起參與討論!

      微信掃碼回復(fù)「666