OpenCart 安裝完成後，應再補強的6個功能

安裝好一個基本的 OpenCart 網站，只能算是經營品牌電商的第一步，不論您是由主機商免費幫您安裝、或是主機提供的一鍵安裝、或是自行下載檔案安裝、或是花錢聽課學會的安裝，此時的 OpenCart 網站，雖然已經能提供下單的功能，但仍只是一個陽春的購物網站，用戶體驗尚待加強，還不具有品牌的質感，還談不上高端大器，如果您想經營好您的品牌，那麼接下來還有一些地方一定要再加強。

一、 安裝第三方版型
OpenCart 內建的版型，從 2014 年 2.0 版釋出之後，就沒有再美編優化過，近五年以來，已經不知道有多少 OpenCart 的網站，是使用這組內建的版型，或許你可以調整主要配色，但整體的框架、模組區塊、Slider 樣式，看起來仍然大同小異，如果您想經營一個擁有自己調性的品牌電商，那您就應該換掉這套與許多網站幾近同模的版型。
底下的連結是專門販售 OpenCart 版型的最大賣場，版型排序是依據累計銷售量，通常選擇銷售第一名的版型，風險最低，其實並不難選擇。
版型賣場連結 https://themeforest.net/category/ecomme ... sort=sales
銷售第一名的 Journal 版型，累計銷售量是第二名的 3 倍以上，只要是熟悉 OpenCart 系統的商家，幾乎都會指定安裝銷售第一的 Journal 版型，不過由於 Journal 版型的功能強大，後台的設定也會比較複雜一些，不過通常來回操作幾次就會逐漸上手。 但有些廠商為了便宜行事，會故意幫商家安裝功能比較簡單的版型，在此提醒商家，故意不推薦銷售第一名的版型，一定是不懷好意，請審慎評估啊!

二、 採用一頁式結帳
OpenCart 內建的結帳流程，有六個步驟，不是很友善，更換成一頁式的結帳，比較直覺，在 OpenCart 的市集(MarketPlace)中，就有一頁式結帳的模組可以購買或免費下載，前面提到的銷售第一名的版型(Journal Theme)，也有附帶一頁是結帳的模組，有些一頁式結帳的模組，還能直接隱藏欄位，例如地址2(補充)，甚至自訂地址欄位的排序，讓地址填寫比較符合台灣的習慣，所以使用一頁式結帳，對用戶體驗會有很大的提升。

三、 宅配滿額自動免運費
OpenCart 並沒有內建宅配滿額自動免運費的功能，內建的宅配模組，是一個固定運費的模組，無法設定訂單超過多少就免運，從拍賣平台或商城，常以運費補貼的方式來吸引消費來觀察，就可以看出台灣的消費者，對於運費是相當敏感的，所以一個購物網站提供滿額免運，是非常直接而有效的行銷手段，您也應該要擁有這項功能。

四、 只顯示合理的付款方式
OpenCart 系統對於付款方式的控管，只提供設定適用地區及訂單金額門檻，只要買家的地址符合適用地區、訂單金額達到門檻，結帳時就會出現符合前2項條件的付款方式，然而付款方式與運送方式其實是有一定的相依性，例如買家選擇宅配的運送方式時，就不應該出現超商取貨付款的付款選項，即使買家誤選的機率可能不高，不過網站會給予消費者有不夠專業、設計不良的負面印象，應該改善此問題，官方的 Market Place 有相關的模組可以購買，或找專業工程師修改亦可。

五、 FaceBook 帳號登入
許多網友已經很習慣採用 FaceBook 帳號來註冊或登入購物網站，因為可以免除註冊會員的程序，也不需額外記憶一組帳號及密碼，所以有越來越多的消費者，習慣使用 FaceBook 的帳號來登入購物網站，所以為自己的購物網站提供 FaceBook 帳號的登入功能，可以簡化消費者購物的程序，也間接提高了轉換率，絕對有加分的效果。

六、 會員資料欄位簡化及排序調整
OpenCart 內建的會員資料欄位排序方式，是以國際慣用的姓名、地址格式來設計，先[名字]後[姓氏]，先[地址]然後[鄉鎮市區]再[縣市]最後[國家]，對台灣的使用者來說，真的非常的不順眼，不只容易填寫錯誤，也容易讓人懷疑網站是否已設計完成 ....，調整姓名及地址欄位的排序，讓資料欄位的填寫符合台灣人的使用習慣，雖然不會幫網站加分，但可以避免形象被扣分、減少資料輸入錯誤，也是很必要的補強重點。

架好的一個基本的購物網站，就像是有了自己的店面一樣，雖然可以開始營業了，但不代表訂單就會自動湧進來，您應該再進行一些重要的補強，縮小您與同業網站的差距，否則，如果您的每一個環節，都只有同業的 90%，那麼，您的最終成效將會是您同業的 0.9 x 0.9 x 0.9 x 0.9 ........

Integration with OpenCart

Edit this file

upload/catalog/view/theme/default/template/common/footer.twig

Append Live Helper Chat generated code just above

</body></html>

to look like. Change with your embed code

<script>var LHC_API = LHC_API||{};
LHC_API.args = {mode:'widget',lhc_base_url:'//demo.livehelperchat.com/',wheight:450,wwidth:350,pheight:520,pwidth:500,leaveamessage:true,check_messages:false};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.setAttribute('crossorigin','anonymous'); po.async = true;
var date = new Date();po.src = '//demo.livehelperchat.com/design/defaulttheme/js/widgetv2/index.js?'+(""+date.getFullYear() + date.getMonth() + date.getDate());
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

</body></html>

Clear cache

https://www.templatemonster.com/help/opencart-how-to-clear-cache.html

opencart

 

Catalog

  controller

  account 會員功能

—— account.php 會員功能主頁

—— address.php 會員功能-地址管理

—— create.php 創建帳號

—— download.php 會員功能-商品下載

—— edit.php 會員功能-編輯個人資料

—— forgotten.php 取回密碼

—— history.php 會員功能-訂單記錄列表

—— invoice.php 折扣券接收處理程式

—— login.php 登入

—— logout.php 登出完成頁

—— newsletter.php 會員功能-電子報訂閱取消

—— password.php 會員功能-密碼變更

—— success.php 創建帳號成功訊息

Catalog

  controller

  checkout 結帳功能

—— address.php 結帳功能-地址處理(配送,帳單..地址)

—— cart.php 瀏覽購物清單(購物車)

—— confirm.php 結帳功能-最後確認

—— guest_step_1.php 免登入結帳第一步

—— guest_step_2.php 免登入結帳第二步

—— guest_step_3.php 免登入結帳第三步

—— payment.php 結帳功能-選擇付款方式

—— shipping.php 結帳功能-選擇配送方式

—— success.php 完成結帳成功訊息

Catalog

  controller

  common 主要版面

—— column_left.php 左欄模組載入

—— column_right.php 右欄模組載入

—— footer.php 頁尾

—— header.php 頁首

—— home.php 首頁

—— maintenance.php 維護中顯示頁

—— seo_url.php 網址最佳化處理程式之一(縮短網址)

Catalog

  controller

  error 404錯誤

—— not_found.php 無此頁

Catalog

  controller

  feed 網站地圖和訂閱

—— google_base.php 網站訂閱(feed)

—— google_sitemap.php 網站地圖

Catalog

  controller

  information 網站資訊

—— contact.php 發送信件給店家

—— information.php 商店文章

—— sitemap.php 網站導覽

Catalog

  controller

  module 功能模組

—— bestseller.php 暢銷商品

—— cart.php 購物清單(側欄)

—— category.php 目錄(側欄)

—— featured.php 推薦商品

—— google_talk.php google即時通(側欄)

—— information.php 商店文章(側欄)

—— latest.php 最新商品

—— manufacturer.php 品牌選單(側欄)

—— special.php 特價商品

Catalog

  controller

  product 商品功能

—— category.php 同目錄商品列表

—— manufacturer.php 同品牌商品列表

—— product.php 商品詳細內容頁

—— search.php 搜尋功能

—— special.php 特價商品列表

Catalog

  controller

  payment 付款模組

以上就是前台控制程式的列表

 

如何修改商品一列的顯示數量

 先尝试调整 Settins->Image->Product Image List Size 这个设置的值, 默认是80x80的图片大小, 修改大一些 比如160x160, 这时可能产品显示列表里面就会有些混乱 图片超出方框之类的,
以默认模板为例, 要调整:
\catalog\view\theme\default\stylesheet\stylesheet.css
这个文件947行开始, 如果没有修改过 应该是这样的:
.product-grid > div {
width: 130px;
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 15px;
}

修改成这样:
.product-grid > div {
width: 140px;
display: inline-block;
vertical-align: top;
margin-right: 40px;
margin-bottom: 15px;
}

就是调整width: 140px; 和 margin-right: 40px; Product Image List Size 这三个值, 你可以慢慢修改调整到合适的.

2021年門向吉凶

	2021
		南
	5	1	3
東	4	6	8	西
	9	2	7
		北

 

2019年門向吉凶

2018年門向吉凶