以下教學會為店家說明在系統中如何變更版面顏色 。 ＞點選系統左邊目錄中的『模板編輯』，選擇『顏色及文字參數』，進入頁面。 進入頁面後，會顯示網站所有正在使用的顏色，這個模板，變更顏色的方式，是按顏色分佈去變更的。 ＞例如當我把＂COLOR_1＂更改為＂黑色＂，那麼，網站上所有原本白色的位置均會變成黑色顯示。 操作步驟 ＞在需要變更的顏色，右方點選＂Edit＂ ＞＂Value＂點選＂水滴圖案＂ ＞之後便會彈出色碼，挑選選色。 ＞完成後，在頁面右上方＂✔️＂儲存，返回頁面，重新整理顯示。 如未能找尋所需更改的顏色位置，可以email到 [email protected]
以下教學會為店家說明在系統中如何自訂主頁廣告圖。 ＞＂首頁大型圖片＂，尺寸：1320pax＊400pax。 ＞＂首頁小型圖片＂，尺寸：500pax＊200pax。 ＞＂模板編輯＂＞＂網站排板位置編輯＂。 ＞＂Home＂，右方點選＂Edit＂。 1.『大型廣告圖片設定』 ＞進入頁面，＂網站首頁頂部廣告圖＂右方點選＂Quick Edit＂，進入編輯位置。 1a. 變更原有圖片 ＞進入頁面，會有預設廣告圖片1,2，以廣告圖片1示範，點選＂廣告圖片1＂＞＂圖片來源＂點撃＂圖片＂＞ ＞進入頁面，上載返自訂的圖片，完成上載後，直接點擊圖片選用。 ＞3個語言均需變更，完成後右上方儲存，出返頁面重新整理可見。 1b. 增加額外圖片 ＞點擊＂＋＂，新增＂New Slide＂，之後開始設定＞在＂圖片來源＂點撃＂相機＂上載自訂圖片 ( 3個語言均需設定 )， ＞如需加上連結，在＂圖片連結＂＞選擇＂自定義連結＂＞貼上對應Url ＞右上方儲存，出返頁面重新整理可見。 2.『首頁小型圖片』 ＞進入頁面，＂網站頂部廣告圖 - 細＂右方點選＂Quick Edit＂，進入編輯位置。 ＞進入頁面，會有預設廣告細圖1,2，以廣告細圖1示範，點選＂Quick Edit＂。 2a. 變更原有圖片，進入頁面，點選＂首頁廣告細圖1＂＞＂Image＂點撃圖片收更 ( 3個語言均需變更 )， ＞如需加上連結，在＂Link＂＞選擇＂自定義連結＂＞貼上對應Url。 ＞右上方儲存，出返頁面重新整理可見。 2b. 增加額外圖片 ＞點擊＂＋＂，新增＂Banner＂，之後開始設定＞在＂Image＂點撃＂相機＂上載自訂圖片 ( 3個語言均需設定
店家會發現在網站的低部位置有一系列的預設文章，以下教學會為店家，說明在系統中如何新增和編輯網站文章。 ＞登入後台系統，點選左邊目錄中的『媒體編輯』，選擇『文章管理』。 1.進入文章頁面，如需更改原有文章，按右邊『編輯』按鈕，進入編輯， 編輯完成後，儲存，出回頁面，重新整理後便可看到。 2.新增文章，按右上方『＋』按鈕 ＞進入『新增文章』頁面。 ＞在『基本資料』頁面，輸入文章的名稱，如圖『如何選購合身衣服和鞋類』，同步把名稱複製到SEO標籤*，簡體及英文版本也需同時設定。 ＞設置『明細資料』，完成設置，在右上角按下『儲存』。 ＞系統提示成功新增。 新增完成後，下一步我們需要設定到網站顯示。 ＞點選左邊目錄中的『模版編輯』，選擇『網站底部位置編輯』。 ＞進入文章頁面，按右邊『Edit』按鈕，進入編輯， ＞這3個欄位，對應返頁底位置文章分欄位置。 ＞如剛剛新增文章，想分類到『額外資訊』，在『網站底部位置- 額外資訊』點選『Quck Edit』。 ＞進入頁面，點選『＋』＞之後會多左『New
以下教學會為店家說明在系統中如何編輯網站風格介面 **請注意並不是所有位置都可以編輯，如未能找尋到需要更改的位置，可以email到 [email protected] 查詢。 1.點選系統左邊目錄中的『版面設計』，選擇『網站風格介面』，進入頁面。 進入頁面後便可以開始設定，介面系統暫時不設中文版本，如需中文顯示，可以在頁面右CLICK使用google預設翻譯。 **所有步驟設置後，請於加上方＂儲存＂後，才會生效。 以下是主要相關位置指引 1.首頁頂部位置排位 ＞點選＂Header＂＞＂General：＂，預設是：＂Style 2＂，共2個風格選擇。 3.首頁Menu位置 ＞點選＂Main Menu＂＞＂General＂＞＂Align Menu Items to:＂，可以變更Menu位置，預設是：＂Left＂； ＞目錄顯示風格，＂Main Menu＂＞＂Categories＂＞＂Categories display style:＂，可以變更Menu風格，預設是：＂Inline＂； ＞自訂連結，點選＂Main Menu＂＞＂Custom Links＂，新增其他額外的連結。 3.商品頁面 ＞商品頂部位置顯示風格，＂Midsection＂＞＂Product Page＂＞＂Product Page Layout＂，選擇風格。 預設是：＂Layout 9＂ ＞在商品描述欄加設額外標籤 同一頁面拉下，＂Custom Tab＂，共可加設3個，狀態＂Yes＂顯示，設定標籤標題 並 輸入相關內容。 4.底部資訊 ＞＂Footer＂＞分別有＂Custom Column 1 & 2＂分別對應＂關於我們＂及＂聯繫我們＂的內容欄位，客戶可在這變更顯示的內容。 預設是：＂Layout 1＂ 如未能找尋所需更改的位置，可以email到 [email protected]
以下教學會為店家說明在系統中如何變更版面顏色 。 ＞點選系統左邊目錄中的『版面設計』，選擇『網站顏色編輯工具』，進入頁面。 進入頁面後便可以開始設定，顏色系統暫時不設中文版本，如需中文顯示，可以在頁面右CLICK使用google預設翻譯。 ＞Colors and Styles 變更網站配色 以下是主要相關位置指引 1.在變更顏色前，先點選＂Color Schemes＂＞＂Color Scheme:＂變更為＂Default＂，之後便可以開始變更顏色。 2.頂部位置 ＞紅框位置，點擊＂頂部設定＂＞拉下＂Top Bar＂位置，變更顏色。 ＞綠框位置，點擊＂頂部設定＂＞上半部位置，變更顏色。 ＞藍框位置，點擊＂Main Menu＂變更顏色。 4.目錄底色 ＞＂Dropdowns＂＞＂Background color: (圖藍框)＂＂Modal overflow background color: (圖綠框)＂ 3.按鈕顏色，＂Buttons＂＞＂Exclusive Buttons＂，變更顏色。 4.首頁底部位置 點選＂Footer＂變更顏色。 顏色編碼可參考以下網站： https://www.w3schools.com/colors/colors_picker.asp 如未能找尋所需更改的顏色／字型的位置，可以email到 [email protected]
以下教學會為店家說明在系統中如何自訂主頁廣告圖。 ＞＂首頁大型圖片＂，尺寸：1050pax＊700pax。 ＞＂中間廣告圖片＂，尺寸：440pax＊176pax。 登入後台系統，點選左邊目錄中的『版面設計』，選擇『大型廣告圖片設定』或『中間廣告圖片設定』。 1.『大型廣告圖片設定』，進入頁面，在 Banners 欄位變更圖片。 ＞進入編輯頁面，上傳圖片。 ＞選擇圖片。 ＞儲存。 其他選項設置： ＞ 出回頁面，重新整理後便可看到。 2.『中間廣告圖片設定』，進入頁面，在 Banners
以下教學會為店家說明在系統中如何編輯網站風格介面 **請注意並不是所有位置都可以編輯，如未能找尋到需要更改的位置，可以email到 [email protected] 查詢。 1.點選系統左邊目錄中的『版面設計』，選擇『網站風格介面』，進入頁面。 進入頁面後便可以開始設定，介面系統暫時不設中文版本，如需中文顯示，可以在頁面右CLICK使用google預設翻譯。 **所有步驟設置後，請於加上方＂儲存＂後，才會生效。 以下是主要相關位置指引 1.首頁頂部位置信息 ＞點選＂Header＂＞＂Top Bar：＂＞＂WelcomeMessage＂，變更。 2.首頁頂部位置排位 ＞點選＂Header＂＞＂General：＂，預設是：＂Style 1＂，共2個風格選擇。 3.首頁Menu位置 ＞點選＂Main Menu＂＞＂General＂＞＂Align Menu Items to:＂，可以變更Menu位置，預設是：＂Left＂； ＞目錄顯示風格，＂Main Menu＂＞＂Categories＂＞＂Categories display style:＂，可以變更Menu風格，預設是：＂OpenCart＂； ＞自訂連結，點選＂Main Menu＂＞＂Custom Links＂，新增其他額外的連結。 3.商品頁面 ＞商品頂部位置顯示風格，＂Midsection＂＞＂Product Page＂＞＂Product Page Layout＂，選擇風格。 預設是：＂Layout 1＂ ＞在商品描述欄加設額外標籤 同一頁面拉下，＂Custom Tab＂，共可加設3個，狀態＂Yes＂顯示，設定標籤標題 並 輸入相關內容。 4.底部資訊 ＞＂Footer＂＞分別有＂Custom Column 1 & 2＂分別對應＂關於我們＂及＂聯繫我們＂的內容欄位，客戶可在這變更顯示的內容。 預設是：＂Layout 1＂ 如未能找尋所需更改的位置，可以email到 [email protected]
以下教學會為店家說明在系統中如何變更版面顏色 。 ＞點選系統左邊目錄中的『版面設計』，選擇『網站顏色編輯工具』，進入頁面。 進入頁面後便可以開始設定，顏色系統暫時不設中文版本，如需中文顯示，可以在頁面右CLICK使用google預設翻譯。 ＞Colors and Styles 變更網站配色 以下是主要相關位置指引 1.頂部位置 ＞紅框位置，點擊＂頂部設定＂＞拉下＂Top Bar＂位置，變更顏色。 ＞綠框位置，點擊＂頂部設定＂＞上半部位置，變更顏色。 ＞藍框位置，點擊＂Main Menu＂變更顏色。 4.目錄底色 ＞＂Dropdowns＂＞＂Modal overflow background color:＂ 3.首頁底部位置 點選＂Footer＂變更顏色。 顏色編碼可參考以下網站： https://www.w3schools.com/colors/colors_picker.asp 如未能找尋所需更改的顏色／字型的位置，可以email到 [email protected]
以下教學會為店家說明在系統中如何自訂主頁廣告圖。 ＞＂首頁大型圖片＂，尺寸：1903pax＊694pax。 ＞＂中間廣告圖片＂，尺寸：675pax＊270pax。 登入後台系統，點選左邊目錄中的『版面設計』，選擇『大型廣告圖片設定』或『中間廣告圖片設定』。 1.『大型廣告圖片設定』，進入頁面，在 Banners 欄位變更圖片。 ＞進入編輯頁面，上傳圖片。 ＞選擇圖片。 ＞儲存。 其他選項設置： ＞ 出回頁面，重新整理後便可看到。 2.『中間廣告圖片設定』，進入頁面，在 Banners 欄位變更圖片。。 ＞進入編輯頁面，上傳圖片。 ＞選擇圖片。 ＞儲存。 Part 2＂Design＂＞＂Hover background color:＂，變更圖片highlight
以下教學會為店家說明在系統中如何自訂主頁廣告圖。 1.登入後台系統，點選左邊目錄中的『版面設計』，選擇『廣告圖片』。 2.進入廣告圖片頁面，分左＂網站首頁廣告圖片＂；＂網站右面廣告圖片＂。 ＞＂網站首頁廣告圖片＂，尺寸：710pax＊480pax。 ＂首頁大型圖片＂，按右邊『編輯』按鈕，進入編輯頁面。 ＞＂網站右面廣告圖片＂，尺寸：330pax＊125pax。 3.點選圖片編輯按鈕後＞彈出下圖頁面，按左上方＂圖示＂上傳圖片。 ＞選擇圖片（直接點撃圖片）。 4.圖片縮圖顯示新圖片，加上方＂儲存＂。 5.系統提示成功更改。 6.