淘寶導(dǎo)航條和自定義縫隙該如何設(shè)置和去除

關(guān)注：42 發(fā)布時間：2022-04-20 20:01:01

賣家用戶需要先進入到賣家中心界面，將自己店鋪的寶貝分類設(shè)置好之后，再來操作淘寶導(dǎo)航條的設(shè)置，在進行導(dǎo)航條設(shè)置之前還需要賣家提前規(guī)劃好自己的店鋪需要植入哪些頻道內(nèi)容。d1

計劃好之后，賣家需要進入到店鋪裝修界面，選擇操作的端口是電腦端還是無線端的展示設(shè)置，以pc端為例選擇完成之后，進入到首頁設(shè)置選項，裝修頁面后會出現(xiàn)新的界面，在這里就有店鋪首頁的版面布局以及進行板塊分類和圖片上傳。在界面的頂部位置大家需要上傳店鋪的門頭店招圖片，在其下方防止，將鼠標(biāo)放上去之后就會出現(xiàn)一個編輯的按鈕，大家這個按鈕，所示：

這里就是大家進行店鋪導(dǎo)航條設(shè)置的地方了，進入編輯會有一個添加的功能選項，這個添加將提前規(guī)劃好的類目編輯進去，然后保存，就完成了。完成了導(dǎo)航條設(shè)置之后，在這塊的內(nèi)容和下面的自定義板塊之間會有一個縫隙存在的，所示：

這個縫隙的存在會影響到首頁界面的美觀度和緊密度，能不能將它去除呢?是可以操作去除的，但操作起來有點麻煩需進行一些代碼的更改，在自定義板塊的編輯時是有代碼顯示的，大家需要在這些代碼中找到下圖紅色方框標(biāo)準(zhǔn)的代碼：

第一個方框是指自定義模塊的高度原來是200px，大家需要減掉20px，200-20=180。第二個紅色框內(nèi)的css樣式不用管，它是淘寶自帶樣式用于模塊定位。第三個框內(nèi)的top：-20px 是指模塊上移20像素，left:auto 是模塊自動向左，padding:0;是用于防止一些瀏覽器自帶padding的間距，border:none;是防止一些瀏覽器的自帶邊框。一般需要大家改動的就是第一個框和第三個框里的內(nèi)容了。

淘寶導(dǎo)航條和自定義縫隙