Quantcast
Channel: OpenCart –梅問題.教學網
Viewing all 11 articles
Browse latest View live

自架購物平台-OpenCart購物商城01-安裝與設定

$
0
0
梅問題-自架購物平台-OpenCart-01安裝與設定
  時機歹歹一切都漲,只薪資不漲的情況下,只好上網賣賣小東西賺點零用金,在要開始於網路賣東西時,平台就是最主要的生財利器,而梅干先前曾用過osCommerce,它的功能雖然很強大但卻很複雜,於是改用ecshop又發覺太陽春,自已開發又太麻煩,真是不知該如何是好,就這時好友男丁給了梅干一道的署光,介紹一套OpenCart的購物車平台,於是梅干今天就玩了一整天,總算玩出了一點小小的心得,這套OpenCart正好夾在osc與ecshop之間,蠻適合給一般規模較小的網拍族來使用,且它真的很EZ喔!若你也正在找購物車平台,不坊先來看看這套OpenCart購物車吧!
OpenCart
模組名稱:OpenCart
模組版本:1.4.9.1
模組性質:免費
模組語系:英文(繁中語言包)
開發語言:PHP
官方網站:http://www.opencart.com/
官網展示:Demo (帳號/密碼:demo/demo)
本站下載:(主程式+中文包)

一、建立資料庫:
Step1
進入phpmyadmin建立一個新的資料庫。
梅問題-自架購物平台-OpenCart-01安裝與設定
二、安裝OpenCart購物車:
Step2
接著將剛下載的購物車平台,解壓縮並上傳到網路空間中,開啟瀏覽並進入購物車的資料夾,這時就會出現OpenCart的安裝畫面,將下方勾選起來並按【Continue】鈕。

Step3
進入Setp2後,拉到下方再按【Continue】鈕。

Step4
這邊依序的將剛所建立好的db名稱與管理者的帳號、密碼,逐一輸入到下方的第一點的欄位中,第二點是設定購物車後台登入的帳密,都設定好後再按【Continue】鈕。

Step5
哈~夠簡單吧!你已經把購物車架設完成了,記得把install的資料夾刪除。

Step6
進入FTP後將install資料夾刪除。
梅問題-自架購物平台-OpenCart-01安裝與設定
三、OpenCart中文語系設定:
Step7
在購物車資料夾的後方加/admin/,就會進入後台的登入畫面,這時再輸入帳號與密碼就可登入後台。
梅問題-自架購物平台-OpenCart-01安裝與設定
Step8
點選上方功能選單的System / Localisation / Languages 選項。

Step9
進入Languages的設定畫面後,點選右上角的【Insert】鈕,並將參數依續填入到下方的欄位中,都輸入完成後記得按右上的【Save】鈕。
Language Name: 正體中文
Code: zh-tw
Locale: zh_TW.UTF-8,zh_TW,zh-tw,taiwan
Image: tw.png
Directory: taiwan
Filename: taiwan
Status: Enabled
Sort Order: 這是排序可輸可不輸(預設值為0)


Step10
接著再點選 System / Settings
梅問題-自架購物平台-OpenCart-01安裝與設定
Step11
進入Settings的設定畫面後,再點選Local頁籤,更改國別與語系,設定好後記得按上方的【Save】鈕。

Step12
哈~有沒有很親切呀!馬上變成中文了,接著選擇 系統裝置 / 參數設置 / 語言設置

Step13
將English勾選起來,再按右上的【刪除】鈕。

Step14
刪除完後點選右上角的【商店前台】
梅問題-自架購物平台-OpenCart-01安裝與設定
Step15
哇屋!還挺有模有樣滴!前台也是中文的。

  這一套OpenCart購物車,無論是後台還前台,整個用起來的流程還蠻順暢的,界面上也蠻人性化的,而它還有更強的功能,那就是可再開設多個賣場,就像奇摩商城一樣,所以只要架好後,若有親朋好友也想賣東西時,也可開設一個屬於他個人的商場,很cool吧!而各位也可到官方展示後台,登入去玩玩看。

自架購物平台-OpenCart購物商城02-貨幣與商店設定

$
0
0
梅問題 -opencart貨幣與系統設定
  不到10分鐘就已完成OpenCart購物車的架設, 但各位會發現到,由於OpenCart是老外所開發,所以產品金額則是以歐元,作為產品的幣值單位,這就有點不符我們使用,好在OpenCart有提供自訂機制,所以這時第一件事就是更改幣值, 以及設定自已賣場的名稱,接下來就來看看,要如何來進行設置OpenCart PartII GO~。
一、貨幣設定:
Step1
開啟瀏覽器輸入http://購物車網址/admin登入管理後台,接著選擇商品目錄 / 商品管理 的選項。
梅問題 -opencart貨幣與系統設定
Step2
進入商品管理畫面後,將預設的所有商品勾選起來,再按右上的【刪除】
梅問題 -opencart貨幣與系統設定
Step3
刪除完成後,接著再選擇 系統設置 / 參數設置 / 貨幣設值 的選項。
梅問題 -opencart貨幣與系統設定
Step4
進入貨幣設置的畫面後,一樣全部選起來再按【刪除】
梅問題 -opencart貨幣與系統設定
Step5
刪除完後,再點【新增】鈕,並依下方輸入,輸入完後再按【保存】,這樣貨幣就設定好了。
梅問題 -opencart貨幣與系統設定
二、商店設定:
Step6
接著點選系統設置選項,在編輯項目的地方,設置賣場名稱與店長匿稱。

Step7
設定完後,再點選【商店設置】頁籤,設定賣場的標題SEO標籤,由於內建只有一種版型,所以也沒得選。
梅問題 -opencart貨幣與系統設定
Step8
接著再切到【選項設置】頁籤,分別將下方框起來的部分設定一下,其餘部分可依自行需求再作設定。
梅問題 -opencart貨幣與系統設定
Step9
再切到【圖片設置】頁籤,這邊可設定商品圖片各種縮圖尺寸,都設定完後記得按【保存】
梅問題 -opencart貨幣與系統設定
Step10
都設定完成後,分別再進到商品目錄 / 商品分類品牌管理的預設資料清空,都完成後切到前台看一下,哈~目前一片空空如也。
梅問題 -opencart貨幣與系統設定
  在設定完幣值後,接下來就可開始準備整理手的商品,下一單元中就會開始來介紹,如何設定商品分類與商品上架,就可以開始準備賣東西囉!賺點小零用金。

自架購物平台-OpenCart購物商城03-新增商品與分類

$
0
0
梅問題-自架購物平台-OpenCart購物商城03-新增商品與分類
  在設定完貨幣賣場的基本設定後,接下來就要開始進入重頭戲的部分,那就是商品的上架與分類設定,其OpenCart在商品分類的部分,功能相當的完善了,除了可設定大分類外,還可設定子類別,這樣對於管理商品就加便利,除此之外在商品的部分,除了設定基本的價格、圖片、庫存量外, 還有一個另梅干感到相當更的功能,那就是可設定相關產品,比方今天賣的是相機,那就可以把鏡頭閃燈腳架設為它的相關產品,之後當點選任一商品時,下方就會出現關於這類的商品有那些,除此之外還有個更有趣的功能,那就是它還可設定商品的售價與成本價,聽梅干囉唆不如直接看圖比較快。
庫存選項設定:
Step1
進入後台, 選擇 系統設置 / 參數設置 / 庫存狀態 選項。
梅問題-自架購物平台-OpenCart購物商城03-新增商品與分類
Step2
進入庫存頁面後,對著要修改的狀態名稱,點選後方的【編輯】

Step3
接著輸入庫存狀態的名稱後,再按右上的【保存】

Step4
若不要的選項,勾選起來再按右上的【刪除】即可,將子就大功告成啦!

訂單選項設定:
Step5
接著再選擇 系統設置 / 參數設置 / 訂單狀態 選項

Step6
進入訂單狀態後,跟剛庫存的設定方式一樣,按編輯就可設定名稱,以及設定自已所需的訂單狀態

Step7
這樣刪刪減減就可設定自已所需的選項囉!

新增大分類:
Step8
選擇 產品目錄 / 商品分類 選項。
梅問題-自架購物平台-OpenCart購物商城03-新增商品與分類
Step9
進入商品分類頁面後,點選右上角的【新增】

Step10
接著輸入分類名稱,完成後再按右上角【保存】,這樣就完成主要分類的設定了。

新增子分類:
Step11
若大分類底下還有相關的子分類時,再點右上角的【新增】

Step12
接著先輸入分類名稱,輸入完後再點基本訊息頁籤。

Step13
這時在分類類別中,選擇大分類的項目,選擇完成後再按右上角的【保存】

Step14
完成時,剛的分類就會出現大分類>子分類

改變分類排序:
Step15
預設排序為0,若要改變分類排序時,對著分類名稱後方的【編輯】點一下。

Step16
進入後切到【基本訊息】頁籤,拉到下方在分類順序的欄位中輸入數字,數字愈小排序愈前面。

Step17
這樣就可設定分類先後排序。

新增商品:
Step18
呼!總算把分類設定好了,接下來就開始來新增商品囉!點選 商品目錄 / 商品管理 選項。
梅問題-自架購物平台-OpenCart購物商城03-新增商品與分類
Step19
進入商品管理頁面後,點選右上角的【新增】

Step20
接著輸入商名的名稱與描述。

Step21
切到基本訊息,輸入商品的編號售價成本縮圖等相關設定。

Step22
切到進結頁籤,設定商品分類。

Step23
若有更多商品照片時,切到圖片設置頁籤,點【添加圖片】

Step24
接著點一下相機的圖示,接著則會跳出圖檔管理,選擇相關照片。

Step25
都新增完成後,記得按右上角的【保存】

Step26
這樣就完成一筆的商品新增了

Step27
切到前台看一下~哈!辛苦了這麼久總算有點代價了

Step28
點選商品,看下完整的商品頁面

  呼!到這總算告一段落了,就可以開始準備上架賣東西啦!唯一就只剩佈景主題的配置,由於OpenCart的佈景稍稍複雜一些,過陣子梅干再來分享佈景主題的製作,而各位若有興趣的話可自行研究,OpenCart佈景就放在/catalog/view/theme底下。

自架購物平台-OpenCart購物商城04-自訂admin後台路徑

$
0
0
梅問題-Opencart教學-更改admin後台登入路徑
  在OpenCart的三部曲中,很快的就可完成購物車的安裝與設定,但會發現到當使用這類型的免費模組,大家的後台路徑都一樣,當然OpenCart也不例外,只要在購物車後方加上admin,就可直接進入管理者後台的登入畫面,雖然說對於一般的網友沒啥太大意義,但這對於一些有心人士而言,等於又提供了一個練功的場所,所以這時盡可能把後台路徑給隱藏起來,以防萬一也為後台多加一道防護措施,現在就來看看,要如何改變OpenCart後台登入的路徑與位置。
Step1
只要在網址後方加入admin就可直接連到,管理者的後台登入畫面。
梅問題-Opencart教學-更改admin後台登入路徑
Step2
接著用記事本開啟admin / config.php
梅問題-Opencart教學-更改admin後台登入路徑
Step3
開啟 config.php後,下方看到反綠的部分,可自行更改後台的目錄名稱。
梅問題-Opencart教學-更改admin後台登入路徑
Step4
都改後記得存檔,這時記得把原來的admin名稱,重新命名為剛所更改的名稱。
梅問題-Opencart教學-更改admin後台登入路徑
Step5
完成後再ftp上傳到網路空間中,這時會看到再打admin就會出現找不到網頁的錯誤訊息,但打剛所設定的poweradmin就會看到登入畫面囉!
梅問題-Opencart教學-更改admin後台登入路徑
  經梅干實際使用OpenCart的購物車,確實蠻不錯用的,若要自已開發這些功能,那得花上不少的時間,最近梅干也在製作一個安裝懶人包,只要一直下一步,就可完成安裝,連同一些語系也一併設定完成,目前還在測試中,改天再來分享,若已在使用OpenCart的朋友們,不坊先將後台改一下喔!多道防護措施。

自架購物平台-OpenCart購物商城05-啟用滿額免運費

$
0
0
梅問題-opencart教學-opencart也有滿額免運費的機制
  最近發現有愈來愈朋友,也開始自已著手架設屬於自已的購物車,而Opencart就是一個相當簡單,且好上手的購物車模組,而最近梅干工作上有些小忙,進了一堆貨都還沒時間拍照與上架,使得購物王一直遲遲沒更新,但最近梅干發現到一個小問題,當今天商品於屬於低單價時,若硬是加上運費,那每件商品都會變得貴到嚇死人,這也難怪像博客來或是一些網購平台,都會有滿額免運費的機制,如此一來就不會發生運費比商品還貴的情況,這機制OpenCart內建就已提供了,只要開啟並設定滿額與運費,立即就可實現滿額免費的夢想啦!
Step1
進入OpenCart後台,點選擴展功能 / 訂單總計
梅問題-opencart教學-opencart也有滿額免運費的機制
Step2
進入訂單總計的管理界面後,接著點【訂單總價過低處理費】後方的編輯
梅問題-opencart教學-opencart也有滿額免運費的機制
Step3
接著在訂單總計:設定滿額上限,收費:是設定當金額不滿時,則會出現酌收多少運費,都設定好後再把狀態設為啟用
梅問題-opencart教學-opencart也有滿額免運費的機制
Step4
這時立即可測試看看,當金額不滿預設時,就會出現運費,若消費金額超過時,哈~就免運囉!
梅問題-opencart教學-opencart也有滿額免運費的機制
  這一個機制相當的實用,OpenCart的功能算是相當齊全與完整,一般購物網應該有的機制,它內建幾乎都有了,唯一各位會感到比較難上手的,應該是在於佈景的部分,由於它是採用MVC架構開發,所以檔案一隻包一隻的,但只要花點時間稍稍的理解一下,大至了解它的架構後,就可輕易的修改成自已所需的樣版。

自架購物平台-OpenCart購物商城06-附加配件設定

$
0
0
梅問題-opencart教學-附加配件說定
  最近梅干進了一組三合一觸發器,除了可觸發一般的棚燈與機頂燈外,同時還可拿來當成相機的無線快門使用,雖然說很方便,但有個令梅干比較困擾的是,閃燈連接線沒什麼太大問題,但快門線就讓梅干感到頭大,由於各家品牌相機的快門接腳都不一樣,光Canon就有二種規格、Nikon有三種,若再加Sony、Olmpus就夠讓人昏頭,難不成要個自新增成一筆商品,這樣就有點呆了,哈!好在這些OpenCart早已都想到了,所以內建就可自由的新增附加選項,讓使用者可自行選擇所需的型號,甚至OpenCart還可像Yahoo或PChome設定成加價購的方式,這也是讓梅干愈來愈喜愛OpenCart的原因。
Step1
進入OpenCart的後台,新增一筆商品,並切到【選項設置】頁籤,點右上角的【添加選項】鈕。
梅問題-opencart教學-附加配件說定
Step2
接著在【選項名稱】的地方,輸入附加配件的標題,完成後再點下方的【添加選項數值】鈕。
梅問題-opencart教學-附加配件說定
Step3
直接在選項數值中輸入配件型號,若該配件有數量的限制,可在商品數量中作設定,若該配件是需要額外加購的話,在銷售價格中可輸入配件的價格 。
梅問題-opencart教學-附加配件說定
Step4
若配件的型號很多時,只要來回來的新增,就可加入多筆選項 。
梅問題-opencart教學-附加配件說定
Step5
哈~這樣子就可加入多筆,完成後別忘了按右上角【保存】,將商品給儲存起來。
梅問題-opencart教學-附加配件說定
Step6
發佈後,馬上到前台瞧瞧!這時候在商品的右下角,就會看到一個下拉選單,這樣使用者就可自行選擇所需的型號啦!
梅問題-opencart教學-附加配件說定
  若是賣衣服的朋友們,應該就相當的需要,衣服除了有尺寸的問題,同時還有顏色,這時就可將配件設成二大類,一類是尺寸、一類是顏色,而這邊梅干的商品只有一個大項,所以就沒有示範多選項的部分,而這功能相當的好用,還可玩加價購,重點是還可設定選項排序,真得不禁讓梅干覺得糾甘心,作者的想的真是周到。
[實例展示]

自架購物平台-OpenCart購物商城07-將臉書的回應變成產品Q&A

$
0
0
梅問題-OpenCart教學-將FacebookComments臉書回應變OpenCart產品Q&A
  雖然說Facebook(臉書)已不像前陣子來的那麼夯,但不可否認的是依然是目前最大的社群網站,同時也擁有破億的會員數,且幾乎人人都有Facebook的帳號,再加上Facebook還推出不少的API供大家使用,而在臉書中有提供一個相當實用的機制,那就是回應功能,所以梅干今天就花了點時間,試著將Facbook Comments與OpenCart整合在一塊,把Facebook Comments變成OpenCart的Q&A來使用,這樣就可善用Facebook的會員啦!
Facebook Comments小檔案:
資源名稱:Facebook Comments
適用平台:各式網頁平台
申請網址: http://developers.facebook.com/docs/plugins/

Step1
進入後點下方的Comments連結。
梅問題-OpenCart教學-將FacebookComments臉書回應變OpenCart產品Q&A
Step2
接著輸入要網址筆數寬度以及留言區塊色彩,目前顏色只有亮跟暗二種。
梅問題-OpenCart教學-將FacebookComments臉書回應變OpenCart產品Q&A
Step3
按下GetCode後,將輸入框中的原碼複製出來。
梅問題-OpenCart教學-將FacebookComments臉書回應變OpenCart產品Q&A
Step4
複製好後,接著開啟OpenCart佈景中的product/product.tpl檔,並搜尋review_status關鍵字。
梅問題-OpenCart教學-將FacebookComments臉書回應變OpenCart產品Q&A
Step5
把中間的碼全部清空,再將剛的原始碼貼入,並且把en_US改成zh_TW
梅問題-OpenCart教學-將FacebookComments臉書回應變OpenCart產品Q&A
Step6
接著將href網址後方加入?route=product/product&product_id=<?php echo $product_id; ?>
梅問題-OpenCart教學-將FacebookComments臉書回應變OpenCart產品Q&A
Step7
這時回到前台的畫面,切到Q&A就會看到Facebook的回應區塊了,這時你可選擇要登入的帳號。
梅問題-OpenCart教學-將FacebookComments臉書回應變OpenCart產品Q&A
Step7
登入完成後,就可直接回覆問題啦!
梅問題-OpenCart教學-將FacebookComments臉書回應變OpenCart產品Q&A
  Facebook Comments這個機制很不錯,已有不少的網站都改用此服務,像重灌狂人、digiphoto、美國CNN也都採用了,經梅干實際使用結果,發現真的蠻不錯用的,但唯一令梅干比較困擾的是,目前尚無管理畫面,所以若要知道全部的留言,梅干目前的想到的作法是,把每頁的網址參數列表成一頁,這樣才可瀏覽所有的留言,在管理上是有點不便,期待日後會有所改善。

自架購物平台-OpenCart購物商城08-數量超出庫存跳警示框

$
0
0
梅問題-OpenCart教學-購買數量超出庫存跳出警訊框
  上星期好友小朱爸問到梅干關於Eye-Fi SD無線記憶卡的部分,正好梅干先前買了一些,身旁的朋友分一分後就僅剩一片,於是梅干就放到敗家梅中,沒想到小朱爸還真是情義相挺,梅干才上架沒久,小朱爸就立即下單了,也給了梅干幾個建議,由於梅干庫存僅剩一片,但小朱爸要二片,所以一直按加入,使得數量變成了N個,超出了庫存量,雖然OpenCart超出庫存時,會出現粉紅警訊條,但確實不是很明顯,小朱爸建議是否能有跳出框,這樣比較容易知道出了什麼狀況,所以梅干速速就處理,並將處理的過程整理了一下,現在就與各位來分享。
Step1
開啟catalog\view\theme\主題名稱\template\checkout\cart.tpl,接著找到<div class="warning">...</div>下方加入以下的語法:
<script>alert("訂講商品數量不足,請檢查購物清單:\r\n當商品後方有出現****表示訂購數量超過存貨量。");</script>

梅問題-OpenCart教學-購買數量超出庫存跳出警訊框
Step2
接著上傳到遠端的主機中,日後當數量超出庫存量時,就會跳出一個警告框啦!
梅問題-OpenCart教學-購買數量超出庫存跳出警訊框
  雖然OpenCart無論在架構還是架設上,都相當的完善,但就是有些小地方需要客製化一下,尤其是在佈景的部分,相信很多朋友對於它的佈景應該一個頭二個大,由於它的佈景主題分佈的較繁索,梅干會再找時間整理滴!至於這個問題,只要加一小行,就可搞定囉!而小朱爸是位專業的婚禮攝影師,若最近要結婚的朋友,也可到小朱爸的網站參考看看囉!
[小朱爸的婚禮攝影]

自架購物平台-OpenCart購物商城09-數量下拉不累加

$
0
0
梅問題-opencart教學-購買數量下拉不累加
  用了好一陣子的OpenCart,也修改了一些設定,讓它更符合國人使用,而最近好友小朱爸給了梅干一些小建議,除了上回跳出警訊框外,再來就是產品數量的部分,由於OpenCart在數量購買的部分,每按一次加到購物車就會一直向上累加,比方庫存量只有5筆,卻會無上限的累加上去,當要結帳時才發現數量超出的問題,所以梅干就花了點時間作點修改,並且在好友男丁的相助也順利的完成,現在就與各位來作分享。
product.tpl:
Step1
找到原來的數量位置後,將它先註解起來,並把下方的語法貼上。
路徑:catalog\view\theme\佈景名稱\template\product\product.tpl
修改程式碼:
<select name="quantity" id="quantity">
<?php for($i=1; $i<=$stock; $i++){ ?>
<option value="<?php echo $i?>" <?php if($i==1){ echo "selected=\"selected\"";} ?>><?php echo $i?></option>
<?php }?>
</select>
梅問題-opencart教學-購買數量下拉不累加
cart.php:
Step1
找到$qty後,將部分原始碼註解起來。
路徑:system\library\cart.php
修改程式碼:
public function add($product_id, $qty = 1, $options = array()) {
if (!$options) {
$key = $product_id;
} else {
$key = $product_id . ':' . implode('.', $options);
}

if ((int)$qty && ((int)$qty > 0)) {
 //if (!isset($this->session->data['cart'][$key])) {
  $this->session->data['cart'][$key] = (int)$qty;
 //} else {
  // $this->session->data['cart'][$key] += (int)$qty;
 //}
}
$this->setMinQty();
}
梅問題-opencart教學-購買數量下拉不累加
梅問題-opencart教學-購買數量下拉不累加
這樣就大功告成啦!當選擇購買數量時,除了會依照庫存量作為總數外,選完加入購物車時,只會加一次,若選擇二筆時,數就會變成2,不會像之前先選了1再換成2時,就會累加變成3,如此一來就更加的方便,也不用擔心數量超出的問題。

自架購物平台-OpenCart購物商城10-簡化會員註冊表單

$
0
0
梅問題-opencart教學-簡化會員註冊表單
  最近陸續有不少朋友,也開始著手架設屬於自已的購物車平台,而最常見的問題,除了佈景與外掛資源較少外,再來就是會員的註冊表單,由於OpenCart是由國外的朋友所開發的,因此在會員註開表單中,會發現到與我們的現實環境差異甚遠,而在敗家梅購物王中,梅干則是直接修改表單,將不必要的出現的欄位給隱藏起來,由於梅干是直接修改佈景,所以下次當換佈景時又得重新修改一次,所以梅干請教了好友男丁是否有較聰明的作法,哈~老師就是不一樣,馬上就用jQ寫了一隻小程式,直接套用就可簡化會員表單,讓它更符合大家使用喔!
Opencart簡化會員表單外掛:
外掛名稱:ocReg
開發者:男丁格爾
適用版本:1.4.9.1+
外掛下載:

Step1
解壓縮後,將reg.js放到catalog\view\javascript\下。
梅問題-opencart教學-簡化會員註冊表單
Step2
分別修改catalog\view\theme\佈景名稱\template\account下的create.tpledit.tpladdresses.tpladdress.tpl這四隻檔案。
梅問題-opencart教學-簡化會員註冊表單
Step3
<?php echo $footer; ?> 上方加入以下語法:
<!-- 註冊表單簡化 by abgne.tw -->
<script src="catalog/view/javascript/reg.js"></script>

梅問題-opencart教學-簡化會員註冊表單
Step4
最後儲存上傳到指定位置,就大功告成囉!
梅問題-opencart教學-簡化會員註冊表單
  這一切真是多虧了好友男丁的相助,能在百忙之中抽空寫隻小程式,將會員註冊表單簡化,讓表單與現實環境相符,好友男丁可真是佛心來著,程式找他準沒錯的啦!而現在各位完全無需寫任何的程式,只要載入就會自動的完成會員註冊表單的簡化啦!

自架購物平台-OpenCart購物商城11-歐付寶金流串接

$
0
0
梅問題-自架購物平台-OpenCart購物商城10-歐付寶金流串接
  透過Opencart可快速的架設購物平台,且完全無需具備任何的程式背景,就能建造出一個專業又穩定的購物車,雖然Opencart內建也有些既定的付款機制,像是國外相當流行的Paypal、Amazon,但這有些不太符合台灣的消費習慣,雖然說可透過第三方的付款機,就可完成線上刷卡的機制,但礙於梅干所用的Opencart是超老舊的版本,因此並無法使用,所以在這次的春節期間,梅干除了四處趴趴造外,再來就是測試一下,如何將歐付寶的金流與Opencart作串接,弄了快一個星期,終於將金流的部分也給搞定了,由於歐付寶除了信用卡外,還提供了虛擬ATM、超商繳費、信用卡分期.....等機制,相當的不錯,而梅干也將整個串接的過程整理了一下,至於要怎麼串呢?現在就一塊來看看吧!
歐付寶金流:
金流平台:歐付寶
模組下載:歐付寶 | 梅干整合包(Opencart+歐付寶)

Step1
先到歐付寶註冊為會員,接著再到歐付寶金流模組中,下載OpenCart的版本,而此外掛建議用OpenCart1.5.6.4的版本,較不會出現不必要的問題。
梅問題-自架購物平台-OpenCart購物商城10-歐付寶金流串接
Step2
解壓後,分別將admin、catalog的資料夾,上傳並覆蓋掉原來的檔案。
梅問題-自架購物平台-OpenCart購物商城10-歐付寶金流串接
Step3
上傳好後,回到OpenCart的後台界面,點一下 擴充模組 / 付款,就會看到歐付寶的各種支付方式。
梅問題-自架購物平台-OpenCart購物商城10-歐付寶金流串接
Step4
當要啟用信用卡付款時,點一下後方的安裝
梅問題-自架購物平台-OpenCart購物商城10-歐付寶金流串接
Step5
安裝完畢後,再按編輯
梅問題-自架購物平台-OpenCart購物商城10-歐付寶金流串接
Step6
接著先開啟測式模式,當確定沒問題後,再將測試模式給關閉,接著有個地方很重要,就是商店代號、金鑰、向量三個欄位,一定要輸入正確,才能正常運作
梅問題-自架購物平台-OpenCart購物商城10-歐付寶金流串接
Step7
上步驟的三欄,可從歐付寶的會員登入中查看。
梅問題-自架購物平台-OpenCart購物商城10-歐付寶金流串接
Step8
登入後,到系統介接設定中,就可找到。
梅問題-自架購物平台-OpenCart購物商城10-歐付寶金流串接
Step9
當都設定好後,立馬來結帳看看。
梅問題-自架購物平台-OpenCart購物商城10-歐付寶金流串接
Step10
接著結帳的部分,會導到歐付寶的付款畫面。
梅問題-自架購物平台-OpenCart購物商城10-歐付寶金流串接
Step11
為了防止盜刷,所以會多一道的簡訊驗證,當手機收到驗證碼後,再填入輸入框中,才會完成交易的動作。
梅問題-自架購物平台-OpenCart購物商城10-歐付寶金流串接
Step12
當結帳完成後,畫面則會再導回原來的購物車頁面中,若有任何問題,也請直接使用梅干的整合包,應該能順利的完成串接。
梅問題-自架購物平台-OpenCart購物商城10-歐付寶金流串接
Viewing all 11 articles
Browse latest View live




Latest Images