天貓?zhí)詫氀b修怎么去掉間隙

本文主題淘寶裝修,淘寶間隙,淘寶問答。

當(dāng)我們在天貓和淘寶裝修的時(shí)候時(shí)常會遇到這樣的問題，就是天貓和淘寶首頁自定義模塊之間不是完全重合的，有間隙，在詳情頁裝修時(shí)也出現(xiàn)了這樣的問題。這個(gè)間隙很可能不是我們想要的，那么淘寶裝修怎么去掉間隙，完成我們想要的設(shè)計(jì)效果呢?請接著看下去吧。

這個(gè)間隙的問題，就是去樣式管理那里關(guān)閉頁頭下距10像素。但是這個(gè)方法只是去掉導(dǎo)航和招牌的距離，詳情看下面的圖片教程吧!

我們今天教的可能與這個(gè)不一樣，需要有點(diǎn)代碼的基礎(chǔ)，下面就直入主題吧!!淘寶模塊之間的縫隙是淘寶系統(tǒng)默認(rèn)存在的。如果想自己去掉空白間隙的話，就必須要用到代碼。

我們可以很清楚的看到紅框中的就是修改和增加的部分，原來自定義模塊的高度是200px，我們需要減掉20px，200-20=180，這個(gè)根據(jù)你們的實(shí)際尺寸來減。

另外增加一個(gè)css樣式：class="footer-more-trigger"這個(gè)是淘寶自帶樣式，作用于模塊的定位。

再加上一段控制模塊屬性的代碼：top:-20px;left:auto;padding:0;border:none;，這段代碼加到內(nèi)，假如有些人的代碼是這種類型，那么就要增加為：

top：-20px是讓模塊向上移動20像素，所以上面提到為什么要減掉20px就是這個(gè)原因

left:auto;是讓模塊自動向左padding:0;是防止一些瀏覽器自帶padding的間距border:none;是防止一些瀏覽器自帶邊框。

教完了首頁自定義模塊要怎么去掉間隙，那么詳情頁自定義模塊的間隙如何去掉?一起來看看吧。

進(jìn)入寶貝編輯，編輯寶貝詳情，點(diǎn)擊右邊全屏模式修改，然后進(jìn)入源代碼編輯模式，找到兩張有間隙圖片所在位置，找到退應(yīng)的圖片在全屏模式下刪除掉對應(yīng)的p代碼。也可以把描述頁代碼復(fù)制出來放到DW中，DW中點(diǎn)拆分點(diǎn)對對應(yīng)圖片位置，再到代碼處把開頭的刪除，把結(jié)尾的也直接刪除即可!

刪除完對應(yīng)的空格間隙直接點(diǎn)確定發(fā)布看就Ok了!這樣空白問題就解決了哦~還有一個(gè)大家問得比較多，就是為什么淘寶詳情頁右側(cè)有長條灰色點(diǎn)擊跳轉(zhuǎn)區(qū)域?那個(gè)是寶貝詳情頁的導(dǎo)航欄。

因?yàn)楹芏鄬氊愒斍轫撁娑己荛L，如果買家不愿意看下去的話，可以通過導(dǎo)航欄直接到達(dá)他想看的內(nèi)容。如果你是賣家，可以設(shè)置詳情頁導(dǎo)航的，比如設(shè)置個(gè)，買家在右邊這里可以看到，點(diǎn)擊就直接可以到達(dá)尺寸那部分內(nèi)容了。設(shè)置在編輯寶貝--寶貝詳情頁編輯框右上角就有淘寶店鋪導(dǎo)航設(shè)置。

在裝修天貓?zhí)詫毜赇伒臅r(shí)候，怎么去掉間隙的教程就分享到這里了。出現(xiàn)這種情況就是上傳的時(shí)候系統(tǒng)會默認(rèn)加上一個(gè)間隙，自己手動刪除一下就能解決了。怎么樣，是不是很簡單呢~

幕思城為您更新最近最有用的電商資訊、電商規(guī)則淘寶裝修,淘寶間隙淘寶問答。了解更多電商資訊、行業(yè)動向，記得關(guān)注幕思城！

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號是為: msc496。