在網(wǎng)店系統(tǒng)的產(chǎn)品詳細頁面中，展示產(chǎn)品細節(jié)涉及多張產(chǎn)品圖片和相關(guān)的媒體文件、pdf、doc等，可供顧客瀏覽產(chǎn)品細節(jié)、進行試讀、試聽、試看等，從各個角度來介紹產(chǎn)品，這些內(nèi)容越豐富越有利顧客了解產(chǎn)品，也越有利顧客做出購買決定。
但產(chǎn)品詳細頁面本身就有很多信息，包括產(chǎn)品名稱、價格、描述、規(guī)格參數(shù)、評論等，如果還加上這么多圖片和媒體文件，那么該頁面將會顯得非常臃腫，導致排版困難，讀取速度變慢等問題。
現(xiàn)在通用的解決方式是設(shè)計一個專門的產(chǎn)品圖片櫥窗頁面（ProductPhotoGallery）。
該頁面的入口一般是直接點擊產(chǎn)品詳細頁面的產(chǎn)品大圖然后彈出層或者彈出新頁面。該頁面?zhèn)冗吜谐霎斍爱a(chǎn)品所有的產(chǎn)品圖片的縮略圖，點擊縮略圖時，中間區(qū)域顯示對應的大圖，有些還提供放大功能，供顧客查看關(guān)注的細節(jié)。
產(chǎn)品圖片櫥窗的實現(xiàn)方式目前常見的是兩種：Flash圖片櫥窗、Javascript圖片櫥窗。
下面將就這兩種方式做詳細說明：
Flash圖片櫥窗
典型的例子是淘寶，實現(xiàn)方式是設(shè)計一個Flash程序，讀取指定目錄下的指定文件（若干個），但是淘寶做得并不好，感覺會導致圖片失真，所以絕大部分店主都是在詳細頁面中插入圖片的方式顯示給顧客。
Flash方式的好處是不容易被復制或者做盜鏈，有利于保護圖片，而且如果做得好，效果也很漂亮，淘寶在這點上做得太過粗糙了，往往會掩蓋了Flash櫥窗的優(yōu)點。
這里有很多優(yōu)秀的FlashGalley，可做參考：http://flash-gallery.com/

圖書試讀型
點擊一個圖書產(chǎn)品的產(chǎn)品圖片彈出的層（注意是層而不是新的頁面）。
這個櫥窗頁面的設(shè)計較為復雜，是專門針對圖書類商品設(shè)計。
對于圖書類產(chǎn)品，顧客在試讀的過程中往往會做出購買決定，而且圖書類產(chǎn)品基本不會涉及產(chǎn)品規(guī)格，所以在該頁面整合了AddtoCart按鈕和AlsoBuy關(guān)聯(lián)推薦，這點和其它產(chǎn)品有所不同了。
總結(jié)
Flash雖然效果很漂亮，但是國內(nèi)使用Flash做產(chǎn)品櫥窗做得好的暫時沒有發(fā)現(xiàn)，我提供的參考例子只是一些樣例，并沒有實際的整合到網(wǎng)店系統(tǒng)中的優(yōu)秀案例，而且因為它對SEO不友好，加上需要開發(fā)人員掌握一門新的技術(shù)，所以并不推薦使用。
采用Javascript+Html+CSS可以實現(xiàn)更為復雜的功能和展示方式（炫目的效果并不是首要的，友好的功能才是最重要的），這是實現(xiàn)產(chǎn)品圖片櫥窗模板的好選擇。
應該支持規(guī)格的個性圖片櫥窗展示，有利于顧客查看指定規(guī)格的產(chǎn)品圖片，而不是大雜燴的混在一起。

名稱欄目：B2C網(wǎng)店產(chǎn)品圖片櫥窗設(shè)計參考
轉(zhuǎn)載來源：http://m.rwnh.cn/news/217432.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計公司、Google、外貿(mào)建站、網(wǎng)站改版、全網(wǎng)營銷推廣、營銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)