很喜歡今年MO&Co.內刊MOMAG春季刊的主題：Share is new love！共享是大愛！

這是一個從笑臉Emoji所引發(fā)的觀點：愛不須永遠占有。在這共享的大時代，誰都不必真正擁有某種東西，流行的、分享的、創(chuàng)造的，才能繼續(xù)增加其價值，這是新新人類的世界主義精神！

那么事情就來了，我自認為找到了一種以代碼+模板的方式在PC端快速上新的方式方法，如果不能分享出來，大家就無法幫忙確認是否能稱之為全新、并如我一樣經過驗證后評定為最快！

我去年12月中從綾致時裝離職初初來到MO&Co.電商負責品牌形象的時候，遇到一個很棘手的問題，上新組的同事們幾乎都是還沒有離開校園的實習生，普通商品的上新工作又很繁重，為了完成工作量必須要經過長時間的加班才可以做完。像大部分的服裝公司一樣，MO的同事們還在用比較傳統(tǒng)的PS方法來制作商品詳情，一個熟手的平面設計師最多每天能完成6個款的商品詳情。日常工作里一些數(shù)據(jù)需要修改或者是頁面顯示的搭配款下架了，還需要找到原圖修改完之后再上傳，造成工作狀態(tài)非常混亂。

當改用代碼+模板的方式來制作商品詳情之后，在需要單款給圖片做扣圖成白底3~5張圖的情況下，每人每天基本都可以完成12款的商品詳情，效率對比之前的老方法是翻倍的，甚至有一些非常注重快捷技巧的同事，一天甚至可以完成20款左右的商品詳情制作，當然如果不需要做任何摳圖的工作，這個效率還可以再高很多。

現(xiàn)在話題切入到商品詳情頁上，我們首先有一件事情要先達成共識，那就是一個以代碼方式呈現(xiàn)的完整模板里一般就只包含文字信息和圖片信息，具體如下：

1．介紹商品基本資料的文字

2．帶有促銷或者品牌屬性的描述性文字

3．商品的模特圖和靜物圖

4．頁面上通用的裝飾性圖片

文字的屬性、模特圖、靜物圖等這些都比較容易理解，什么是通用的裝飾性圖片呢？舉個例子：

圖片（一）是MO&Co.商品詳情頁面里的第一張圖，棕櫚樹剪影的圖片就是屬于通用圖片。圖片（一）
圖片（二）　　圖片（三）
由于這張圖是商品詳情頁面里面的第一張圖，非常重要，我也插一句關于我們這個模板對于這張圖的看法：

圖片（一）的顯示效果是由圖片（二）和圖片（三）兩張圖上下疊加而成，圖片（三）經過了PS簡單的加工，加入了品牌當年的流行slogan：Forever young（永遠年輕！），MO&Co.去年一年的商品詳情頁里面第一張圖都是墊的這個底（圖片三），主要是因為我們開始琢磨這個代碼+模板化上新的時候雖然也有過這種通用圖片多樣化的思考，但更多的時間其實是在溝通并思考如何通過流程、團隊分工和技術把所需要銷售上新的商品很藝術并且快速的進行電子化，3月著手開始做設計的時候，剛好趕上做夏季商品上新，設計師峰美女就直接這樣設計了，后面隨著工作量逐步的加大，這種進一步的優(yōu)化就基本上只能停留在想的階段了。

其實這張通用底層圖在商品詳情頁中其實也是可以根據(jù)需求隨時進行更換與調整的，比如像我的前東家綾致時裝那種從線下就很注重對產品系列差異化訴求的品牌，就可以考慮根據(jù)每年的TRENDS STORY設計出不同的通用裝飾性圖片，以便通過意境的營造更好的詮釋出不同商品系列之間的時尚差異化。

大篇幅的基本概念溝通完畢，現(xiàn)在可以簡單快速地描述一下操作步驟了，具體如下：

1. 我們先按照jpg格式里面所有出現(xiàn)的圖片按照呈現(xiàn)的先后順序命好名稱，從1到多少這樣子，并把整個模版寫成一組代碼，在這組代碼里，圖片和文字都是分別按照邏輯順序進行設置的，通俗來講就是固定好了每一個模塊的具體位置；

2. 把這組原始代碼直接設置好放在Excel表格里面；

3. 在這套工作流程里圖片和文字是分開處理的，而且在模板制作開始之前，圖片需要提前準備好，精修過的模特圖、靜物圖和細節(jié)圖圖片最好都能集中在一個文件夾里面；所有模版內所需要的模特圖、靜物圖、細節(jié)圖都在一個設計好的PS模版內進行剪裁，如圖片（四），并按照款號加一個上新專屬的特別符號進行web格式存儲，并設置切片為：所有用戶切片；
　　圖片（四）
4. 圖片在淘寶圖片空間的存儲，建議單獨設立上新文件夾，并在二級用款號設立每個款的專屬文件夾，上一個步驟里面所存儲好的圖片按照順序都有了各自在初始jpg模版中所命名都數(shù)字代碼，款號加上上新代碼，再加上從1到多少這樣子，然后把這些圖片上傳到上新到圖片空間中；

5. 由于圖片本身到數(shù)字后綴是帶順序的，上傳之后這些數(shù)字以后可以順序進行排列；

6. 用款號在圖片空間中按款號加上新符號搜索圖片，選擇所出現(xiàn)到所有圖片，復制圖片鏈接；

7. 只需要輸入款號和圖片鏈接，也就是插入所有圖片信息，如下圖圖片（五），在款號后面的“新代碼”處，粘貼出新模版的代碼，新的商品詳情頁就完成了一個初步的原屬雛形；
8. 最后一個步驟，進行所有文字的添加：打開DW，把新代碼復制搭理到新建頁面，看圖填寫文字，文字是在所有圖片處理好并穿插到模板里面之后，最后添加完成的，文字的完成也代表著新模版對的成，把模版的代碼直接后臺拷貝到商品詳情中，前臺就能看到一個新款到展現(xiàn)了。

通過以上這種工作步驟到拆解，我們MO電商的上新可以把所有模特圖片和文字以更好更快的方式在商品詳情中展現(xiàn)，同時藉由這種新的工作流暢所帶來的各團隊間的配合也更緊密了，從攝影、修圖、商品、文案到上新，全部都被有機地都組合在一條流水線上，各自配合。團隊內協(xié)作能力大幅度大提升，所產生的快速反應機制更能相應多節(jié)奏的運營工作。

樂發(fā)網超市批發(fā)網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發(fā)市場供應廠商搭建網上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務權威性網站。

本文內容整合網站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 詳情頁上新操作太慢？這幾招教你效率翻倍