文章彙整

【MAGENTO架站流程】第四階段:客製化網站

By Astral Web 4 years agoNo Comments
首頁  /  Magento  /  Magento安裝設定  /  【MAGENTO架站流程】第四階段:客製化網站

幫助你的Magento更上一層樓!

架站完成後,我們將分享一些Magento好用的功能、擴充套件、小技巧以及常見的問題。

請參考:

開啟多語言介面

在Magento中,你可以輕鬆的進行語言切換,只要使用Magento中內建的Store View(商店介面)功能,就可以建立多語言的介面。

位置:

System→Manage Stores

點選右側 Create Store View

Create Store View

接著填寫Store View的基本資料

Store View的基本資料

Store

選擇上層的商店

Name

商店介面的名稱

Code

商店界面的商店代碼

Status

是否啟用此商店介面

Sort Order

介面順序

輸入完所有資料並儲存後,介面中就多了一個我們剛才所新增的介面。

儲存

現在就來測試剛才所建立的新商店介面,我們用產品來測試此商店介面,請先選擇一個產品,我們可以注意到,他目前的商店介面是 Defalut Values,代表他是所有的介面的預設值。

選擇store view

接著將Store View切換至剛才設置的語言介面,然後修改Name欄位,記得要先把右邊的 Use Default Value取消勾選,這樣才能編輯Name欄位。

修改Name欄位

儲存之後請前往前台該產品頁面,會發現上方的工具列多了語言選擇清單,再選取我們剛才所製作的商店介面。

選擇語言

你會發現產品名稱已經更新為我們在新的產品介面下所填入的名稱。

更新

商店介面可以應用在Magento系統許多地方,產品名稱只是其中的一個功能而已;運用商店介面,就可以把你的Magento網站變成多語言網站。Magento擁有很多擴充資源,其官方有提供平台讓Magento的開發者分享自己的作品並且販售,接下來我們就要介紹如何運用這個資源來美化及加強你的網站。

Magento Connect

安裝主題

在Magento你可以使用主題來美化你的網站,在Magento Connect或其他Magento主題分享網站中,有非常多種類的主題可以選擇,現在就來開始安裝主題吧!

首先,先到Magento connect主題下載的網頁,在左側選擇你的搜尋順序、平台以及Magento使用版本,在右側可以選擇免費使用或需要收費。

選擇排序

下載主題需要先登入Magento網站,若有帳戶請直接登入;反之,於Magento官方網站註冊帳號後再登入即可。

操作步驟如下:

一、選定喜好的主題

二、進入該主題頁面,點擊右邊的Install Now,取得安裝代碼(會提示你要登入Magento帳戶)。

取得安裝代碼的畫面如下:

版本選擇

特別注意安裝代碼版本的選擇以及要「勾選同意條款」,在Magento Connect的安裝代碼有兩種,1.0是舊版的安裝代碼,而2.0是新版的安裝代碼;安裝時請注意是否有對應到相同版本的安裝代碼。

 

安裝

拿到安裝代碼之後,請至Magento後台的Magento Connect Manager

位置:

System→Magento Connect→Magento Connect Manager

登入

使用後台管理者帳號登入之後,將取得的安裝代碼複製到網頁中間的欄位,接著點擊Install安裝,之後會出現套件的名稱與資料,接著點擊Proceed安裝主題。

安裝

等到小黑窗跑完所有處理後,系統會要求你Refresh重新整理你的系統。

處理中

接著到 /app/design/frontend/ 底下查看新主題包的資料夾名稱,得知新的主題包路徑為f002

image34f002

然後到系統設定網站設計的管理頁面,輸入主題包資料夾欄位並儲存,在這要注意別打錯資料夾名稱,Magento系統會判斷此名稱是否存在frontend的資料夾中,若沒有則會跳出錯誤訊息。

錯誤訊息:

錯誤訊息

正確訊息:

正確訊息

接著去Magento的前台查看,會發現網站的主題已經替換成我們所選的主題。

更新主題

有些主題會有其他額外的安裝步驟,請務必遵照該主題的教學步驟安裝,才能順利完成安裝。

安裝擴充套件

之前在歐斯瑞分享過如何在Magento商品頁面,利用AddThis套件新增社群分享功能

是以Magento的熱門套件「AddThis」為範例,執行擴充套件的安裝,我們將引述該文章進行介紹。

目前社群分享功能在電商網站中非常熱門,網路上已經有幾家公司整合了各種社群功能,方便商家使用,今天Astral Web要介紹的是「AddThis」,它在Magento Connect中有提供Magento的擴充套件包,本文將與大家分享如何在Magento產品頁面中,利用AddThis增加社群分享功能。

1. 先至Magento Connect頁面右上角的搜尋框輸入「AddThis」

搜尋Add this

2. 選擇套件名稱為「AddThis

Add this

3. 進入頁面後,點擊「Install Now」立即安裝。

安裝

接著會要求你登入或註冊,如果有Magento官方帳號請直接登入;沒有就請先註冊再登入。

免費下載

4. 勾選「I agree 我同意」選項之後,點選「Get Extension Key」。

勾選I agree 我同意

再點選「Select Key」複製代碼。

Select Key

5. 接著進入Magento後台,點選 System→Magento Connect→Magento Connect Manager

Magento Connect Manager

6. 再使用Magento後台帳號登入Magento connect系統。

登入

7. 將我們剛才複製的代碼貼至「Install New Extensions」的欄位中,點擊「Install」安裝。

安裝

 

8. 接著我們會得到該擴充套件的資訊,請點選「Proceed」安裝套件。

執行

9. 若無其他問題,網頁會開始進行安裝程序,在完成之前請不要做任何動作,完成後會得到以下畫面,接著點選「Refresh」刷新頁面。

Refresh

10. 為了觸發Magento擴充套件的安裝Script,請先回到Magento後台,登出管理帳號再重新登入。

11. 點選 System→ Configuration,你會看到在左方列表中多了「AddThis」的控制選項。

System→ Configuration

在控制標籤裡可做詳細的功能設置,因此如果你有詳細的需求,可於此設定。

12. 接著到前台的產品頁面並重新整理,你會發現在產品右側資訊多了社群分享的按鈕。

社群分享

完成以上步驟,網站就可以透過社群網站分享產品資訊囉!

以上是主題與擴充套件安裝的步驟教學,學會之後你的Magento不再是一人孤軍奮戰,而是與Magento社群中的成員一起奮鬥!

安裝追蹤碼

由於Magento系統本身支援Google Analytics,更在1.9.1之後的版本支援Google Universal Analytics,所以在Magento系統中可以輕易引入Google的追蹤碼。

位置:

System→Configuration→Sales→Google API

google api

Enable

啟用Google Analytics

Type

Google Analytics版本

Account Number

帳號號碼

Enable IP anonymization

啟用匿名IP

設定好之後儲存,然後到前台檢視頁面原始碼,就會發現Google Analytics的追蹤碼已經成功安裝至網頁。

追蹤碼

但除了Google追蹤碼之外,還想放其他類型的追蹤碼該怎麼辦呢?Magento系統提供Head與Footer這兩個地方讓我們可以客製化自己的Script,我們可以利用這個功能去放置追蹤碼。

Head

位置

System→Configuration→General→Design→Html Head→Miscellaneous Scripts

放置範例碼:

放置範例碼

範例追蹤碼出現在Head中且在Body之前:

範例追蹤碼出現在Head中且在Body之前:

Footer

位置

System→Configuration -> General -> Design -> Footer -> Miscellaneous Scripts

放置程式碼:

放置程式碼

範例追蹤碼出現在Body的尾端,並且在網頁內容之後:

範例追蹤碼出現在Body的尾端

以上就是放置追蹤碼的範例示範,歡迎大家參考。

推薦擴展包(Extension)

接著要來推薦幾個好用的Magento擴充套件。

WordPress Integration

WordPress Integration

WordPress與Magento整合套件

WordPress是當今火紅的免費部落格系統,可以整合Wordpress至Magento裡,讓這兩個系統發揮自己的所長。該套件整合度高,也支援許多的Wordpress插件,如果你的Magento網站有架設部落格的需求,這個套件絕對是你的首選。

AddThis

add this

在Magento系統中使用AddThis社群分享功能

AddThis是在網站中常被使用的社群插件,因為AddThis整合了目前所有的社群分享功能,只要使用AddThis就不用安裝各種社群分享插件在網站裡面,在Magento中使用AddThis是非常方便的,可以節省製作時間。

One Page Checkout

One Page Checkout

在Magento使用一頁結帳頁面。

一頁結帳可以讓使用者減少點選下一步的動作,進而達到快速結帳的目的,減少結帳的困難度,讓使用者使用起來更簡單便利,提高使用者經驗。

常見問題

為什麼我更新網站資料之後,在前台卻沒有任何變化?

可能您使用了Cache系統,請試著關閉或刷新Cache之後再重新整理頁面並檢視。

更改系統設定值後有刷新Cache,檢視前台後卻發現更改的設定都沒有變動?

可能在商店介面出了問題,請檢查各商店介面是否使用預設值,如果是使用自定義的話,每次變動必須都到該介面裡更改設定值。

為什麼我已經調整商品庫存的數量,但在前台頁面卻無法看到該產品呢?

可能是您在後台管理商品中的Stock Availability選項沒做調整,請選擇In Stock(尚有庫存),產品才會在前台顯示。

為什麼統計報表系統都無法顯示資料?

可能是沒有更新報表的資料,請您去後台介面 Reports→Refresh Statistics 更新您所有的報表資料。

如果還有Magento相關問題,可以至Magento的教學導覽觀看更多相關文章。

Magento工作流程的文章就到此告一個段落,在Magento中還很更多功能及參數要去設定,有時問題不僅只出現在網站程式碼中,還有一些是發生在主機或資料庫,所以遇到問題還是要請專業人員幫忙,才能一勞永逸。

想了解更多Magento教學?

更多Magento相關文章請看: Magento教學導覽

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Category:
  Magento安裝設定

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。