opencart簡介
OpenCart是國外著名的開源電子商務網站,由英國人Daniel一人獨立開發,其社區非常活躍,由各國網友翻譯出來的語言包已經達到18種,其中包括中文,俄文,法文,西班牙文,德文,日文等等。
OpenCart的優勢在於前台界面的設計非常適合歐美購物者的瀏覽習慣:簡潔,直觀,唯美!
後台也非常的簡潔明了,而且功能強大,對於初學者來說非常容易上手,對於大多數經驗豐富的網店經營者來說,OpenCart的後台管理功能也基本能滿足其需求。OpenCart可以說是最適合國內用戶建設外貿網店的程式!
opencart模板認識
如果你有自己設計Wordpress,blogspot等經驗,那可以說你已經會網店設計了。如果你任何經驗都沒有,你先要學習一些基礎知識。當然,會網店設計不等於能設計的好看,設計是否好看是另外的話題,我們這篇文章只說說如何自己動手設計網店。 需要學習的基礎知識:HTML,CSS,Photoshop,Dreamweaver。
前兩個是要了解和記憶的語法,後兩個是工具的使用。不要被這些語法和工具嚇倒,其實最好的學習方法,就是一邊學習一邊設計網店模板。發現問題,學習問題,解決問題是最快的方法。學習過程是由點到面,由粗到細的,這樣的方法不會因為枯燥乏味而提前放棄。我根據Opencart的模板設計,把學習的過程介紹一下。
Opencart軟體下載之後,打開目錄:/catalog/view/theme/default/,這個Default目錄里就是網店的設計。資料夾里還有image,stylesheet,template 3個目錄,分別是用來存儲設計圖片,CSS檔案,模板檔案。
Step 1. 把Default目錄複製一個新目錄,另外取一個你喜歡的名字,通常是你的網站域名。例如IECSP目錄。在這個目錄下是有Default一樣的資料夾和檔案。
Step 2. 把新目錄上傳到你的網店伺服器空間裡(如何在虛擬主機中安裝Opencart,請到Opencart網站尋找幫助),新目錄要和default目錄是同級的,父目錄是theme。然後再到Opencart軟體的管理中心把模板改成你的新資料夾IECSP。這時候你訪問網店頁面,是和default設計一樣的。
Step 3. 找到stylesheet目錄里stylesheet.css檔案,使用Notepad++打開這個檔案,你會看到很多CSS語句。看不懂不用怕,我們學習的方法就是做一點,學一點。
Step 4. 我們先嘗試把背景色修改成黑色,找到 body { margin: 0px;padding: 0px;text-align: center; } 語句,在後面添加一句: body { margin: 0px;padding: 0px;text-align: center; background:#000000;} ,之後你保存這個檔案,再上傳到網店主機的相同目錄中,覆蓋舊檔案。
Step 5. 刷新網店網頁,你會發現網頁背景色已經是黑色的了,雖然很難看,但是這已經是你自己設計的了。
下一步你可以把Logo換一下,再根據這個修改思路,找你想修改顏色,字型的位置,然後再CSS檔案中進行修改,如果不會就到Google里搜尋CSS語法,反覆嘗試,你會發現你改的越多,網頁越漂亮。當設計和default模板有較大差別的時候,你會充滿成就感。
我在這篇文章不是要寫基礎知識的學習,我只是希望告知初學者一個好的方法。學習一門技能的第一步,我認為並不需要去買一本書照著做,如果你直接動手,一邊做一別找資料,更容易產生持久的興趣。