網店店面
本指引以 OpenCart 預設商店主題作出介紹。商店前台展示了顧客如何看待和與店面作出互動。
預設主題
OpenCart 系統於安裝時會連預設主題也一併安裝：
上圖中展示的產品是 OpenCart 系統安裝的示範產品資料，使用者可於管理者介面中修改或刪除產品資訊。
本指引將使用預設商店主題瀏覽店面的基本流程。使用者可於 OpenCart 官方市場購買心儀的主題使商店更個性化。
導覽商店
OpenCart的預設主題可以讓顧客輕鬆訪問商店的產品。
剖析主頁
在一個網站中，主頁(index)可以是全個網站最重要的一頁。在大多數情況下，這將會是客戶與商店互動的第一頁（特別是如果他們從搜索引擎指向商店網站）。商店的主頁介面必須是容易使用並同時能突出商店的產品。
熟悉自家的店面，第一步是了解 OpenCart 預設主題中的主頁。
1. 頁首與頁尾
商店的頂端部份，頁首將會於整個網站都顯示出來，並不只有主頁才能顯示。
頁首會有以下的部份：
| 商店商標 | 點擊商標時，顧客可以從其他頁面返回主頁；如沒有商標便會顯示商店名字。 |
| 貨幣 | 如商店支援兩種或以上的貨幣時，此欄會顯示選項供顧客選擇 |
| 購物車 | 顯示顧客所選取了的產品數量及價錢 |
| 搜索引擎 | 輸入關鍵字以搜尋所需產品 |
| 連結 | 預設多項連結到主頁、心願單、我的帳戶、購物車及結帳等位置 |
| 電話 | 商店/公司的聯絡電話 |
| 我的帳戶 | 顧客可以從這裡進行登記或登入商店的會員系統 |
頁尾則是位於整個網頁的末端，也是設置於每一頁中，使其網整擁有一個完整的外觀。此部份將顯示了商品以外的頁面連結及部份重要資訊。
頁尾會有以下的部份：
| 一般資訊 | 關於我們、運輸資訊、隱私政策、條款及細則 |
| 客戶服務 | 聯絡我們、退貨、網站導覽 |
| 額外資訊 | 品牌、禮物優惠券、加盟、特別優惠 |
| 我的帳戶 | 我的帳戶、訂單紀錄、心願單、電郵優惠 |
2. 置頂分類選單
此選單只會顯示主要產品類別，並於產品類別中選取了置頂(Top)選項後才會出現。此部份亦會於每頁的頂部(頁首下方)顯示。
若果產品類別下有其他分類，當滑鼠指著選單時，其次要分類便會以下拉表單形式顯示出來。
關於如何創建及修改產品類別，詳情請參閱產品類別。
當主要產品類別被點擊時，顧客將被引導到類別頁面，該頁面顯示該類別內的所有產品。
3. 幻燈片
幻燈片所展示的橫額可以配上連結到網站內的指定產品、頁面或者可以連結到外部網站。此功能可支援多張橫額圖片，每相隔一段時間便會轉移到下一個橫額。橫額在此功能下是為了突出某些產品或優惠，以便客戶訪問及作出推廣等用途。
4. 精選產品
使用者可自行選取首頁中的精選產讓顧客更容易了解商店的特色及定義商店類別。
此功能可以同時列出產品相片、名字以及售價，同時亦可以從中直接新增產品到購物車或心願單中。
5. Carousel (旋轉木馬)
「旋轉木馬」功能可載入多個產品，效果與幻燈片相近，但可以集中展示同一個類別下的產品。
產品頁面
預設之產品頁面會如下圖所示。
此頁面會分為以下幾個部份：
| 產品圖片 | 產品圖片展示於標題下的左方，以及下方的產品相關圖示。當點擊圖片時將會展開圖像，以供顧客放大觀看。 |
| 產品資訊 | 放置於圖片的右方，顯示產品編號、庫存狀態、售價等資訊。 |
| 購買選項 | 顧客可於資訊下方點選所需的產品細節，如大小、顏色等，並加入購物車或心願單及產品比較。 |
| 評級及分享 | 在購買選項下方設有評價產品以及在不同的社交媒體網站上分享產品 |
| 產品描述 (標籤) | 詳細介紹產品特性，可設置圖片及文字 |
| 規格 (標籤) | 若產品有填寫屬性 (Attributes) 便會於這部份出現。 |
| 評級 (標籤) | 所以已對此產品評級的訊息都會於這個部份顯示。 |
產品類別清單
產品類別清單可以清晰將各種產品分類，分類法可以使顧客很容易尋找自己所需的產品並可容易作出比較。產品類別的頁面可以從多個位置進行訪問，其中一項就是點擊主要產品類別；另外，在產品頁面上，顧客可以通過點擊左邊預設的產品類別清單來訪問該類別之清單頁面。詳情請參閱產品類別。
如上所示，產品類別清單顯示在產品頁面的左側。頂部的分類標題下是產品類別圖片以及其文字簡述，若使用者添加兩者後便會於前台顯示，並能使顧客更清楚產品類別及其特色。精確搜索 鏈接到該類別的子類別供顧客瀏覽。產品清單上方設有兩個按鈕，用來更改產品清單的展示模式；亦可以在按鈕的右方選取產品的排列方法及每頁最大的展出數量。
在每一個產品都會顯示其字名、介簡、售價及評級，而在其底部都設有三個按鈕，分別是新增至購物車、心願單和比較。
產品比較
透過比較功能，使顧客可以更清晰知道每一種產品的特性、規格、售價。
於比較頁面中，若顧客從中找到他們所需的產品，他們亦可從該頁面將產品加入購物車中。
購物車
當顧客將產品已新增到購物車後，只要他們按下購物車的按鈕便能進訪問購物車的頁面進行修改或結帳。
於購物車的清單中，可以看見加入了的產品一部份的資訊：產品圖片、產品名字、型號、購買數量、每件售價以及合共價錢。在產品清單下方，OpenCart 更設有了優惠碼及優惠券系統，如果顧客有適用於商店的優惠券便可以在這裡填寫並使用。之後就會看見是次結帳的實收數目，系統會自動將稅項計算到最底部合共付款的位置。在確認了沒有問題後便可以按下結帳 (Checkout)繼續來進行下一步或者按繼續 (Continue)返回主頁繼續購物。
創建新帳號
在完成結帳程序前，顧客需要選擇以非會員身份或是會員身份結帳。由於非會員必須每次填寫較多的資料才能完成結帳流程，相反已是會員的顧客可以輕鬆選擇所需的支付平台及運輸方法購物。OpenCart亦支援商店必須要求顧客擁有會員帳號才能夠結帳。
如顧客想創鍵新帳號可以透過以下方法：
結帳
於非登入的狀態下前往結帳，客人會於第一步時要求登入、創建新帳號或非會員身份結帳，這時候可以選擇創建新帳號進入第二步。第二步會要求輸入個人資料、帳號密碼及通訊地址。當完成第二步後，就會建立了會員帳號並可以繼續結帳流程。
我的帳戶
除了結帳時創建帳號，顧客都可以從頁首的我的帳戶中建立新帳號，導入下一個頁面時，可以選擇登記新帳戶或登入，點選左側的創新帳號並進入登記表格。填好表格後提交便可以完成創建帳號程序。
結帳
當產品被添加到購物車中，顧客可以進行結賬以購買其產品。只要點擊頂部的結帳連結就可以進入結帳頁面，顧客使用OpenCart進行結帳只需要六個步驟就可以完成購物。
第一步 結帳選項
選擇結帳身份會員、非會員或創建新帳號進行結帳。
第二步 帳單資料
填寫帳單資料包括：姓名、電郵、電話以及帳單地址。
第三步 送貨資料
若果送貨資料與帳單資料是相同，可點選下方的空格直接進入第四步；否則顧客須填寫收件人的資料並繼續下一步。
第四步 運輸方法
選擇運輪方法及備注事項。
第五步 付款方法
選擇付款方法及備注事項
第六步 確認訂單
最後，顧客會看到是次購物的概覽資料、數量、包含括稅收及運費的訂單價錢。按下確認後便會進入相關的支付平台進行繳。
商店前台的所有改動都從管理者介面控制
上述的功能都可以在管理者介面進行修改，使用者可以更改產品的位置、禁用類別、編輯價格和描述，以及上傳橫幅等。透過這些改動，OpenCart系統可以有助建立店鋪品牌。