軟件介紹

碼工助手舊版是一款專(zhuān)為電商們所打造的網(wǎng)店裝修軟件，該軟件可支持天貓、京東。拼多多等大量購(gòu)物平臺(tái)，能夠幫助用戶(hù)通過(guò)簡(jiǎn)單的操作設(shè)計(jì)出高端大氣上檔次的店鋪界面，用戶(hù)只需可視化界面中調(diào)整布局，即可自動(dòng)生成css代碼，簡(jiǎn)單快捷，而且超級(jí)方便。

碼工助手官方舊版為淘寶、天貓、京東和貧拼多多等等電商購(gòu)物平臺(tái)帶來(lái)了非常網(wǎng)店管理工具，軟件有超多好看的店面設(shè)計(jì)方案供君挑選，用戶(hù)們?cè)谶x定的方案上進(jìn)行調(diào)整即可生成完整的css代碼，超級(jí)簡(jiǎn)單的方式，讓每個(gè)人都有資格開(kāi)網(wǎng)店，有需要的小伙伴們，可以在本站下載碼工助手電腦版。

碼工助手舊版特色

1、全屏輪播模塊：數(shù)十種全屏特效隨心挑選，，外觀更靈活。

2、百葉窗換圖：采用Widget特效嵌套模式產(chǎn)生復(fù)雜切換效果，讓你店鋪的特效與眾不同。

3、倒計(jì)時(shí)海報(bào)：支持一鍵生成集市C店、天貓商城等全拼倒計(jì)時(shí)海報(bào)，參數(shù)靈活，操作方便。

4、更多代碼：固定背景，開(kāi)關(guān)燈特效，圖片反轉(zhuǎn)效果，美女客服模塊多種代碼任你選擇，方便快捷安裝簡(jiǎn)單。

軟件優(yōu)勢(shì)

1、自定義安裝

碼工助手舊版可無(wú)需購(gòu)買(mǎi)無(wú)線(xiàn)端模板，直接配合碼工無(wú)線(xiàn)端熱區(qū)、圖片疊加工具使用，實(shí)現(xiàn)移動(dòng)端自定義裝修功能。

2、子頁(yè)面添加設(shè)計(jì)師模塊

購(gòu)買(mǎi)了裝修模板的店鋪，可使用此工具在二級(jí)頁(yè)面添加首頁(yè)的設(shè)計(jì)師模塊。

3、顯示模塊ID

點(diǎn)擊自動(dòng)識(shí)別模塊ID,主要用于添加店鋪錨點(diǎn)跳轉(zhuǎn)避免普通錨點(diǎn)無(wú)反應(yīng)的情況。

4、店招去間隙

去除店招下10PX縫隙，基礎(chǔ)版、專(zhuān)業(yè)版、智能版等店鋪均可使用。

5、顯/隱導(dǎo)航條

可自動(dòng)顯示或者隱藏店鋪系統(tǒng)自帶的導(dǎo)航條，任意版本的淘寶店鋪均可使用。

6、190模擬950

點(diǎn)擊后可將基礎(chǔ)版190模塊模擬為950模塊，用于添加全屏海報(bào)全屏輪播等效果。

碼工助手電腦版安裝說(shuō)明

1、下載并解壓得到的碼工助手插件;

2、打開(kāi)瀏覽器的擴(kuò)展程序，并將"碼工助手2.3.1.crx"移過(guò)去;

3、拖過(guò)去后就會(huì)提示是否要添加;

4、安裝成功;

5、然后在瀏覽器中打開(kāi)淘寶、天貓、京東等電商平臺(tái)店鋪后臺(tái)頁(yè)面即可使用。

碼工助手舊版使用方法

背景輪播

1、做背景輪播時(shí)，動(dòng)態(tài)的那張圖要去掉背景并保存為PNG格式不然會(huì)遮住固定背景。

2、做好的在線(xiàn)布局可以通過(guò)數(shù)據(jù)中心保存為自己的模板，下次還可以調(diào)出來(lái)用。

3、布局時(shí)一定要設(shè)置好“模塊屬性”中的模塊寬、高，這樣發(fā)布后模塊之間才不會(huì)相互遮蓋。

4、無(wú)論你做什么版式的布局，對(duì)圖片規(guī)格的設(shè)計(jì)建議用寶貝最常用的規(guī)格比例。

5、做全屏輪播圖或者全屏背景圖時(shí)，需注意圖片的規(guī)格尤其要注意必須顯示出來(lái)的部分需保持在1260像素之內(nèi)。

6、店招的搜索框可以自己做的，但其設(shè)置參數(shù)需遵循：“基本設(shè)置中”的寬度=“輸入框”的寬度+“輸入框”的縮進(jìn)+“搜索按鈕”的寬度。

7、去間隙是指去除模塊之間的間隔，我所知道的，導(dǎo)航欄和它下面的模塊間隙是10像素。

在線(xiàn)布局

1、布局時(shí)，一定要設(shè)置好“模塊屬性”中的模塊寬、高(有背景時(shí)，如做背景輪播時(shí)，還需選背景色，或輸入背景圖地址)，這樣，發(fā)布后模塊之間才不會(huì)相互遮蓋。另外，我們添加的每個(gè)要素的絕對(duì)位置要在屬性里定義好，以免發(fā)布后跑位。

2、做全屏輪播圖或者全屏背景圖時(shí)，需注意圖片的規(guī)格，尤其要注意必須顯示出來(lái)的部分需保持在1260像素之內(nèi)(就是說(shuō)寬度為1920的圖片，其中左右各330像素范圍內(nèi)的部分在一般電腦上都顯示不出來(lái))

3、店招的搜索框可以自己做的，但其設(shè)置參數(shù)需遵循：“基本設(shè)置中”的寬度=“輸入框”的寬度+“輸入框”的縮進(jìn)+“搜索按鈕”的寬度。

4、去間隙，是指去除模塊之間的間隔，我所知道的，導(dǎo)航欄和它下面的模塊間隙是10像素，再下面的模塊之間間隙是20像素。

5、做背景輪播時(shí)，動(dòng)態(tài)的那張圖要去掉背景，并保存為PNG格式，不然會(huì)遮住固定背景。

6、無(wú)論你做什么版式的布局，對(duì)圖片規(guī)格的設(shè)計(jì)建議用最常用的規(guī)格比例，這樣，在上傳圖片和后期更新時(shí)，就無(wú)需專(zhuān)門(mén)PS做匹配規(guī)格的圖了。

7、做好的在線(xiàn)布局可以通過(guò)“數(shù)據(jù)中心”保存為自己的模板，下次還可以調(diào)出來(lái)用(不過(guò)必須在登錄后才可保存，否則就麻煩了)。作為免費(fèi)平臺(tái)，大家有木有覺(jué)得碼工真是超級(jí)貼心啊!

8、暫時(shí)沒(méi)想起來(lái)，如果大家覺(jué)得上面這些有用，后期會(huì)再更新帖子......

常見(jiàn)問(wèn)題

(1)關(guān)于本站生成代碼是否收費(fèi)的問(wèn)題

再次鄭重承諾，本站一切生成模塊將永久免費(fèi)開(kāi)放使用。

(2)關(guān)于本站注冊(cè)的問(wèn)題

不要用非法字符注冊(cè)用戶(hù)名以免忘記，網(wǎng)站和論壇賬戶(hù)是通用的，不需要重復(fù)注冊(cè)。

(3)關(guān)于本站代碼適用性的問(wèn)題

完全適用于淘寶專(zhuān)業(yè)版和天貓、部分模塊淘寶基礎(chǔ)版可以使用，不支持淘寶天貓以外平臺(tái)，如阿里巴巴、京東等。

(4)關(guān)于“店鋪預(yù)覽”中某些模塊沒(méi)有的問(wèn)題

店鋪預(yù)覽中的某些模塊正在開(kāi)發(fā)中，可以加技術(shù)群到群文件查詢(xún)或者咨詢(xún)?nèi)豪锏母魑淮笊瘛?/p>

(5)關(guān)于網(wǎng)站生成代碼后使用的問(wèn)題

網(wǎng)站生成后的代碼已經(jīng)是完整的代碼，可以直接安裝到店鋪使用(有個(gè)性化需要且有代碼基礎(chǔ)的可自己調(diào)整)。

(6)關(guān)于代碼生成不成功或者錯(cuò)誤的問(wèn)題。

請(qǐng)認(rèn)真檢查你的操作規(guī)范，比如店鋪類(lèi)型是否選擇正確、復(fù)制地址是否完整、是否添加到對(duì)應(yīng)的地址欄之中、是否添加完整，是否是兼容的瀏覽器……如果還是不對(duì)，請(qǐng)到技術(shù)群咨詢(xún)。

(7)關(guān)于代碼網(wǎng)站預(yù)覽正常，安裝到店鋪不能正常顯示的問(wèn)題。

這種情況瀏覽器屏蔽代碼的居多，換個(gè)瀏覽器試試，最好是谷歌或者360急速模式，搜狗高速模式等，只要點(diǎn)擊鼠標(biāo)右鍵有個(gè)審查元素的這種瀏覽器就可以，或者直接看網(wǎng)站右下方公告欄會(huì)提示所用

瀏覽器內(nèi)核若非Google瀏覽器請(qǐng)換成顯示為Google Chrome瀏覽器模式進(jìn)行操作!

(8)關(guān)于說(shuō)網(wǎng)站生成的代碼亂碼的問(wèn)題。

網(wǎng)站的代碼是不可能亂碼的，目前我見(jiàn)過(guò)兩種意外情況，一是安裝css代碼操作不對(duì)，其實(shí)這也不是亂碼，是css部分沒(méi)有安裝到導(dǎo)航條。二是把生成的代碼在DW中編輯出錯(cuò)。

(9)關(guān)于需要網(wǎng)站上現(xiàn)有模塊以外其他代碼的問(wèn)題。

請(qǐng)加技術(shù)群，在群共享里面找一找，或者咨詢(xún)?nèi)豪锏母魑淮笊瘛?/p>

(10)關(guān)于去除間隙代碼的使用問(wèn)題

你可以查看“?”提示的說(shuō)明，在代碼去復(fù)制添加，兩模塊中下面那個(gè)模塊代碼就行了。

(11)關(guān)于css鼠標(biāo)滑動(dòng)代碼無(wú)效的問(wèn)題

建議你首先仔細(xì)研究生成模塊中的教程【教程地址】，操作步驟是否正確。一般這種情況不外乎兩個(gè)原因：一是，生成后的代碼css部分和html部分是否分開(kāi)安裝。二是，瀏覽器是否兼容，換成谷歌或者搜狗360等

高速模式編輯代碼，建議不要使用IE任何瀏覽器。(關(guān)于圖片尺寸，寬度可以不一樣，高度最好要統(tǒng)一)

(12)關(guān)于視頻海報(bào)代碼添加視頻的問(wèn)題。

如果你購(gòu)買(mǎi)了淘寶的視頻服務(wù)那最好了，沒(méi)有的話(huà)你參照生成頁(yè)面下端的教程，把視頻上傳到優(yōu)酷等免費(fèi)視頻網(wǎng)站，復(fù)制地址添加就可以了。(復(fù)制的視頻地址一定要正確，具體參考教程)

(13) 全屏輪播在淘寶預(yù)覽里有細(xì)線(xiàn)

這個(gè)是你裝修店鋪瀏覽器問(wèn)題，建議換瀏覽器 �？淳W(wǎng)站右下側(cè)那個(gè)公告，當(dāng)中會(huì)提示你所用瀏覽器內(nèi)核。如果不是“您當(dāng)前瀏覽器內(nèi)核為Google Chrome，如果非Chrome瀏覽器請(qǐng)更換瀏覽器或切換到急速模式”就按照要求更換瀏覽器!(其他生成模塊類(lèi)似問(wèn)題解決方式如上)

(14)關(guān)于顯示的已經(jīng)登陸卻不能生成代碼的問(wèn)題

有網(wǎng)友反映自己辛辛苦苦用了個(gè)多小時(shí)在網(wǎng)站上添加圖片和鏈接，到最后卻點(diǎn)擊生成不了代碼......心中感覺(jué)十分苦逼，有沒(méi)有?

不要慌，我這里給說(shuō)一下具體原因和解決辦法，

簡(jiǎn)單說(shuō)一下原因，首先一般網(wǎng)站都有個(gè)自動(dòng)退出登錄這種類(lèi)似功能，也就是長(zhǎng)時(shí)間沒(méi)有操作就會(huì)自動(dòng)默認(rèn)你已經(jīng)退出網(wǎng)站的意思。

碼工助手也是一樣的，淘寶后臺(tái)大家都清楚，一段時(shí)間沒(méi)操作點(diǎn)開(kāi)頁(yè)面就讓你登陸。

當(dāng)然你在哪個(gè)頁(yè)面添加鏈接跟在那個(gè)頁(yè)面晃動(dòng)鼠標(biāo)一樣要是相當(dāng)于還是只在本地操作，沒(méi)有對(duì)網(wǎng)站操作，自然也就認(rèn)為沒(méi)有操作了。

知道原因現(xiàn)在就說(shuō)解決辦法，

1.遇到上面顯示的登陸狀態(tài)，但是卻生成不了代碼這個(gè)個(gè)時(shí)候，就不要?jiǎng)舆@個(gè)頁(yè)面了，免得辛苦白費(fèi)(因?yàn)闆](méi)有保存功能)。

2.這個(gè)時(shí)候就打開(kāi)網(wǎng)站其他頁(yè)面(不要嫌棄麻煩，總比重新上傳好)，比如首頁(yè)也行，你看登陸狀態(tài)已經(jīng)沒(méi)有了是不是(要是有那就遇見(jiàn)鬼了)，可以多刷新幾次，然后點(diǎn)擊登陸，這個(gè)時(shí)候就會(huì)回到論壇登陸狀態(tài)(一般自動(dòng)登陸)，然后再回到網(wǎng)站首頁(yè)，刷新一兩下看看，要是顯示登陸好了，那就進(jìn)行下一步。

3.現(xiàn)在回到剛剛的編輯頁(yè)面，再去點(diǎn)導(dǎo)出代碼或者生成代碼，這個(gè)時(shí)候就有代碼了。

不要看寫(xiě)了這么多，其實(shí)就幾句話(huà)而已，到其他頁(yè)面重新登陸回來(lái)再生成.....

注意事項(xiàng)

1、碼工助手插件僅支持谷歌瀏覽器、360瀏覽器和UC瀏覽器。

2、插件下載安裝之后，僅在店鋪裝修后臺(tái)頁(yè)面。

3、頂部地址欄顯示插件圖標(biāo)，鼠標(biāo)點(diǎn)擊即可使用。

4、該插件目前僅支持淘寶天貓以及阿里巴巴無(wú)線(xiàn)端。