天貓?zhí)詫氀b修怎么去掉間隙?天貓?zhí)詫毷醉?yè)和詳情頁(yè)的間隙怎么去掉?
2023-08-21 | 19:32 | 發(fā)布在分類(lèi) / 開(kāi)網(wǎng)店 | 閱讀:40
2023-08-21 | 19:32 | 發(fā)布在分類(lèi) / 開(kāi)網(wǎng)店 | 閱讀:40
當(dāng)咱們?cè)谔熵埡吞詫氀b飾的時(shí)分時(shí)常會(huì)遇到這樣的問(wèn)題,便是天貓和淘寶首頁(yè)自定義模塊之間不是完全重合的,有空隙,在詳情頁(yè)裝飾時(shí)也呈現(xiàn)了這樣的問(wèn)題。
這個(gè)空隙很可能不是咱們想要的,那么淘寶裝飾怎樣去掉空隙,完結(jié)咱們想要的設(shè)計(jì)效果呢?請(qǐng)接著看下去吧?! ?/p>
這個(gè)空隙的問(wèn)題,便是去款式管理那里封閉頁(yè)頭下距10像素。但是這個(gè)辦法僅僅去掉導(dǎo)航和招牌的間隔,詳情看下面的圖片教程吧!
咱們今天教的可能與這個(gè)不一樣,需要有點(diǎn)代碼的基礎(chǔ),下面就直入主題吧!
淘寶模塊之間的縫隙是淘寶體系默許存在的。假如想自己去掉空白空隙的話(huà),就必須要用到代碼?! ?/p>
咱們能夠很清楚的看到紅框中的便是修正和添加的部分,本來(lái)自定義模塊的高度是200px,咱們需要減掉20px,200-20=180,這個(gè)根據(jù)你們的實(shí)際尺度來(lái)減。
另外添加一個(gè)css款式:class="footer-more-trigger" 這個(gè)是淘寶自帶款式,作用于模塊的定位?! ?/p>
再加上一段操控模塊特點(diǎn)的代碼:top:-20px;left:auto;padding:0;border:none;,這段代碼加到style=""內(nèi),假如有些人的代碼是這種類(lèi)型,那么就要添加為:
top:-20px 是讓模塊向上移動(dòng)20像素,所以上面說(shuō)到為什么要減掉20px便是這個(gè)原因
left:auto; 是讓模塊主動(dòng)向左padding:0; 是避免一些瀏覽器自帶padding的間距border:none; 是避免一些瀏覽器自帶邊框。
教完了首頁(yè)自定義模塊要怎樣去掉空隙,那么詳情頁(yè)自定義模塊的空隙怎樣去掉?一同來(lái)看看吧。
進(jìn)入寶物修正,修正寶物詳情,點(diǎn)擊右邊全屏形式修正,然后進(jìn)入源代碼修正形式,找到兩張有空隙圖片所在位置,找到退應(yīng)的圖片在全屏形式下刪去掉對(duì)應(yīng)的p代碼。也能夠把描繪頁(yè)代碼仿制出來(lái) 放到DW中,DW中點(diǎn)拆分點(diǎn)對(duì)對(duì)應(yīng)圖片位置,再到代碼處把開(kāi)頭的刪去,把結(jié)尾的也直接刪去即可!
刪去完對(duì)應(yīng)的空格空隙直接點(diǎn)確定發(fā)布看就Ok了!這樣空白問(wèn)題就處理了哦~還有一個(gè)大家問(wèn)得比較多,便是為什么淘寶詳情頁(yè)右側(cè)有長(zhǎng)條灰色點(diǎn)擊跳轉(zhuǎn)區(qū)域?那個(gè)是寶物詳情頁(yè)的導(dǎo)航欄。由于很多寶物詳情頁(yè)面都很長(zhǎng),假如買(mǎi)家不愿意看下去的話(huà),能夠經(jīng)過(guò)導(dǎo)航欄直接抵達(dá)他想看的內(nèi)容。假如你是賣(mài)家,能夠設(shè)置詳情頁(yè)導(dǎo)航的,比如設(shè)置個(gè),買(mǎi)家在右邊這兒能夠看到,點(diǎn)擊就直接能夠抵達(dá)尺度那部分內(nèi)容了。設(shè)置在修正寶物--寶物詳情頁(yè)修正框右上角就有淘寶店鋪導(dǎo)航設(shè)置?! ?/p>
在裝飾天貓?zhí)詫毜赇伒臅r(shí)分,怎樣去掉空隙的教程就共享到這兒了。呈現(xiàn)這種狀況便是上傳的時(shí)分體系會(huì)默許加上一個(gè)空隙,自己手動(dòng)刪去一下就能處理了。怎樣樣,是不是很簡(jiǎn)單呢~
這個(gè)問(wèn)題還有疑問(wèn)的話(huà),可以加幕.思.城火星老師免費(fèi)咨詢(xún),微.信號(hào)是為: msc496。
推薦閱讀:
淘寶店鋪淘寶客的傭金怎么結(jié)算?是怎么來(lái)計(jì)算傭金的?
淘寶店鋪如何靠直通車(chē)做起來(lái)?商家要怎么操作直通車(chē)?
淘寶直通車(chē)點(diǎn)擊率怎么算?淘寶商家該如何提升點(diǎn)擊率?
更多資訊請(qǐng)關(guān)注幕 思 城。
微信掃碼回復(fù)「666」
別默默看了 登錄 \ 注冊(cè) 一起參與討論!