![自設畫面1](/wp-content/uploads/2016/04/2-01.png)
- 設計畫面樣式,分割欄框
- 設定欄框同步,使商品連動
※小編貼心提醒:影片播放時,可點選影片播放器右下角的「齒輪圖示(設定)」,可切換播放畫質為1080p,以享有較佳的觀看畫質。
![1458891307_arrows-43](/wp-content/uploads/2016/01/1458891307_arrows-43.png)
(一)開啟新頁
1.進入方式:(1) 點選主功能列中「自訂頁面」中的「開啟新頁」。![a1-site1](/wp-content/uploads/2016/01/a1-site1.png)
![a0422-1](/wp-content/uploads/2016/04/a0422-1.jpg)
![a0422-2](/wp-content/uploads/2016/04/a0422-2.jpg)
![a1-site4](/wp-content/uploads/2016/01/a1-site4.jpg)
![a1-site4](/wp-content/uploads/2016/01/a1-site4.png)
![a1-site5](/wp-content/uploads/2016/01/a1-site5.png)
![a1-site7](/wp-content/uploads/2016/01/a1-site7.jpg)
![a1-site6](/wp-content/uploads/2016/01/a1-site6.png)
![a1-site7](/wp-content/uploads/2016/01/a1-site7.png)
![a1-site6](/wp-content/uploads/2016/01/a1-site6.png)
![a1-site8](/wp-content/uploads/2016/01/a1-site8.png)
![a1-site11](/wp-content/uploads/2016/01/a1-site11.jpg)
(二)分割及刪除欄框、欄框設定精靈
1.分割欄框:如需要再切割畫面,則可利用「自訂頁面」→「分割欄框」→[水平等分]、[水平三等分]、[垂直等分]、[垂直三等分]執行。可利用此功能,任意調整您想要的看盤畫面喔!(1) 例如:我們將上例的上方視窗(先點選確認為紅色作用視窗),以[垂直等分]再作切割。![a1-site9](/wp-content/uploads/2016/01/a1-site9.png)
![a1-site10](/wp-content/uploads/2016/01/a1-site10.png)
![a0422-1](/wp-content/uploads/2016/04/a0422-1.png)
![a1-site12](/wp-content/uploads/2016/01/a1-site12.png)
![a0422-2](/wp-content/uploads/2016/04/a0422-2.png)
![a0422-3](/wp-content/uploads/2016/04/a0422-3.png)
![a1-site15](/wp-content/uploads/2016/01/a1-site15.png)
(三)設定/解除同步資料
設定同步欄框,是指定那些欄框要和目前的作用欄框成為同一個同步族群,也就是任一個同步族群欄框成為作用欄框時,切換商品,與其同屬同步欄框的畫面,即會同步將內容切換至新商品。解除欄框同步,則是將作用欄框從目前所屬的同步欄框中移除,恢復成獨立欄框。1.設定同步欄框:(1) 點選一個欄框成為作用欄框。例如我們先點選左上「報價組合」為作用欄位。(2) 按下[自訂頁面]中的[設定同步欄框]按鈕,會出現一個對話盒,此時滑鼠游標圖形改變,您可點選要同步的欄框,挑選完畢後按[完成]按鈕即可。![a1-site16](/wp-content/uploads/2016/01/a1-site16.png)
![a0422-4](/wp-content/uploads/2016/04/a0422-4.png)
![a0422-5](/wp-content/uploads/2016/04/a0422-5.png)
![a0422-6](/wp-content/uploads/2016/04/a0422-6.png)
![a0422-7](/wp-content/uploads/2016/04/a0422-7.png)
(四)儲存頁面、開啟舊頁
完成所有設定後,記得要儲存下來,方便往後使用。1.儲存頁面:(1) 點選主功能列中「自訂頁面」中的「儲存頁面」。(2) 若此頁面之前並未被命名,則此時會跳出一對話盒,在畫面中輸入自定的頁面名稱,也可同時指定快捷頁碼,再按[儲存]按鍵即完成;若此頁有命名,則系統會直接執行存檔動作。![a0422-8](/wp-content/uploads/2016/04/a0422-8-1.png)
![a0422-4](/wp-content/uploads/2016/04/a0422-4.jpg)
![a1-site28](/wp-content/uploads/2016/01/a1-site28.jpg)
![a0422-9](/wp-content/uploads/2016/04/a0422-9.png)
![a1-site30](/wp-content/uploads/2016/01/a1-site30.jpg)
![a1-site31](/wp-content/uploads/2016/01/a1-site31.jpg)
(五)另存新頁、另存式樣
1.另存新頁:當既存頁面有任何修改,都可以另存新頁,以方便往後使用。(1) 我們將剛才建立的自訂頁面「報價01」,以分割欄框再調整畫面為如下所示。![a0422-10](/wp-content/uploads/2016/04/a0422-10.png)
![a0422-11](/wp-content/uploads/2016/04/a0422-11.png)
![a0422-12](/wp-content/uploads/2016/04/a0422-12.png)
![a0422-7](/wp-content/uploads/2016/04/a0422-7.jpg)