天貓?zhí)詫氀b修怎么去掉間隙
2023-02-05| 18:50|發(fā)布在分類/淘寶知識|閱讀:46
2023-02-05| 18:50|發(fā)布在分類/淘寶知識|閱讀:46
本文主題淘寶裝修,淘寶間隙,淘寶問答。
當(dāng)我們在天貓和淘寶裝修的時候時常會遇到這樣的問題,就是天貓和淘寶首頁自定義模塊之間不是完全重合的,有間隙,在詳情頁裝修時也出現(xiàn)了這樣的問題。這個間隙很可能不是我們想要的,那么淘寶裝修怎么去掉間隙,完成我們想要的設(shè)計效果呢?請接著看下去吧。
這個間隙的問題,就是去樣式管理那里關(guān)閉頁頭下距10像素。但是這個方法只是去掉導(dǎo)航和招牌的距離,詳情看下面的圖片教程吧!
我們今天教的可能與這個不一樣,需要有點代碼的基礎(chǔ),下面就直入主題吧!!淘寶模塊之間的縫隙是淘寶系統(tǒng)默認(rèn)存在的。如果想自己去掉空白間隙的話,就必須要用到代碼。
我們可以很清楚的看到紅框中的就是修改和增加的部分,原來自定義模塊的高度是200px,我們需要減掉20px,200-20=180,這個根據(jù)你們的實際尺寸來減。
另外增加一個css樣式:class="footer-more-trigger"這個是淘寶自帶樣式,作用于模塊的定位。
再加上一段控制模塊屬性的代碼:top:-20px;left:auto;padding:0;border:none;,這段代碼加到內(nèi),假如有些人的代碼是這種類型,那么就要增加為:
top:-20px是讓模塊向上移動20像素,所以上面提到為什么要減掉20px就是這個原因
left:auto;是讓模塊自動向左padding:0;是防止一些瀏覽器自帶padding的間距border:none;是防止一些瀏覽器自帶邊框。
教完了首頁自定義模塊要怎么去掉間隙,那么詳情頁自定義模塊的間隙如何去掉?一起來看看吧。
進入寶貝編輯,編輯寶貝詳情,點擊右邊全屏模式修改,然后進入源代碼編輯模式,找到兩張有間隙圖片所在位置,找到退應(yīng)的圖片在全屏模式下刪除掉對應(yīng)的p代碼。也可以把描述頁代碼復(fù)制出來放到DW中,DW中點拆分點對對應(yīng)圖片位置,再到代碼處把開頭的刪除,把結(jié)尾的也直接刪除即可!
刪除完對應(yīng)的空格間隙直接點確定發(fā)布看就Ok了!這樣空白問題就解決了哦~還有一個大家問得比較多,就是為什么淘寶詳情頁右側(cè)有長條灰色點擊跳轉(zhuǎn)區(qū)域?那個是寶貝詳情頁的導(dǎo)航欄。
因為很多寶貝詳情頁面都很長,如果買家不愿意看下去的話,可以通過導(dǎo)航欄直接到達他想看的內(nèi)容。如果你是賣家,可以設(shè)置詳情頁導(dǎo)航的,比如設(shè)置個,買家在右邊這里可以看到,點擊就直接可以到達尺寸那部分內(nèi)容了。設(shè)置在編輯寶貝--寶貝詳情頁編輯框右上角就有淘寶店鋪導(dǎo)航設(shè)置。
在裝修天貓?zhí)詫毜赇伒臅r候,怎么去掉間隙的教程就分享到這里了。出現(xiàn)這種情況就是上傳的時候系統(tǒng)會默認(rèn)加上一個間隙,自己手動刪除一下就能解決了。怎么樣,是不是很簡單呢~
幕思城為您更新最近最有用的電商資訊、電商規(guī)則淘寶裝修,淘寶間隙淘寶問答。了解更多電商資訊、行業(yè)動向,記得關(guān)注幕思城!
這個問題還有疑問的話,可以加幕.思.城火星老師免費咨詢,微.信號是為: msc496。