OLLSTORE 網路開店電商教學

LineNotify將於2025-03-31結束服務，因此之前透過它的新訂單通知…之類的通知都即將失效，這樣對於商家來說無法即時取得通知，可能會因此漏單，這對於用戶來說不是好事。起初我們打算轉移到Telegram來作為替代方案，但想了想會不會哪天這樣服務又收掉了呢? 因此我們決定，自研一個APP。OLLSTORE商家小幫手就此誕生。

下載方式

iOS：前往App Store 搜尋 OLLSTORE商家小幫手 

Android: OLLSTORE商家小幫手.apk

OLLSTORE商家小幫手功能

1.查看當日網站銷售數據、網站流量…

2.接收網站通知

3.簡易查詢網站訂單、管理訂單

通知功能

可接收以下通知

1.顧客下單新訂單通知
2.商品低庫存通知
3.未處理訂單通知(定時提醒，有已付款尚未出貨訂單)
4.商品低庫存通知(低於安全庫存之商品將會通知)
5.訂單問與答通知
6.聯絡我們通知
7.取消訂單通知

OLLSTORE商家小幫手，登入方式參閱下面連結

https://demo.ollstore.com/page/ollstore-helper-app

登入藍新後台 > 銷售中心 > 銷售紀錄查詢

選擇［信用卡交易專用查詢］，會顯示信用卡類型的訂單紀錄 > 執行 > 取消授權

使用教學

這邊將示範如何修改 自訂商品介紹內頁，裡面的直接購買、 加入購物車 、追蹤商品這三個按鈕的配色。

直接購買按鈕

/* 直接購買 */
div.main_page.page_product_detail .pd-action-group a.btn-main{
     /*背景色*/
     background:#000000;
    /*邊框色*/
    border-color:#aa0000;
    /*文字色*/
    color:#ffffff;
 }
 /* 直接購買 ，當滑鼠在按鈕上時(hover)*/ 
div.main_page.page_product_detail .pd-action-group a.btn-main:hover{
     /*背景色*/
     background:#ffffff;
    /*邊框色*/
    border-color:#aa0000;
    /*文字色*/
    color:#000000;
 } 

加入購物車按鈕

 
/* 加入購物車 */
div.main_page.page_product_detail  div.row.pd-action-group.row-no-gutters.mb-md  a.btn-info{
     /*背景色*/
     background:#66aa66;
    /*邊框色*/
    border-color:#aa0000;
    /*文字色*/
    color:#ffffff;
 }
 /*加入購物車，當滑鼠在按鈕上時(hover)*/ 
div.main_page.page_product_detail  div.row.pd-action-group.row-no-gutters.mb-md  a.btn-info:hover{
     /*背景色*/
     background:#3333ff;
    /*邊框色*/
    border-color:#aa0000;
    /*文字色*/
    color:#000000;
 }  

追蹤商品按鈕

 
/* 追蹤商品按鈕 */
div.main_page.page_product_detail  div.row.pd-action-group.row-no-gutters.mb-md  a.btn-danger{
     /*背景色*/
     background:#aaaa66;
    /*邊框色*/
    border-color:#aa0000;
    /*文字色*/
    color:#ffffff;
 }
 /* 追蹤商品 ，當滑鼠在按鈕上時(hover)*/ 
div.main_page.page_product_detail  div.row.pd-action-group.row-no-gutters.mb-md  a.btn-danger:hover{
     /*背景色*/
     background:#6565aa;
    /*邊框色*/
    border-color:#aa0000;
    /*文字色*/
    color:#000000;
 }  

價格的文字與金額的顏色

/商品內頁 文字:網路價 的顏色/
 h4.item_price span.price_actu_title{color: #363630;}
 /商品內頁 網路價(價格) 的顏色/
 h4.item_price .text-danger span{color: #dc3545;}
 /商品內頁 市價(價格) 的顏色/
 .shop_single_page .item_description h4.item_price del.price_sugg {color:#999;}

為了防止有心人士暴力破解密碼或是使用機器人大量嘗試攻擊，因此OLLSTORE系統添加了兩階段登入機制，雖然會讓登入流程變多，但為了保障資料安全，設定兩階段登入非常有必要。

快速說明兩階段登入的好處，手機綁定Google Authenticator 以後，每隔30秒都會隨機產生6碼數字，在系統後台登入時，則需要將此6碼驗證登入碼輸入。
這樣即使有心人士破解了您的密碼，但他不知道兩階段登入碼的話，則仍然無法登入。

設定方式

首先，登入系統後台，點個人資料

接著，找到裡面的兩階段登入區域，點選[設定兩階段登入]的按鈕。
(再點選之前可以先下載 Google Authenticator App )

系統便會產生一組Auth Token 以及此Auth Token對應的QR Code
您可以在 Google Authenticator App 內以手動填寫Auth Token的方式 或者直接掃描此QR Code

在 Google Authenticator App 添加成功後 ，便會出現一組名為OLLSTORE的動態驗證碼。

接著將驗證碼輸入到上圖[驗證登入碼]的位置，並按下驗證。

驗證通過的話，就會系統就會顯示［已開啟兩階段登入］的畫面

如果需要取消兩階段登入，則需要輸入驗證登入碼，並按下［重設兩階段登入］，驗證成功後，將會關閉兩階段登入。

兩階段登入方式

開啟兩階段登入機制以後，未來登入系統都需要將 Google Authenticator App 的驗證碼輸入到下圖的欄位中