opencart

1、使用OpenCart (II),建國(guó)科大資管系饒瑞佶2014/4,零售業(yè)批貨技巧與網(wǎng)拍架站創(chuàng)業(yè)訓(xùn)練班,OpenCart前後臺(tái),前臺(tái)http://127.0.0.1/store/後臺(tái)http://127.0.0.1/store/admin/,如果有固定IP或是DNS，請(qǐng)取代127.0.0.1,後臺(tái)管理,http://localhost/store/admin/帳密是在安裝時(shí)就設(shè)定的,對(duì)應(yīng)資料庫(kù)內(nèi)的user資料表,有點(diǎn)危險(xiǎn)，

2、因?yàn)樗坪醮蠹叶贾?修改OpenCart內(nèi)的檔案,修改設(shè)定檔案等最好不要用Windows內(nèi)建的記事本因?yàn)楹芏鄼n案都是用UTF-8編碼建議使用UltraEdit或是Notepad++(本課程用),修改admin後臺(tái)路徑,Step1、用Notepad++開(kāi)啟admin內(nèi)的config.php,修改admin後臺(tái)路徑,Step2、修改config.php內(nèi)有admin的位置,假設(shè)改成mycart,修改admin後臺(tái)路徑,Step3、修改原

3、來(lái)目錄名稱(chēng)為mycart,,,新後臺(tái),http://localhost/store/mycart/,後臺(tái)管理,請(qǐng)使用安裝時(shí)設(shè)定的帳號(hào)密碼登入,OpenCart中文化,,中文套件,http://www.opencart.com/index.php?route=extension/extension&filter_username=twcow.com,中文套件安裝,Step 1. 下載檔案並解壓縮，產(chǎn)生 2 個(gè)目錄 :catalo

4、gadminStep 2. 將上述 2 個(gè)目錄上傳到您的 OpenCart 網(wǎng)站目錄並覆蓋,Step 3.到 OpenCart 商店後臺(tái) [system] -> [localisation] -> [Language],點(diǎn)擊 [Insert],,,Language Name: ChineseCode: zh-TWLocale: zh,zh-tw,zh-tw.UTF-8,chineseImage: tw.pngDi

5、rectory: zh-TWFilename: zh-TWStatus: EnabledSort Order: 0,填寫(xiě)這些內(nèi)容,,,,Step 4.到 OpenCart 商店後臺(tái) [system] -> [settings],,選擇商店後按 [Edit] 再到 [Local] 頁(yè)籤,,將 Language(前臺(tái)) 和 Administration Language(後臺(tái)) 兩個(gè)選項(xiàng)都改為 Chinese,,完成！,,中文介

6、面,更改管理者密碼與新增使用者,,先登入後臺(tái)系統(tǒng)管理?管理員設(shè)定,,,設(shè)定新的資料(包含密碼),新增使用者,,,先設(shè)定群組(功能權(quán)限),群組設(shè)定,,直接將可以使用的功能設(shè)定在群組上,新增[一般使用者]群組,可以設(shè)定權(quán)限群組與停權(quán),被鎖定的就不能用,OpenCart系統(tǒng)設(shè)定,更改設(shè)定後請(qǐng)不要忘記按Save保存設(shè)定,系統(tǒng)管理設(shè)定,,請(qǐng)先進(jìn)入後臺(tái),商店基本資料設(shè)定系統(tǒng)管理(System)?商店設(shè)置(Settings),,before,,

7、,after,,前臺(tái),,Logo修改,,SEO(Search Engine Optimization),網(wǎng)站文字說(shuō)明修改,,網(wǎng)站的一些聲明都在這改,,出現(xiàn)在首頁(yè)下方,可以用HTML語(yǔ)法加入YouTuBe,,,結(jié)果,OpenCart的設(shè)計(jì)結(jié)構(gòu),,更多OpenCart檔案架構(gòu),\admin (已經(jīng)改成mycart) ?後臺(tái)\catalog ? 前臺(tái)\download ?下載類(lèi)商品存放位置(由程式控制,非直接複製檔案至此)\imag

8、e ? 圖片檔\install ? 安裝檔(安全起見(jiàn)，安裝完已刪除)\system ?系統(tǒng)程式(PHP主程式)\.htaccess ? 網(wǎng)址改寫(xiě)控制檔(SEO urls)\config.php ?系統(tǒng)設(shè)定檔\php.ini ? php相關(guān)設(shè)定,MVC+L模式,Model – 數(shù)據(jù)與資料庫(kù)等處理View – UI介面Controller – 程式碼Language – 語(yǔ)系處理,前臺(tái)M: \catalog\mode

9、l\V: \catalog\view\C: \catalog\controller\L: \catalog\language\,後臺(tái)M: \admin\model\V: \admin\view\C: \admin\controller\L: \admin\language\,要修改時(shí)就需要這個(gè)對(duì)應(yīng)表例如我要改前臺(tái)的顯示，那就要找\catalog\view\,前臺(tái)UI對(duì)應(yīng)圖,前臺(tái)UI對(duì)應(yīng)圖,前臺(tái)UI對(duì)應(yīng)圖,前臺(tái)UI對(duì)應(yīng)圖,

10、前臺(tái)程式對(duì)應(yīng)圖,前臺(tái)程式對(duì)應(yīng)圖,前臺(tái)程式對(duì)應(yīng)圖,前臺(tái)程式對(duì)應(yīng)圖,中文化不完全的改善,,中文化不完全,,mycart\language\zh-TW\common,header.php直接加入沒(méi)有的中英文對(duì)應(yīng)就可以,新加兩個(gè),$_['text_attribute'] = '商品屬性';$_['text_attribute_group'] = '

11、;商品屬性類(lèi)別';,result,,小練習(xí),text_design ? 版面text_layout ? 規(guī)劃text_banner ? 廣告管理,擴(kuò)充模組?基本模組Modules,還沒(méi)有安裝的！,已經(jīng)安裝的,編排模組出現(xiàn)在版面位置,,,預(yù)設(shè)會(huì)員中心要出現(xiàn)在帳戶(hù)右邊,,要讓會(huì)員中心出現(xiàn)在首頁(yè)左邊,,,怎麼做？,,試試更多的..,廣告管理,三種廣告類(lèi)型,SlideshowCarouselBanner,,,,廣告與擴(kuò)充模組有關(guān)

12、係,廣告是透過(guò)擴(kuò)充模組設(shè)定來(lái)決定顯示在那裡！,廣告與擴(kuò)充模組有關(guān)係,,首頁(yè)下方廣告區(qū),商品區(qū)廣告,首頁(yè)中間,擴(kuò)充模組中設(shè)定顯示方式,設(shè)定廣告內(nèi)容(系統(tǒng)管理內(nèi)),新加入一個(gè)廣告,加入兩張圖,完成後記得按save,多個(gè)時(shí)會(huì)自動(dòng)輪播,新增完成一個(gè)廣告,切換到擴(kuò)充模組?基本模組,選擇banner?編輯,,將剛新增的Android banner設(shè)定顯示方式,,設(shè)定出現(xiàn)在首頁(yè)的左邊,,result,,小練習(xí)，請(qǐng)?jiān)囋嚫某蛇@樣！,,,Layouts,設(shè)

13、定版面上出現(xiàn)的區(qū)塊所有版面都是區(qū)塊的組合,版面區(qū)塊,header,left,right,bottom,Content-top,content,Layouts,,以首頁(yè)為例,,以首頁(yè)為例,,版面檔案存放的位置前面路徑是catalog\view\theme\default\template,你可以自己做一個(gè)版面來(lái)替換,,使用Notepad++開(kāi)啟,如果拿掉這些,,Before delete,After delete,資料庫(kù)備份,,備份

14、的其實(shí)是SQL指令,首頁(yè)加入浮動(dòng)視窗,,需要修改的檔案,catalog\view\theme\default\template\common\home.tpl,需要加入一段js與,先加入,,,可以在DIV內(nèi)加上自己需要的圖示與連結(jié), This is a heading This is a paragraph. ,加入js(javascript),,js,0 )percent=Math.ceil(pe

15、rcent); elsepercent=Math.floor(percent);var top = parseInt(document.getElementById("floatlayer").style.top);document.getElementById("floatlayer").style.top = (top += percent) + "px";las

16、tScrollY += percent; document.getElementById("floatlayer").style.left=(document.body.clientWidth/2+357)+"px";}window.setInterval("rollimg()",1);//-->,result,,如何加入圖片與超連結(jié)等,需要HTML語(yǔ)法圖片位