App:專為 J2Store 設計的應用程式
同樣是網路商店,同樣服務的是終端消費者,所需要的功能也會因為銷售的商品/服務不同而有差異。「把程式核心功能寫好,其他功能獨立成小程式,再依需要把功能加進來」是當前許多應用程式平台的發展方向。
上面所提到的「功能」在 Joomla! 稱為「擴充套件」,依照運作方式及範圍分為:元件、模組及外掛。為 J2Store 設計的小程式 J2Store 官方稱其為「App(Application)」,你可在 J2Store 選單「Apps」項目畫面,找到當前商店網站安裝的 App,或是在管理區選單「擴充套件 – 外掛」畫面,以「j2store」為關鍵字搜尋找到。
▲登入 J2Store 官網後,在「My Downloads」找到購買的 Apps。
▲J2Store 選單「Apps」畫面列出網站所安裝的 App。
以下介紹 J2Store 最常用到的 Apps:商品資料匯入/匯出,以及商品比較。
匯入/匯出商品資料:Simple CSV Import and Export
「Simple CSV Import and Export」是 J2Store 官方提供的商品資料匯出/匯入 App,將商品資料以 CSV 格式檔案(逗號分隔)匯出,商店主可透過試算表程式(如 Microsoft Excel)編輯後批次匯入網路商店,節省商品建置時間。
▲點選「匯出商品」按鈕下載商品資料 CSV 格式檔案。
此 App 所匯出的 CSV 檔案編碼為 UTF-8,在開啟時請注意文字是否變成亂碼。此 App 無法匯出屬性組合(可變類型商品使用)及選項組合(單一性及可客製商品使用),有此需求的朋友請購買「Advanced CSV Import / Export」App。
首要作業:備份!
「在任何大型變動之前,做備份」是網站維護最基本,也是最重要的規則。你會發現網站備份的重要,通常是在網站發生狀況,而—許多時候是—沒有網站備份的時候。
Joomla! 網站的全站備份可透過「Akeeba Backup」元件輕鬆製作,你可以參考網路上介紹此元件的文章瞭解操作流程,管理區「擴充套件 – 管理 – 安裝」畫面的「從網站安裝」分頁,可以找到 Akeeba Backup 元件進行安裝,之後就可以製作網站備份。
強烈建議在網站核心更新,以及匯入大量商品資料前製作備份。
匯出、編修商品資料
利用 App 匯出的商品資料是以逗號分隔欄位的 CSV 檔案,文字編碼是 UTF-8。利用試算表軟體編修商品資料的注意事項如下:
- 新增商品資料時「product_id」欄位不用填寫,匯入時會自動產生。
- 「main_image」欄位輸入商品主要圖片檔名,「thumb_image」欄位輸入商品縮圖檔名,圖片請事先上傳。
- 「additional_images」欄位輸入商品附加圖片檔名,各檔案以英文管線符號(|)分隔。
商品 SKU 不得重複,否則匯入會發生問題。
匯入資料的注意事項
匯入商品資料前請先為網站製作備份,在「Simple CSV Import and Export」App 畫面選擇以下設定後匯入商品資料:
- 選擇匯入類型:選擇「上傳」選項透過上傳商品 CSV 檔案更新,或是選擇「路徑」輸入商品檔案在網站伺服器的路徑。
- 文字編碼:請選擇「UTF-8」。
- 如果 SKU 已存在更新商品:請選擇「是」,在發現商店已有該商品 SKU 時僅更新商品資料,無 SKU 則新增。
▲上傳整理好的商品資料,按「匯入」按鈕啟動匯入作業。
▲商品匯入作業完成,顯示商品資料更新或新增筆數。
▲商品列表中增加匯入的商品資料。
商品比較:Compare products
在「加入購物車」按鈕下方增加「加到比較清單」項目,讓顧客選擇多個商品進行比較。可選擇在「商品列表」或是「商品明細」畫面中顯示。
App 設定畫面
▲「商品比較」App 設定畫面。
- 顯示在:在哪個畫面出現「加入比較清單」連結:在商品列表,或是商品明細,或者兩者皆有。
- 連結商品至:當顧客在心願清單中點選商品觀看時前往的地方,如果你使用 J2Store 商品列表畫面,請不要選擇「文章原生版型」。
- 比較最大商品數:輸入同時比較的商品數量,建議值為 3 至 5。
- 圖片類型:在比較清單畫面中顯示的商品圖片類型,建議選擇「縮圖」。
- 圖片寬度:在比較清單畫面中顯示的商品圖片寬度,以像素計。
- SKU:顯示或隱藏商品 SKU。
- 品牌:顯示或隱藏商品品牌(製造商)。
- 價格:顯示或隱藏商品價格資訊,包含一般價格與進階價格。
- 庫存:顯示或隱藏商品庫存。
- 敘述:顯示或隱藏商品簡短(摘要)描述。
- 重量:顯示或隱藏商品重量資訊。
- 尺寸 (長 x 寬 x 高):是否顯示商品尺寸資訊。
- 規格:顯示或隱藏商品規格資料,如果你有輸入建議顯示。
- 加入購物車:顯示或隱藏「加入購物車」按鈕。
- 在項目增加後顯示 成功 訊息:在顧客點選「加入比較清單」連結後是否顯示「加入成功」訊息。
- 輸入項目增加後顯示的文字訊息:輸入「加入比較清單成功」時顯示的文字訊息。
- 項目增加前圖示 (Font-Awesome 圖示):選擇商品加入比較清單前顯示的 Font Awesome 圖示名稱,建議不變動。
- 項目增加後圖示 (Font-Awesome 圖示):選擇商品加入比較清單後顯示的 Font Awesome 圖示名稱,建議不變動。
運作示意
啟動商品比較功能後,顧客會在商品的「加入購物車」按鈕下方看到「加入比較清單」連結,如果商品類型為「可變」或是「可客製」,按鈕顯示「檢視細節」的情況則不會顯示。
▲商品資料下方顯示「加入比較清單」連結。
點選連結後商品加入比較清單,顧客點選連結前往比較清單畫面。
▲商品加入比較清單後,可點選連結前往「商品比較」畫面。
依照 App 設定選項顯示商品資訊,建議比較商品數不要超過五個。
▲「商品比較」畫面,畫面顯示的內容多寡來自App設定。