使用教學

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

直接購買按鈕

/* 直接購買 */
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;
 }  

為了防止有心人士暴力破解密碼或是使用機器人大量嘗試攻擊，因此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 的驗證碼輸入到下圖的欄位中

FB app應用如果出現提示，要求提交用戶資料刪除的連結

可以輸入https://你的網站網址/article/detail/privacy_policy
例如：
https://demo.ollstore.com/article/detail/privacy_policy

記得將下面這個連結內的內容，添加到隱私權政策頁
https://demo.ollstore.com/article/fbappdel

資料刪除說明流程

1. 進入您 Facebook 個人檔案的應用程式和網站設定頁籤：https://www.facebook.com/settings?tab=applications
2. 移除您的應用程式。

• 插入Youtube影片

插入Youtube影片

方式一

複製youtube網址，例如下圖中的
https://www.youtube.com/watch?v=JWDNE9L29ZI

複製網址後，在編輯器內點選［影片］按鈕

將網址貼入，有看到預覽畫面表示成功。

注意!! 以下幾種連結為錯誤格式，會導致影片解析不出來
錯誤格式一: 帶有?v= 以外的參數，例如 &feature=youtu.be
http://https//www.youtube.com/watch?v=JWDNE9L29ZI&feature=youtu.be

正確的格式:
(一). https://www.youtube.com/watch?v=JWDNE9L29ZI
(二). https://www.youtube.com/embed/JWDNE9L29ZI
(三). https://youtu.be/JWDNE9L29ZI (2020.04.06新增格式)

原始機制:所有單頁式銷售頁與官網共用同一個購物車

舉例:假設有一件商品 氣炸鍋(A001)
顧客在單頁式銷售頁A 將氣炸鍋(A001)加入購物車 x 4
顧客又到官網再次將氣炸鍋(A001)加入購物車 x 1
後來顧客又進入單頁式銷售頁B 再次將氣炸鍋(A001)加入購物車 x 2
無論顧客進入哪一個頁面購物車內會顯示 氣炸鍋(A001) x 7

新版機制:每個單頁式銷售頁面購物車與官網購物車彼此獨立

舉例:假設有一件商品 氣炸鍋(A001)
顧客在單頁式銷售頁A 將氣炸鍋(A001)加入購物車 x 4
顧客又到官網再次將氣炸鍋(A001)加入購物車 x 1
後來顧客又進入單頁式銷售頁B 再次將氣炸鍋(A001)加入購物車 x 2

顧客進入銷售頁A 購物車會顯示 氣炸鍋(A001) x 4
顧客進入官網 購物車會顯示 氣炸鍋(A001) x 1
顧客進入銷售頁B 購物車會顯示 氣炸鍋(A001) x 2

新機制的好處:

好處1.優化結帳的流暢度

原始的機制會出現 顧客在官網購買了［官網專用商品］ 後來又跑到銷售頁去結帳，但含有官網專用商品導致無法結帳，必須要刪除官網專用商品才能結帳。
新版機制的話，顧客在官網購買了［官網專用商品］在進入銷售頁，顧客不會看到從官網加入的商品，顧客可在此頁直接加入該銷售頁商品後直接結帳。之後顧客在回到官網就又會出現當初在官網加入的商品

好處2.可優化單頁式銷售頁業績精準度

原始的機制，顧客在單頁式銷售頁A加入了一些商品，後來又跑到單頁式銷售頁B去結帳，此時會將業績都視為是銷售頁B的。
又或者顧客從官網加入了一些商品，後來跑到某個銷售頁，官網的商品業績也會都視為是該銷售頁的。

新版的機制，則會不同的銷售頁有不一樣的購物車，因此在銷售頁A所加入購物車的商品，業績就只會算在銷售頁A。不會在出現原始機制的情況。

新機制缺點:

顧客在多處加入購物車，就得各別去結帳。無法一次結帳所有購物車。
例如在銷售頁A、銷售頁B、官網都有加入商品。顧客必須到銷售頁A、銷售頁B、官網分開各別結帳。