淘寶店鋪頁頭背景圖錯(cuò)位怎么解決

關(guān)注：81 發(fā)布時(shí)間：2021-12-15 14:24:01

首先，你這個(gè)有兩個(gè)地方?jīng)]有弄好才造成這樣模板錯(cuò)位。一是布局不對，放錯(cuò)了位置;二是切圖時(shí)沒有配置好fireworks的導(dǎo)出參賽。

淘寶店鋪頁頭背景圖錯(cuò)位

(一)淘寶的店招規(guī)定首頁不能超過250像素，寶貝詳情描述頁的店招高度不能超過150像素。你應(yīng)該去淘寶的“布局”，在店鋪頁頭分別添加兩個(gè)自定義模塊。一個(gè)用來放全站通用顯示的150像素店鋪圖片，一個(gè)用來放大圖海報(bào)。

(二)在淘寶店鋪裝修模塊設(shè)計(jì)好后，建議使用fireworks軟件進(jìn)行切圖，我們這里詳細(xì)說明一下fireworks cs4 的導(dǎo)出參賽配置過程。

(1)導(dǎo)出選項(xiàng)里勾選“包括無切片區(qū)域”等

(2)fireworks導(dǎo)出html常規(guī)選項(xiàng)

(3)fireworks淘寶切圖的“表格”配置應(yīng)選擇"間距：嵌套表格，無間隔符"、“空單元格顏色透明不使用畫布顏色內(nèi)容無”

我們更換頁頭后，還要左側(cè)選鍵“頁頭”，在展開的頁框下方處，選鍵“應(yīng)用到所有頁面”，再發(fā)布。如果店鋪頁頭和寶貝后的頁頭還是不一致時(shí)，我們還要把現(xiàn)有的瀏覽器卸載再重裝，便能解決這問題。注意：點(diǎn)開“頁頭”選鍵，如果看不到選鍵“應(yīng)用到所有頁面”，這是被隱藏的原因，我們只需要裝修頁面上方的第二個(gè)“x”，把工具條關(guān)閉后，便能看到點(diǎn)開選鍵“頁頭”頁框下方的選鍵“應(yīng)用到所有頁面”。

首先要把每一個(gè)模塊的頁頭都改一下，1、選擇首頁 2、選擇頁頭 3、選擇頁頭背景色那里顯示前面有一個(gè)勾，要去掉 4然后把頁頭背景圖刪掉重新選擇

然后點(diǎn)1那里每一個(gè)模塊都把頁頭改一下

比較后發(fā)布的時(shí)候一定要選擇模塊的所有.

為什么淘寶裝修店鋪的時(shí)候頁面背景圖和頁頭背景圖不能同時(shí)添加，發(fā)布的時(shí)候只顯示其中一種?

能夠同時(shí)添加的，只不過覆蓋了。因?yàn)轫擃^背景圖和頁面背景圖的起始坐標(biāo)一樣，但是頁頭背景圖高度只能 150px,多余的高度不顯示。

上面的技巧，學(xué)會了嗎？記住不要再用背景拼接方法做淘寶店鋪全屏海報(bào)效果，這個(gè)很古老的手法了，你上面出現(xiàn)錯(cuò)位的原因是，你設(shè)置的背景不是從導(dǎo)航開始的，而是從店招開始的，注定會和海報(bào)有錯(cuò)位。

淘寶店鋪頁頭背景圖錯(cuò)位