本文大綱：淘寶產(chǎn)品詳情頁如何設(shè)計(jì)，詳情頁怎么做好看！

1 專業(yè)的美工團(tuán)隊(duì)設(shè)計(jì)

圖片是電商的基礎(chǔ)工作之一，是少不了的。團(tuán)隊(duì)創(chuàng)業(yè)的，都會(huì)有專門的美工來負(fù)責(zé)產(chǎn)品的圖片、詳情、網(wǎng)店裝修等工作。這個(gè)團(tuán)隊(duì)可能會(huì)包括：美工、攝影、文案等幾個(gè)人，每個(gè)人負(fù)責(zé)相應(yīng)的工作，將產(chǎn)品拍成照片、文案等，然后由美工這些資料設(shè)計(jì)成符合淘寶閱讀的圖文信息，就是我們平常逛淘寶的時(shí)候看到的那些圖片。

2 供應(yīng)商提供數(shù)據(jù)包，直接使用

比如這個(gè)文件夾，里面就有600來個(gè)產(chǎn)品，包括主圖和詳情頁

對(duì)一些剛創(chuàng)業(yè)的個(gè)人而言，他們可能不懂Ps，不會(huì)美工，做的也是無貨源一件代那的模式。對(duì)這樣的人來說，他們的圖片用的都是供應(yīng)商的，有些工廠會(huì)將自己的產(chǎn)品拍成圖片、做好詳情頁、主圖等一套完整的資料，就是圈內(nèi)人說的數(shù)據(jù)包。只要你跟他合作，給他做分銷，那么他就把這個(gè)數(shù)據(jù)包給你，直接上架就可以了，也可以在這個(gè)基礎(chǔ)上做修改，形成你自己的內(nèi)容。

3 下載模板自己修改

有些創(chuàng)業(yè)的小伙伴會(huì)自學(xué)一些PS，他們會(huì)下載一些模板，收集相關(guān)的資料，然后結(jié)合自己的實(shí)際情況，將資料進(jìn)行全新的整合加工形成新的視覺效果。

免費(fèi)素材網(wǎng)很多，若干的詳情頁、主圖、車圖模板，看上了就下載下來，然后修改成自己的產(chǎn)品就可以了，也很好看好專業(yè)

特別聲明：本文文章轉(zhuǎn)載分享，不做商業(yè)用途，本文轉(zhuǎn)載悟空問答，原文作者：淘寶美工老申。如果想了解更多知識(shí)請(qǐng)到原平臺(tái)“關(guān)注作者”，如果喜歡馬上去關(guān)注作者吧。

淘寶寶貝詳情頁空白是為什么？怎么解決

如今說到淘寶寶貝詳情頁是展示產(chǎn)品的地方，當(dāng)然，商家們?cè)谏蟼鳟a(chǎn)品詳情頁信息的時(shí)候也是非常的用心，但是有些商家發(fā)現(xiàn)，傳了之后，詳情頁卻發(fā)現(xiàn)有空白的地方，那淘寶寶貝詳情頁空白是為什么？怎么解決?下面來看看吧。

一、淘寶寶貝詳情頁空白是為什么？

在切圖的時(shí)候，特別是比較多的時(shí)候，會(huì)很易出現(xiàn)圖錯(cuò)位的現(xiàn)象就可能有空白，首先，先檢查自己的代碼有沒有問題。

檢查下有沒有空格，有沒有忘記替換的圖片鏈接?？纯从袥]有那種gif的那個(gè)小圖片，有的話，全部替換掉，解決切片白邊，一種方法是全部居頂。

在原來的代碼中的圖片后面加上 align="top" 就可以了，所有圖片后面都要加，全部加好之后，就沒有問題，都可對(duì)齊。

二、淘寶寶貝詳情頁空白怎么解決

其實(shí)，出現(xiàn)空白可能是因?yàn)槟阍谧鰣D時(shí)圖片有問題，所以，先檢測(cè)圖其次看鏈接，代碼等都處理好后，基本上就可以解決空白的問題了。

三、淘寶寶貝詳情頁的疑問

1.為什么淘寶詳情頁右側(cè)有長條灰色區(qū)域?

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

設(shè)置在編輯寶貝--寶貝詳情頁編輯框右上角就有導(dǎo)航設(shè)置。

2.手機(jī)端詳情頁上下兩張圖片中間的空白條怎么做出來的?

如果是想讓詳情頁的上下兩張圖片之間有空白間隙，可以到淘寶旺鋪詳情頁面，進(jìn)入到對(duì)應(yīng)的寶貝裝修頁面，然后點(diǎn)對(duì)應(yīng)的圖片，在該圖片的最下方，就會(huì)出現(xiàn)個(gè)可以長下拖動(dòng)的按鈕，鼠標(biāo)向下拉就可以制作出可調(diào)節(jié)高度的空白間隙，并且在右側(cè)還可以給間隙設(shè)置背景顏色。

3.如何設(shè)置詳情頁右側(cè)的快速直達(dá)?

可以通過編輯頁詳情頁編輯框第二排最后一個(gè)按鈕「詳情導(dǎo)航」里增加模塊，商品發(fā)布后就可以在商品詳情頁生成快速直達(dá)導(dǎo)航條：沒有模板的就先點(diǎn)擊「新建模塊」生成。

已建好模塊的，可以直接選擇模塊引用，避免重復(fù)勞動(dòng)。比如：售務(wù)等介紹就用通過這種引用的方式。

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

更多資訊請(qǐng)關(guān)注幕 思 城。