京東店鋪裝修詳解【行業(yè)研究】

1、京東店鋪裝修詳解,1,谷風優(yōu)質(zhì),店鋪基本設置注意事項,基本設置： 1、店鋪Logo： 僅支持jpg,png和gif，默認風格模板內(nèi)Logo大小為180*60 2、首頁Banner： 僅支持jpg,png和gif，默認風格模板內(nèi)Banner大小為980*250 3、店鋪簡介： 店鋪簡介將顯示在商店鋪列表中，限制在20個字以內(nèi) 4、品牌簡介： 品牌簡介您可突出品牌描述及特征，做好品牌宣傳,2,谷風優(yōu)質(zhì),如何進行店鋪分類,店內(nèi)分類管理： 點擊“添加新分類”添加一級分類，點擊“添加子分類”充實每一類目下面的子類目。添加好之后保存，分類設置完成。,3,谷風優(yōu)質(zhì),如何申請開通新品牌,京東商家申請開通新品牌

2、可通過店鋪內(nèi)發(fā)起，在線提交資料并線下寄回相應資質(zhì)資質(zhì)文件。收到您的申請后，審核人員會在7個工作日內(nèi)完成品牌審核，請關注品牌管理頁面的品牌審核狀態(tài)。 申請須知： 1、所有資質(zhì)電子版須加蓋彩色企業(yè)公章（即紙質(zhì)版蓋章，掃描或拍照上傳），文字內(nèi)容清晰可辨,支持jpg、gif和png圖片，大小不超過4M； 2、品牌信息包含品牌名稱、品牌中文名稱、品牌英文名稱；品牌名稱同時具有中英文名稱時，錄入格式為“中文品牌名稱（英文品牌名稱）”，否則直接錄入品牌名稱即可； 3、提交的品牌至少需要需要一份電子版資質(zhì)文件； 4、品牌資質(zhì)審核通過且完成經(jīng)營授權后，方可發(fā)布此品牌下的商品；,4,谷風優(yōu)質(zhì),如何申請開通新品牌,

3、申請流程說明 1、登陸商家后臺，點擊“我的店鋪-品牌管理”，即可查看本店鋪可以經(jīng)營的品牌。 即可查看品牌相關信息，狀態(tài)為“已授權”的品牌即可發(fā)布商品。,5,谷風優(yōu)質(zhì),如何申請開通新品牌,2、申請開通品牌 點擊“申請新品牌”，即可進入品牌查詢頁面，輸入需要申請的品牌，確認此品牌是否在京東品牌庫中已存在。已存在的品牌可以直接提交資質(zhì)等待審核授權；不存在的品牌需要錄入相關品牌信息及資質(zhì)等待審核，審核通過后會在京東品牌庫創(chuàng)建相應品牌。 3、填寫品牌信息及上傳電子版資質(zhì)文件 品牌名稱格式：中文名（英文名），當沒有中文/英文名稱時，品牌名/中文名/英文名統(tǒng)一填寫僅有的一項名稱即可； 品牌LOGO格式要求：

4、品牌logo需要與商標圖文信息一致，尺寸400200僅支持jpg、gif和png圖片，大小不超過200K； 品牌使用期限：可選擇品牌授權使用期限，自有品牌或永久授權品牌選擇“永久”； 資質(zhì)要求：請?zhí)顚懫放茖纳虡俗宰C/商品注冊申請書、授權書、品類資質(zhì)等信息，要求至少一項必填，當有其他資質(zhì)需要填寫時，點擊“添加其他資質(zhì)”進行增加；電子版須加蓋彩色企業(yè)公章（即紙質(zhì)版蓋章，掃描或拍照上傳），文字內(nèi)容清晰可辨,支持jpg、gif和png圖片，大小不超過4M； 品牌紙質(zhì)資質(zhì)寄回：品牌授權通過后，請寄回品牌資質(zhì)紙質(zhì)文件（加蓋企業(yè)公章）；地址：北京市朝陽區(qū)北辰西路8號北辰世紀中心A座1層；收件人：您店鋪

5、對應的京東招商人員；郵編：100080,6,谷風優(yōu)質(zhì),如何申請開通新品牌,提交成功后，可以在“品牌列表”中查詢品牌審核狀態(tài),7,谷風優(yōu)質(zhì),如何申請開通新品牌,4、京東工作人員收到您的品牌申請后，會在7個工作日內(nèi)完成資質(zhì)審核及品牌授權工作，可以登錄商家后臺進入品牌列表頁查看進度。,8,谷風優(yōu)質(zhì),如何使用視頻管理功能,當您首次使用“視頻管理”功能時，需要先訂購“視頻介紹”增值服務。若已訂購，則可直接進入視頻管理頁面。訂購示例截圖：,點擊“立即訂購”，系統(tǒng)會自動跳轉(zhuǎn)至“增值服務”頁簽的“視頻介紹”訂購頁面（也可直接到“增值服務”頁簽的“更多服務”頁面進行訂購）,9,谷風優(yōu)質(zhì),如何使用視頻管理功能,訂

6、購成功后，可點擊“立即使用”按鈕，系統(tǒng)會自動跳轉(zhuǎn)至“我的店鋪”頁簽的“視頻管理”頁面（此時也可訪問“我的店鋪”頁簽的“視頻管理”頁面）,10,谷風優(yōu)質(zhì),如何使用視頻管理功能,視頻管理若您已經(jīng)訂購成功“視頻介紹”增值服務，則點擊“我的店鋪”頁簽的“視頻管理”頁面時，可直接進行視頻的查詢、上傳、刪除、關聯(lián)商品、編輯視頻基本信息、重發(fā)審核、暫停/恢復使用等操作。示例截圖：,（1）點擊“上傳視頻”按鈕，可進行視頻的上傳（試用版最多可上傳10個視頻，每個視頻最大支持200M且最多可支持關聯(lián)20款商品）；（2）上傳成功且對應視頻被京東審核通過后即可進行與商品的關聯(lián)動作（需點擊“使用”按鈕）；（3）點擊“使

7、用”按鈕，添加完商品后，前端對應單品頁面即可進行播放該視頻（前端正常展示大概有20分鐘緩存時間，請耐心等待）；,11,谷風優(yōu)質(zhì),如何使用視頻管理功能,前臺單品頁面播放效果示例截圖：,12,谷風優(yōu)質(zhì),如何設置店鋪的“二級域名”,1、登陸; 2、點擊“我的店鋪-二級域名申請”,3、查詢希望申請的二級域名 輸入需要申請的二級域名，點擊“查詢”，當二級域名可用時，顯示如下圖：,如需修改域名，請重新輸入并查詢。,13,谷風優(yōu)質(zhì),如何設置店鋪的“二級域名”,4、申請綁定域名 如確認域名無誤，點擊“申請綁定”，進入如下頁面：,點擊“修改”可以返回修改二級域名；,14,谷風優(yōu)質(zhì),如何設置店鋪的“二級域名”,5

8、、申請綁定確認 勾選“同意京東二級域名使用協(xié)議”，點擊“申請綁定”并確認費用結(jié)算，即可提交域名申請。,2013年10月1日前提交申請可免費使用半年。,6、等待審核 申請?zhí)峤怀晒?，系統(tǒng)會顯示目前審核狀態(tài)，如下圖：,15,谷風優(yōu)質(zhì),如何設置店鋪的“二級域名”,7、二級域名生效 京東運營人員審核通過后，會提示此域名相關信息，包括申請時間、費用、到期時間、狀態(tài)等。,二級域名使用到期前一個月系統(tǒng)會進行提示，賣家可以選擇繼續(xù)使用或放棄使用。 當賣家在系統(tǒng)提示的續(xù)費期內(nèi)未續(xù)費，到期后域名會自動失效，此時店鋪恢復默認域名。此時系統(tǒng)仍然還會為店鋪保留此域名的15日優(yōu)先申請權，過期未申請則域名釋放可供其他賣家申

9、請。,16,谷風優(yōu)質(zhì),個人卡授權操作流程及步驟,開通個人卡支付的流程,申請步驟 1、進入信息提交頁面登陸商家后臺-點擊“我的店鋪”，左側(cè)菜單點擊“個人支付卡授權”，即可進入信息提交頁面。2、授權書簽署下載賣家個人卡支付授權書.DOC，根據(jù)文檔提示錄入相關信息，打印并加蓋彩色公章。,17,谷風優(yōu)質(zhì),個人卡授權操作流程及步驟,3、信息錄入及電子版授權書及身份證上傳按照頁面提示錄入相關信息，并上傳授權書記身份證電子版文件（確保電子版文件清晰可辨，并加蓋彩色企業(yè)公章）。信息錄入完成后，點擊“保存”確認后，提交審批，提交審批后相關信息不可修改。4、寄回紙質(zhì)文件根據(jù)頁面提示信息及地址信息，寄回相關紙質(zhì)文件

10、，等待店鋪對應的運營人員進行審核。,5、審核京東商城運營人員收到您的紙質(zhì)文件后，會對您的開通申請進行審核，審核通過后即可生效。如審核未通過，會提示您修改相關信息并在此提交審批。6、修改申請信息審核通過后，您也可以申請修改授權信息，申請修改授權期間，原授權依然有效。,常見問題FAQ1、什么是商家個人卡支付？商家個人卡支付是指,在京東商城平臺入駐的商家，可使用個人銀行卡通過在線支付方式向京東商城支付各項日常費用。2、子賬號可以提交申請嗎？不行。必須使用主賬號提交申請。,18,谷風優(yōu)質(zhì),什么是JSHOP,京東商城已于2013年1月29日晚對所有的商家店鋪高級裝修進行升級，升級后的店鋪高級裝修新增了一

11、些裝修元素、能夠更便捷地進行店鋪高級裝修。 全新的店鋪裝修系統(tǒng)為“JSHOP”，含義為Jingdong Shop 。,19,谷風優(yōu)質(zhì),如何登陸到JSHOP,1.1登錄到JSHOP 訪問網(wǎng)址http:/ 輸入您的帳號、密碼 登錄到“商家后臺”，并依次點擊【我的店鋪】-【店鋪裝修設置】-【高級裝修（JSHOP】，進入到JSHOP。操作截圖如下：,跳轉(zhuǎn)到JSHOP后默認打開的是JSHOP首頁，我們需要定位到店鋪，點擊【店鋪列表】，會看到店鋪基本信息。顯示截圖如下：,說明：如果你看到的店鋪是“已下線”狀態(tài)，那么需要手動點擊【上線】，只有處于“已上線”狀態(tài)的店鋪才能被別人正常訪問； 點擊【管理】進入店鋪

12、的管理操作。 注意事項： 1）請勿反復點擊【同步】操作，只有店鋪在第一次升級時，才需要點擊該操作；同步會把你原始的內(nèi)容復制到jshop并覆蓋現(xiàn)有的jshop內(nèi)容。 2）將店鋪點擊為“已上線”后，每次的裝修請勿點擊【下線】；每次裝修完畢后點擊裝修頁面右上角的【發(fā)布】即可將內(nèi)容更新到店鋪里顯示出來。,20,谷風優(yōu)質(zhì),店鋪頁面介紹,截至目前每一個店鋪標配有4個頁面，分別是“店鋪首頁”、“商品列表頁”、“店鋪簡介頁”、“店內(nèi)搜索結(jié)果頁”，顯示截圖如下：,名詞解釋 店鋪首頁：是指你的店鋪的首頁，默認網(wǎng)址為http:/ 店內(nèi)搜索結(jié)果頁：當用戶搜索店內(nèi)商品時用來顯搜索結(jié)果的頁面。,21,谷風優(yōu)質(zhì),頁面裝修介

13、紹,每一個店鋪標配的4個頁面都可以分別進行裝修，在沒有裝修之前系統(tǒng)在每個頁面默認了一些常規(guī)內(nèi)容，對于這些內(nèi)容你可以刪除、和修改。 每個頁面的裝修操作完全一樣，這里我們以“店鋪首頁”的裝修為例進行講解。 頁面裝修要遵循的原則： 先【添加布局】-然后在布局里【添加模塊】-然后【設置】模塊的內(nèi)容-最后【發(fā)布】共5個環(huán)節(jié)。,22,谷風優(yōu)質(zhì),1、 布局介紹,頁面裝修介紹,名詞解釋 布局：是指將頁面劃分為不同結(jié)構(gòu)的條格，頁面的所有裝修內(nèi)容必須放置到布局內(nèi)；每一個頁面可以有多個布局。 目前系統(tǒng)提供了12個布局供選擇和組合使用。 特別說明： 每一個頁面的最頂部會有一個通欄布局（沒有刪除、移動操作）該布局里面放

14、置的模塊會自動強制顯示在店鋪所有頁面。 建議在該布局內(nèi)僅放置店鋪招牌、店內(nèi)導航和主推活動的banner等內(nèi)容；如果只想將內(nèi)容顯示在當前頁面，請手動添加新的布局后再添加模塊，請勿使用該默認布局。,23,谷風優(yōu)質(zhì),頁面裝修介紹,2、添加布局 2.1可用的布局列表,在裝修頁面點擊頂部左上角的【添加布局】按鈕，打開如下選擇器：,一共有12個布局供選擇。,24,谷風優(yōu)質(zhì),頁面裝修介紹,2.2使用說明 點擊【添加】后，該布局將顯示在頁面的最底部，如果必要需手動向上移動。,25,谷風優(yōu)質(zhì),頁面裝修介紹,添加后的可視化頁面顯示“通欄布局（990）”：,當鼠標移動到布局區(qū)域內(nèi)的時候會出現(xiàn)布局的名字、尺寸和操作，

15、如上圖：名詞解釋 通欄（990）：是該布局名稱，同時指出該布局為寬度990px的通欄布局 紅叉：表示刪除該布局的操作，布局被刪除時它所包含的內(nèi)容也會一并被刪除且無法恢復，操作需謹慎。 綠色箭頭：表示布局可用的上下移動操作,26,谷風優(yōu)質(zhì),頁面裝修介紹,重復以上操作我們可以根據(jù)設計目的向當前網(wǎng)頁添加多個不同版式的布局，比如在某個頁面添加了7個布局，顯示如下：,27,谷風優(yōu)質(zhì),頁面裝修介紹,注意事項： 布局添加后顯示為一個虛線框，每一行虛線框都是一個獨立的布局。上圖中選中的是左右布局，常用來左側(cè)放置分類，右側(cè)放置推薦商品。 你可以根據(jù)自己的設計思路，選擇使用1個或者多個布局；布局的使用數(shù)量建議不要

16、超過10個。 3、模板介紹選擇了布局就等于是為裝修設定好了大綱和框架，接下來我們就要往框架里放置內(nèi)容。,名詞解釋 功能模塊：提供某些特效內(nèi)容的系統(tǒng)功能稱為功能模塊。 目前系統(tǒng)已有5個目錄分類共15個功能模塊。可用的“模塊”列表在任意一個布局的左下角有一個為名為【添加模塊】的操作按鈕，點擊會彈出如下：,28,谷風優(yōu)質(zhì),頁面裝修介紹,由上圖可以看出模塊的所屬目錄和名稱。,29,谷風優(yōu)質(zhì),頁面裝修介紹,圖為“店鋪基礎模塊”，該目錄下共有4個功能模塊： 分頁顯示商品：如果您有M個商品，設置每頁顯示20個，那么就會有M/20個分頁，直接點擊頁碼即可查看對應頁面的商品列表；每一個頁面上的商品可以按照【銷量

17、】【價格】【好評數(shù)】進行排序。 默認是按照SKU的上架時間從晚到早排序的，您可以通過更換【模版】來調(diào)整默認排序。 商品類目：該模塊用來顯示店鋪內(nèi)的商品分類。 店內(nèi)搜索：該模塊是店鋪內(nèi)搜索框，您可以根據(jù)設計要求將該模塊放置在合適的位置。 店內(nèi)搜索結(jié)果：顧名思義用來顯示搜索結(jié)果的，該模塊默認在“店鋪內(nèi)搜索結(jié)果頁面”預置了，如無特殊要求請不要刪除。,30,谷風優(yōu)質(zhì),頁面裝修介紹,第二個目錄顯示如下：,由圖可見該目錄下有2個模塊： 銷售排行：用來顯示店鋪內(nèi)商品的銷售榜單，默認是前10個。 商品推薦：這個模塊使用的頻率最高，諸如“熱賣”“店長推薦”“重點推薦”等等均可以使用這個模塊來實現(xiàn)。 品牌團：僅適

18、用于第三方賣家。商家可在該模塊的“設置”里通過SKU ID錄入?yún)⒓恿似放茍F購的商品。,31,谷風優(yōu)質(zhì),頁面裝修介紹,第三個目錄為“店鋪營銷”模塊，顯示如下：,由圖可看到該目錄共有4個模塊： 自定義內(nèi)容區(qū)：大家又稱為“HTML編輯器”，也是裝修店鋪使用頻率最高的模塊之一，目前自定義內(nèi)容可以上傳圖片、寫代碼等。如果您懂一些dreamweaver、html、CSS DIV的話，使用這個模塊可以讓您裝修出更炫的效果。 導航：比較好理解，即為輸入一個關鍵詞 并配置一個鏈接網(wǎng)址即可。 圖片輪播：主要應用于活動和商品的推廣，可在模塊設置里添加大圖、小圖、圖片標題和圖片鏈接地址。 雷寧輪播圖：通過編輯需要輪播

19、的html片段以及背景顏色，實現(xiàn)html片段的輪播效果！,32,谷風優(yōu)質(zhì),頁面裝修介紹,接下來看第四個目錄“公司相關”，截圖如下：,由上圖可以看出該目錄包含3個模塊： 店鋪簡介：即顯示品牌介紹內(nèi)容的模塊。 店鋪公告：即顯示店鋪內(nèi)公告信息的模塊。 店招模塊：即顯示店鋪招牌內(nèi)容的模塊。,33,谷風優(yōu)質(zhì),頁面裝修介紹,接下來看第五個目錄“公司相關”，截圖如下：,由圖可以看出該目錄包含1個模塊 搭配詳情：展示用戶在搭配購里面的商品搭配，在“設置”里輸入搭配id可置入搭配信息。 在裝修的時候根據(jù)設計可以添加以上15個模塊中的任意一個或者多個，同一個模塊在一個頁面上是可以多次被使用的。,34,谷風優(yōu)質(zhì),4

20、、添加模塊,頁面裝修介紹,4.1、添加“分頁顯示商品”模塊,4.1.1添加的操作流程 選中要添加模塊的布局，比如：,點擊【添加模塊】按鈕，依次找到目標模塊后點擊【置入】，如下圖：,35,谷風優(yōu)質(zhì),頁面裝修介紹,模塊置入完畢后，可對模塊進行修飾和內(nèi)容完善，操作如下：,36,谷風優(yōu)質(zhì),4.1.2設置點擊模塊的【設置】，會彈出如下操作面板：,頁面裝修介紹,如圖，默認選中的是【皮膚】操作。,37,谷風優(yōu)質(zhì),頁面裝修介紹,4.1.3皮膚 名詞解釋 皮膚：用來美化該模塊的邊框和周邊，詳細功能如圖：,說明： 皮膚選擇：系統(tǒng)預置了2套皮膚，可以快速選擇使用 標題欄：用來設置模塊標題區(qū)域范圍內(nèi)皮膚的操作 內(nèi)容區(qū)

21、：用來設置模塊內(nèi)容區(qū)域范圍內(nèi)皮膚的操作 底部欄：用來設置模塊最底下區(qū)域范圍內(nèi)皮膚的操作,38,谷風優(yōu)質(zhì),頁面裝修介紹,4.1.4模板 每一個模塊系統(tǒng)都預置了1個或多個模版，通過更換模版可以使模塊顯示樣子瞬間變化：,說明： 模版共分為“最近使用”“我的創(chuàng)建”和“系統(tǒng)模版”，分別含義如下： 最近使用：里面放置的是你最近使用過的模版，可以快速選擇無須尋找 我的創(chuàng)建：里面放置的是你自己創(chuàng)建的模版 系統(tǒng)模版：官方或第三方開發(fā)者提供模版,39,谷風優(yōu)質(zhì),頁面裝修介紹,4.1.5選項卡名詞解釋 選項卡：是指和模塊標題并列顯示的可添加超鏈接的功能。選項卡的使用如下：,使用說明： 輸入“超鏈接文本” 和“網(wǎng)址”

22、如上圖中的，然后點擊【增加】，可以添加多個，最后點擊【批量更新】，最后記得點擊【保存】哦，待頁面【發(fā)布】后可看到效果，點擊【刷新】可即可看到效果哦。,40,谷風優(yōu)質(zhì),頁面裝修介紹,4.2添加“商品類目”模塊 4.2.1添加的操作流程 選中要添加該模塊的布局，點擊【添加模塊】按鈕：,選中“商品類目”模塊，點擊【置入】：,41,谷風優(yōu)質(zhì),置入后顯示如下：,頁面裝修介紹,點擊模塊名稱后面的【設置】可進行該模塊的內(nèi)容完善和顯示效果更換等。,42,谷風優(yōu)質(zhì),頁面裝修介紹,4.2.2設置 點擊【設置】后顯示如下：,默認選中的是【皮膚】。 4.2.3皮膚 同4.1.3操作 4.2.4模板 同4.1.4 4.

23、2.5選項卡 同4.1.5,43,谷風優(yōu)質(zhì),頁面裝修介紹,4.3添加“店內(nèi)搜索”模塊 4.3.1 添加的操作流程 選中要添加該模塊的布局，然后點擊左下角的【添加模塊】，舉例如下：,點擊【添加模塊】后，彈出的操作面板中找到“店內(nèi)搜索”模塊，并點擊【置入】,44,谷風優(yōu)質(zhì),頁面裝修介紹,置入后默認顯示如下：,如圖可見，該模塊位于“分頁顯示商品”的下面。,45,谷風優(yōu)質(zhì),頁面裝修介紹,名詞解釋 模版的拖拉移動：鼠標移動到模塊上，并按下左鍵，不松開左鍵同時移動鼠標可將模塊移動到一個新的位置，比如上下交換位置等。 這時，用鼠標選中“店內(nèi)搜索模塊”，按下左鍵向上拖拉鼠標，待移動到目標位置時松開鼠標左鍵，即

24、可將該模版移動到上面（同理也可以往下移動、跨布局移動等），如下：,松開鼠標：,即可完成模塊的上下移動，當然模塊的移動不局限于布局內(nèi)，也可以在布局間來回移動哦。 點擊該模塊名稱后面的【設置】，可進行內(nèi)容修改。,46,谷風優(yōu)質(zhì),頁面裝修介紹,4.3.2設置,如上圖所示默認選中皮膚。 4.3.3 配置名詞解釋 配置默認關鍵詞：你可以設定一個搜索詞，設定后該詞會搜索框里默認顯示出來。 配置熱薦詞：你可以設定3個推薦詞，方便用戶直接搜索而無須手動輸入。 價格篩選：開啟后可以讓用戶按照N元只M元之間來搜索你的店內(nèi)商品。 4.3.4 皮膚 操作同4.1.3 4.3.5 模版 操作同4.1.4,47,谷風優(yōu)質(zhì)

25、,頁面裝修介紹,目前系統(tǒng)預置有2個模版，截圖如下：,4.3.6選項卡 操作同4.1.5 4.4添加“店內(nèi)搜索結(jié)果”模塊 4.4.1添加的操作流程 “店內(nèi)搜索結(jié)果”模塊默認預置在“店內(nèi)搜索結(jié)果”頁面里，如無特殊需求請勿刪除。 系統(tǒng)預置該模塊的顯示位置截圖如下：,48,谷風優(yōu)質(zhì),頁面裝修介紹,點擊【頁面裝修】顯示如下：,當用戶點擊【搜索】按鈕后，用該模塊顯示搜索結(jié)果的，如果刪除了該模塊，將無法顯示搜索結(jié)果，請慎重操作，在沒有把握的前提下請勿刪除和移動該模塊。 當然該模塊也可以設置，如在上圖中點擊模塊名稱后面的【設置】。,49,谷風優(yōu)質(zhì),頁面裝修介紹,4.4.2設置 默認顯示如下：,如圖，默認選中了

26、“皮膚”。 4.4.3皮膚 操作同4.1.3 4.4.4模板 操作同4.1.4 4.4.5選項卡 操作同4.1.5 4.5添加“銷售排行”模塊 4.5.1添加的操作流程,50,谷風優(yōu)質(zhì),頁面裝修介紹,選中將要添加銷售排行模塊的布局，比如：,點擊【添加模塊】，在打開的操作面板中找到“銷售排行”模塊，并點擊【置入】，如下圖：,置入該模塊后默認顯示效果如下：,點擊設置可進行模塊內(nèi)容配置。 4.5.2設置 點擊設置打開操作面板默認是“皮膚”。 4.5.3皮膚 操作同4.1.3 4.5.4模板 操作同4.1.4 4.5.5選項卡 操作同4.1.5 4.6添加“商品推薦”模塊 4.6.1添加的操作流程,5

27、1,谷風優(yōu)質(zhì),頁面裝修介紹,選中要添加該模塊的布局，比如：,然后點擊【添加模塊】，在彈出的操作面板中找到“商品推薦”模塊并點擊【置入】：,52,谷風優(yōu)質(zhì),置入該模塊后默認顯示效果如下：,頁面裝修介紹,點擊模塊名稱后面的【設置】可以補充內(nèi)容。 4.6.2設置 點擊【設置】后默認打開的是配置。 4.6.3配置 點擊【設置】后會打開如下操作面板：,名詞解釋 ID錄入：是指通過錄入一批商品的SKU，來實現(xiàn)推薦商品的操作。 篩選錄入：是指通過1、2、3級分類來批量錄入商品SKU，實現(xiàn)推薦商品的操作。,53,谷風優(yōu)質(zhì),頁面裝修介紹,1） ID錄入：,54,谷風優(yōu)質(zhì),2） 篩選錄入商品：,頁面裝修介紹,商品

28、錄入后點擊【保存】，則商品推薦就操作完畢了。商品顯示如下：,這個時候我們可以點擊，該模塊名稱后面的【設置】來更換皮膚哦。 4.6.4皮膚 依次點擊模塊名稱后面的【設置】，在打開的操作面板中選擇【皮膚】，即可進行皮膚設置。 操作同4.1.3 4.6.5模板 依次點擊模塊名稱后面的【設置】，在打開的操作面板中選擇【模版】，即可進行模版設置。 操作同4.1.4,55,谷風優(yōu)質(zhì),頁面裝修介紹,該模塊是裝修店鋪時用到最多的模塊之一，模版數(shù)量目前也比較多，截圖如下：,4.6.6選項卡 依次點擊模塊名稱后面的【設置】，在打開的操作面板中選擇【選項卡】，即可進行皮膚設置。 操作同4.1.5 4.7添加“導航”

29、模塊 4.7.1添加的操作流程,56,谷風優(yōu)質(zhì),頁面裝修介紹,選中將要添加導航模塊的布局，比如選擇一個通欄來做導航模塊：,點擊【添加模版】按鈕，打開添加模塊操作面板，找到“導航”模塊并點擊【置入】：,置入完畢后默認顯示如下圖，可點擊名稱后面的【設置】來完善導航模塊內(nèi)容：,57,谷風優(yōu)質(zhì),頁面裝修介紹,4.7.2設置 點擊【設置】按鈕后會彈出如下操作面板：,默認打開【配置】操作。 4.7.3配置 名詞解釋 導航名稱：是指待超鏈接的文字 鏈接地址：是指點擊文字后打開的網(wǎng)址 添加完畢后點擊保存即可看到效果。 4.7.4皮膚 操作同4.1.3 4.7.5模板 操作同4.1.4 4.7.6選項卡 操作同

30、4.1.5 4.8添加“自定義內(nèi)容區(qū)”模塊 4.8.1添加的操作流程,58,谷風優(yōu)質(zhì),頁面裝修介紹,選中將要用來添加該模塊的布局，并點擊該布局左下角的【添加模版】按鈕，在打開的模塊選擇面板中找到“自定義內(nèi)容區(qū)”并點擊【置入】，如下圖：,置入完畢后顯示如下，可點擊【設置】來完善內(nèi)容：,4.8.2設置 點擊【設置】默認打開配置內(nèi)容區(qū)域，通俗稱呼為“HTML編輯器”。,59,谷風優(yōu)質(zhì),頁面裝修介紹,4.8.3配置,自定義內(nèi)容區(qū)功能簡述，自定義內(nèi)容支持使用： 1） HTML代碼（僅支持body標簽內(nèi)的代碼，不含body） 2） 部分CSS代碼：常用效果的CSS代碼也可以 3） Script代碼：常見的

31、javaccript代碼 4） 系統(tǒng)內(nèi)置的js庫js代碼 如果你寫入了CSS代碼，那么為了避免和系統(tǒng)css沖突請在你的CSS代碼前面添加.user等標識，以避免和系統(tǒng)默認樣式?jīng)_突。 4.8.4皮膚 操作同4.1.3 4.8.5模板 操作同4.1.4,60,谷風優(yōu)質(zhì),頁面裝修介紹,因為輪播圖模塊可以用來做banner、導航、活動入口、重點推薦等諸多功能，所以該模塊的模版按照用途去向分為幾個小類，截圖如下：,你可根據(jù)具體的使用目的靈活組合使用。4.8.6選項卡 操作同4.1.5 4.9添加“輪播圖”模塊 4.9.1添加的操作流程,61,谷風優(yōu)質(zhì),頁面裝修介紹,選中要添加輪播圖模版的布局，通常用輪播

32、圖來做banner、首圖等所以一般選擇位于頁面中上位置的布局：,點擊【添加模塊】按鈕，找到輪播圖模塊并點擊【置入】：,62,谷風優(yōu)質(zhì),頁面裝修介紹,模塊置入后默認顯示效果如下圖，可點擊【設置】進行修改內(nèi)容：,4.9.2設置 點擊【設置】按鈕，打開操作面板，默認會選中配置操作。,63,谷風優(yōu)質(zhì),頁面裝修介紹,4.9.3配置,說明： 1） 點擊【選擇圖片】上傳輪播顯示圖。 2） 標題：輸入每一張圖片的標題。 3） 鏈接：輸入每一張圖片的鏈接到的網(wǎng)址，注意必須是京東網(wǎng)址。 操作完畢后點擊保存，你最多可以設置8張輪播圖哦。 4.9.4皮膚 操作同4.1.3 4.9.5模板 操作同4.1.4 4.9.6

33、選項卡 操作同4.1.5 4.10添加“店鋪簡介”模塊,64,谷風優(yōu)質(zhì),頁面裝修介紹,4.10.1添加的操作流程 選中要添加店鋪漸漸誒（改）模塊的布局，然后點擊左下角的【添加模塊】按鈕，該模塊默認預置在“店鋪簡介頁”里。如果沒有特殊需要，請勿刪除和移動。,點擊【設置】可對該模塊進行管理和美化。,65,谷風優(yōu)質(zhì),頁面裝修介紹,4.10.2設置 說明：該模塊的簡介內(nèi)容在供應商后臺-【我的店鋪】-【店鋪裝修設置】-【品牌簡介】：,4.10.3皮膚 操作同4.1.3 4.10.4模板 操作同4.1.4 4.10.5選項卡 操作同4.1.5 4.11添加“店鋪公告”模塊 4.11.1添加的操作流程 店鋪

34、公告模塊默認預置在店鋪首頁左下角的位置，如無特殊需要請勿刪除。,66,谷風優(yōu)質(zhì),頁面裝修介紹,4.11.2設置 該模塊的內(nèi)容維護在“供應商后臺”-【我的店鋪】-【公告海報管理】-【公告管理】。,點擊該模塊的【設置】直接定位到皮膚操作 4.11.3皮膚 操作同4.1.3 4.11.4模板 操作同4.1.4 4.11.5選項卡 操作同4.1.5 4.12添加“店鋪招牌”模塊,67,谷風優(yōu)質(zhì),頁面裝修介紹,4.12.1添加的操作流程 店招模塊默認在每一個頁面的頂部，如果無特殊要求請勿刪除該模塊。該模塊的內(nèi)容維護在“供應商后臺”-【我的店鋪】-【店鋪管理】-【店鋪基本信息】。,4.12.2設置 點擊可

35、以進行修飾操作。 4.12.3皮膚 操作同4.1.3 4.12.4模板 操作同4.1.4 4.12.5選項卡 操作同4.1.5,68,谷風優(yōu)質(zhì),頁面裝修介紹,5、頁面設置 頁面設置包含背景設置和分享設置。 5.1背景設置 在每一個頁面裝修的時候，瀏覽器窗口的左上角都有一個按鈕叫【頁面設置】點擊它可以看到【背景設置】,說明： 背景顏色：可以選擇或者輸入背景色顏色值。 背景寬度：用來限定背景色、背景圖的寬度；數(shù)值單位是像素，留空則表示全屏。 背景圖片：請上傳一張圖片，大小限制300K。 圖片顯示：可以設定圖片是否平鋪等。 采用“背景圖片”結(jié)合“自定義內(nèi)容區(qū)”模塊可以制作出諸如“全屏banner”之類的效果。,69,谷風優(yōu)質(zhì),頁面裝修介紹,5.2分享設置,為店鋪增加分享浮動條，可以選擇顯示在頁面的左側(cè)還是右側(cè)，同時可以設定默認分享詞；支持分享店鋪到新浪微博，騰訊微博，人人網(wǎng)，開心，豆瓣等其他第三方網(wǎng)站。 分享詞，留空則程序自動讀取一段文字，建議手動撰寫文案后保存。 說明： 分享詞：建議輸入140字符內(nèi)，因為要分享到微博等網(wǎng)站，超出部分將被對方網(wǎng)