京東詳情頁模板編輯操作手冊(商家版)

京東詳情頁模板商家操作手冊（快速入門）目錄1.詳情頁模板市場基本操作說明..............................................21.1.如何進(jìn)入詳情頁模板市場...........................................21.2.1.3.挑選模板.........................................................4模板預(yù)覽效果和購買使用...........................................41.4.已購買的模板在哪里...............................................62.裝修界面操作............................................................72.12.2裝修界面布局介紹.................................................7導(dǎo)航模塊.........................................................82.2.1.模塊介紹.........................................................82.2.2.基本操作.........................................................92.32.4文字編輯........................................................10圖片編輯........................................................112.4.1.基本操作........................................................112.4.2.管理圖片........................................................12圖片組基本操作..........................................12圖片裁剪................................................16上傳圖片................................................17刪除圖片................................................17添加至面板..............................................172.52.6背景設(shè)置........................................................18添加模塊........................................................182.6.1.添加標(biāo)頭模塊....................................................182.6.2添加其他模塊....................................................212.7.還原功能........................................................212.7.1.模塊還原........................................................222.7.2.模板還原........................................................222.7.3.還原至未使用模板前的狀態(tài)........................................232.8.預(yù)覽發(fā)布........................................................242.9.批量裝修詳情頁..................................................2511.京東詳情頁模板市場基本操作說明1.1.如何進(jìn)入詳情頁模板市場入口1：瀏覽器直接輸入/進(jìn)入詳情頁模板市場首頁：圖1-1商家端詳情頁模板市場首頁入口2：商家后臺——商品管理——商品詳情模板2圖1-2商家后臺詳情頁模板入口入口3：商家后臺——商家工具箱——詳情頁裝修圖1-3商家后臺詳情頁模板入口入口4：商家后臺——修改商品——功能設(shè)置——設(shè)置商品詳情模板3圖1-4商家后臺詳情頁模板入口1.2.挑選模板可以按照行業(yè)、風(fēng)格、色系進(jìn)行挑選，并且可以根據(jù)模板銷量、上架時間等排序，圖1-5所示頁面。圖1-5挑選模板1.3.模板預(yù)覽效果和購買使用1)挑選好模板以后，鼠標(biāo)移動到選中的模板上面單擊進(jìn)入模板詳情頁面，圖1-64所示頁面。“預(yù)覽”按鈕可預(yù)覽模板裝修效果；滿意點擊“立即購買”便可訂購此模板。圖1-6模板詳情頁面按鈕，出現(xiàn)商品，點擊“添加”按鈕，左側(cè)的搜索結(jié)果就會添加至右側(cè)已選商品列表框內(nèi)。圖1-753)如圖1-8。點擊“添加”按鈕后，所添加的商品在右下方顯示，若添加商品錯誤可進(jìn)行“刪除”，選擇購買周期后點擊立即支付，完成支付環(huán)節(jié)。圖1-81.4.已購買的模板在哪里點擊左上角的“我購買的模板”，進(jìn)入“我購買的模板”進(jìn)行編輯：點擊模板使用列表中任意模板后面的“去編輯”按鈕（圖1-9），進(jìn)入商品詳情編輯器界面。6圖1-9模板使用界面2.裝修界面操作2.1裝修界面布局介紹進(jìn)入了商品詳情編輯器界面，界面如下:點擊左側(cè)圖），中間編輯區(qū)域，右側(cè)模塊編輯區(qū)域和添加模塊區(qū)域。圖2-1所示頁面。7圖2-1編輯器界面2.2導(dǎo)航模塊圖2-2左側(cè)藍(lán)框區(qū)域為模塊導(dǎo)航縮略圖。圖2-2導(dǎo)航模塊2.2.1.模塊介紹1）鼠標(biāo)單擊選中導(dǎo)航模塊中的縮略圖，對應(yīng)模塊成選中狀態(tài)出現(xiàn)在模板編輯區(qū)8域。2）拖拽導(dǎo)航模塊中縮略圖更改其在導(dǎo)航區(qū)域的位置，對應(yīng)模塊位置自動做相應(yīng)的改變。3）鼠標(biāo)單擊導(dǎo)航欄（裝修頁面中間區(qū)域）中任意模塊，出現(xiàn)模塊操作工具條，見（圖2-2）。2.2.2.基本操作模塊操作工具條：上移下移刪除復(fù)制1）移動模塊鼠標(biāo)移放至模塊操作工具條上面的圖標(biāo)，單擊鼠標(biāo)，可以將當(dāng)前模塊移動到上面緊鄰模塊前面；單擊或圖標(biāo)，可將當(dāng)前模塊移動到下面緊鄰模塊后面。2）刪除模塊鼠標(biāo)移放至模塊操作工具條上面的圖標(biāo)，單擊鼠標(biāo)，刪除當(dāng)前模塊。3）復(fù)制模塊鼠標(biāo)移放至模塊操作工具條上面的圖標(biāo)，單擊鼠標(biāo)，復(fù)制當(dāng)前模塊，復(fù)制出來的模塊出現(xiàn)在當(dāng)前模塊下面位置，并處于選中態(tài)。92.3文字編輯1）鼠標(biāo)在模塊中定位到相應(yīng)的標(biāo)題或者正文，圖2-3，雙擊進(jìn)入編輯文字狀態(tài)，如圖2-4藍(lán)色框內(nèi)所示。圖2-3鼠標(biāo)移放在文字上面文字狀態(tài)圖2-4鼠標(biāo)雙擊文字的效果2）在圖2-4中間區(qū)域的籃色框內(nèi)直接編輯文案，在右側(cè)藍(lán)色框編輯文字屬性，目前只支持在中間區(qū)域的藍(lán)色框內(nèi)進(jìn)行編輯，編輯完后鼠標(biāo)移到模塊外，單擊其他模塊后編輯的內(nèi)容生效。102.4圖片編輯2.4.1.基本操作1）點擊選中需要更換的圖片，右側(cè)“圖片管理”欄會對應(yīng)打開2）在圖片面板窗口里，用鼠標(biāo)左鍵單擊一張圖片一直拖拽到模塊中，如圖2-5，拖到圖片所在的位置放開鼠標(biāo)，對應(yīng)圖片便被替代掉，如圖2-6。3）圖2-5中藍(lán)框圈住的圖片可上下左右移動，調(diào)整圖片的位置。4）在圖2-6右側(cè)藍(lán)框內(nèi)對圖片屬性編輯，圖片可加鏈接（URL）和描述（ALT）。圖2-5拖拽圖片11圖2-6替換后的效果2.4.2.管理圖片點擊“管理圖片”按鈕，彈出圖片管理操作框，如圖2-7。圖2-7圖片管理操作框圖片組基本操作1）新建分組：a.鼠標(biāo)單擊圖2-8新建分組按鈕，出現(xiàn)輸入框，新建分組按鈕變?yōu)楸４娣纸M如圖2-9；b.在輸入框輸入組名，點擊保存分組按鈕即可。12圖2-8圖片管理操作框圖2-9新建分組效果2）刪除分組：a.單擊鼠標(biāo)選擇任意組名，對應(yīng)組處于選中態(tài)，并在組名右側(cè)位置出現(xiàn)“刪除”13字樣，圖2-10；b.點擊“刪除”字樣，刪除選中的分組。圖2-10刪除圖片組操作3）修改分組：a.單擊鼠標(biāo)選擇任意組名，“添加分組”按鈕變?yōu)椤靶薷姆纸M”按鈕，如圖2-11;b.單擊“修改分組”按鈕，選中組的位置出現(xiàn)輸入框，“修改分組”按鈕變?yōu)椤氨４娣纸M”按鈕，如圖2-12；c.在圖2-12輸入框中輸入組名，點擊保存分組，完成修改組名。14圖2-11圖2-12圖片裁剪選擇需要裁剪的圖片，裁剪到需要的大小后點擊“裁剪并添加到圖片面板”即可完成裁剪功能。如圖2-13藍(lán)框內(nèi)所示。圖2-13圖2-14上傳圖片鼠標(biāo)單擊點擊“上傳圖片到分組”按鈕，可一次性最多上傳六張圖片。刪除圖片鼠標(biāo)單擊選中任意一張圖片，刪除按鈕、確定按鈕變紅，點擊刪除按鈕，刪除圖片添加至面板鼠標(biāo)單擊圖片，切換圖片左上角的復(fù)選框選中狀態(tài)如圖2-15，點擊確定按鈕，選中的圖片自動替換“管理圖片”欄下的圖。圖2-15172.5背景設(shè)置圖2-16背景設(shè)置1）點擊頁面左側(cè)區(qū)域中除標(biāo)頭模塊之外的任意模塊。2）點擊頁面右側(cè)模塊編輯區(qū)域的“背景設(shè)置”欄。3）左鍵單擊背景色輸入框，出現(xiàn)拾色器，在輸入框直接輸入RGB值，或者在拾色器內(nèi)單擊左側(cè)的色板后，點擊右下角的OK按鈕來設(shè)置背景色，或者點擊上傳圖片，更換背景圖。2.6添加模塊2.6.1.添加標(biāo)頭模塊1）“添加模塊”里選擇“標(biāo)頭”模塊，用鼠標(biāo)左鍵單擊“標(biāo)頭”模塊一直拖拽到中間編輯區(qū)域，圖1。18圖13）在“模塊樣式”里雙擊選擇設(shè)計師設(shè)計的標(biāo)頭，圖2-18所示。添加的標(biāo)頭即可改變樣式，圖2-19所示。圖2-1819圖2-194）添加京東錨點標(biāo)簽（可實現(xiàn)錨點跳轉(zhuǎn)功能）添加標(biāo)頭后，點擊右上角編輯框的“模塊樣式”可選擇該品類的標(biāo)頭的中英文內(nèi)容，在標(biāo)頭列表中選擇標(biāo)頭，中間編輯區(qū)域模塊也會隨之發(fā)生變化，如圖2-20所示。圖2-20202.6.2添加其他模塊以圖文模塊為例：（文本、圖片模塊的派生類似，參考圖文模塊添加方式）1）“添加模塊”里選擇“圖文模塊”，拖入至左側(cè)編輯區(qū)域，如圖2-21所示。圖2-214）在“模塊樣式”里選擇設(shè)計師設(shè)計的圖文樣式。圖2-222.7.還原功能系統(tǒng)主要涉及三大還原功能21模塊還原2.7.1.點擊右側(cè)的“模塊還原”按鈕，該模塊即可還原成設(shè)計師設(shè)計的模塊效果。圖2-23模塊還原前圖2-24模塊還原后2.7.2.模板還原點擊右上方側(cè)的“模板還原”按鈕，該模板即可還原至歷史發(fā)布的時間點狀態(tài)或者設(shè)計師設(shè)計的初始模板樣式。22圖2-25模板還原按鈕圖2-262.7.3.還原至未使用模板前的詳情狀態(tài)步驟1：首先進(jìn)入我購買的模板，點擊還原按鈕23步驟2：在后續(xù)跳出提醒框上，確認(rèn)是否還原到未使用模板前的詳情狀態(tài)。確認(rèn)還原后跳回商家后臺商品管理頁面。步驟3：如果您在還原后感覺使用模板前的詳情狀