淘寶店鋪裝修代碼怎么弄?全屏輪換怎么制作?(淘寶店鋪店招怎么加鏈接?操作方法是啥?)
2023-01-13|10:35|發(fā)布在分類 / 跨境運(yùn)營| 閱讀:56
2023-01-13|10:35|發(fā)布在分類 / 跨境運(yùn)營| 閱讀:56
淘寶店鋪必須要搞裝修,就像我們在線下租店面開店一樣,首先要做的就是裝修。很多商家一般都是代碼裝修,這樣更好控制頁面的風(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ā)動作設(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é)起來吧。
在淘寶店鋪上有些人的店鋪招牌是添加了鏈接的,一旦你點(diǎn)擊了這個(gè)店鋪招牌就可以進(jìn)入到某個(gè)熱賣商品的主頁了,這也是裝修淘寶店的一種技巧了,那么如何在淘寶店鋪店招中添加寶貝推廣的鏈接呢?
具體流程如下:
下面這個(gè)店招,右側(cè)收藏店鋪是有鏈接的,但左側(cè)的店鋪招牌是沒有鏈接的,如果經(jīng)過沒有顯示可以點(diǎn)擊。所以這個(gè)店招是由兩張圖片組成的,一張是左側(cè)沒有鏈接的圖片,一張是右側(cè)有鏈接的圖片。
做好兩張圖片,兩張圖片的總寬度加在一起是950px,上傳到圖片空間。進(jìn)入店鋪裝修后臺,編輯頁頭,點(diǎn)擊自定義招牌-添加圖。
進(jìn)入店鋪首頁,右鍵點(diǎn)擊收藏店鋪,點(diǎn)擊復(fù)制鏈接地址。
復(fù)制圖片鏈接在紫色框內(nèi)。第一張圖片不需要加鏈接網(wǎng)址,第二張圖片也就是收藏店鋪的圖片需要把相應(yīng)的收藏店鋪的鏈接網(wǎng)址復(fù)制過來。點(diǎn)擊確定,保存預(yù)覽即可。
如何想做整個(gè)店招的鏈接,點(diǎn)擊后直接進(jìn)入店鋪首頁,只需要按照上述步驟插入圖片,點(diǎn)擊編輯,插入店鋪首頁鏈接即可。注意后面的在新窗口打開,默認(rèn)勾選,意思是當(dāng)消費(fèi)者點(diǎn)擊圖片時(shí),會自動彈出一個(gè)新的窗口顯示店鋪首頁,而不會在原有窗口直接跳轉(zhuǎn)。
要做有鏈接的店招,重點(diǎn)在于分析鏈接的位置,把圖片分開對待,不要定式思維認(rèn)為點(diǎn)店招就是一張圖片。
淘寶店鋪店招添加鏈接的方法并不難,主要是給你的店招圖片添加一個(gè)鏈接紡織,這樣就能讓點(diǎn)擊店招的買家進(jìn)入到相應(yīng)的寶貝頁面了,這里建議店招的鏈接都是店鋪內(nèi)熱銷產(chǎn)品的鏈接哦。
這個(gè)問題還有疑問的話,可以加幕.思.城火星老師免費(fèi)咨詢,微.信號是為: msc496。
更多資訊請關(guān)注幕 思 城。
微信掃碼回復(fù)「666」
別默默看了 登錄\ 注冊 一起參與討論!