華燈初上

Joomla! 資訊網站

  • 首頁
    • 會員使用條款
    • 隱私權政策
  • Joomla!
    • Joomla! 新聞
    • J2Store 教學
    • Joomla! 核心
    • 元件文章
    • 佈景主題文章
    • 經驗、觀念分享
    • 外部網路資源
  • 書籍與授課
    • Joomla! 書籍簡介
    • 簡報分享
  • 討論區
  • 留言板
  • 會員登入
    註冊
    • 忘記你的帳號?
    • 忘記你的密碼?

    使用社群網站帳號登入

    你目前位置:  
  1. 首頁
  2. Joomla!
  3. J2Store 教學
  4. 適用於 J2Store 的 Apps 教學:商品資料、商品比較
01 五月 2018

適用於 J2Store 的 Apps 教學:商品資料、商品比較

App:專為 J2Store 設計的應用程式

  同樣是網路商店,同樣服務的是終端消費者,所需要的功能也會因為銷售的商品/服務不同而有差異。「把程式核心功能寫好,其他功能獨立成小程式,再依需要把功能加進來」是當前許多應用程式平台的發展方向。

  上面所提到的「功能」在 Joomla! 稱為「擴充套件」,依照運作方式及範圍分為:元件、模組及外掛。為 J2Store 設計的小程式 J2Store 官方稱其為「App(Application)」,你可在 J2Store 選單「Apps」項目畫面,找到當前商店網站安裝的 App,或是在管理區選單「擴充套件 – 外掛」畫面,以「j2store」為關鍵字搜尋找到。

登入 J2Store 官網後,在「My Downloads」找到購買的 Apps。▲登入 J2Store 官網後,在「My Downloads」找到購買的 Apps。

J2Store 選單「Apps」畫面列出網站所安裝的 App。▲J2Store 選單「Apps」畫面列出網站所安裝的 App。

  以下介紹 J2Store 最常用到的 Apps:商品資料匯入/匯出,以及商品比較。

匯入/匯出商品資料:Simple CSV Import and Export

  「Simple CSV Import and Export」是 J2Store 官方提供的商品資料匯出/匯入 App,將商品資料以 CSV 格式檔案(逗號分隔)匯出,商店主可透過試算表程式(如 Microsoft Excel)編輯後批次匯入網路商店,節省商品建置時間。

點選「匯出商品」按鈕下載商品資料 CSV 格式檔案。▲點選「匯出商品」按鈕下載商品資料 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設定畫面。▲「商品比較」App 設定畫面。

  • 顯示在:在哪個畫面出現「加入比較清單」連結:在商品列表,或是商品明細,或者兩者皆有。
  • 連結商品至:當顧客在心願清單中點選商品觀看時前往的地方,如果你使用 J2Store 商品列表畫面,請不要選擇「文章原生版型」。
  • 比較最大商品數:輸入同時比較的商品數量,建議值為 3 至 5。
  • 圖片類型:在比較清單畫面中顯示的商品圖片類型,建議選擇「縮圖」。
  • 圖片寬度:在比較清單畫面中顯示的商品圖片寬度,以像素計。
  • SKU:顯示或隱藏商品 SKU。
  • 品牌:顯示或隱藏商品品牌(製造商)。
  • 價格:顯示或隱藏商品價格資訊,包含一般價格與進階價格。
  • 庫存:顯示或隱藏商品庫存。
  • 敘述:顯示或隱藏商品簡短(摘要)描述。
  • 重量:顯示或隱藏商品重量資訊。
  • 尺寸 (長 x 寬 x 高):是否顯示商品尺寸資訊。
  • 規格:顯示或隱藏商品規格資料,如果你有輸入建議顯示。
  • 加入購物車:顯示或隱藏「加入購物車」按鈕。
  • 在項目增加後顯示 成功 訊息:在顧客點選「加入比較清單」連結後是否顯示「加入成功」訊息。
  • 輸入項目增加後顯示的文字訊息:輸入「加入比較清單成功」時顯示的文字訊息。
  • 項目增加前圖示 (Font-Awesome 圖示):選擇商品加入比較清單前顯示的 Font Awesome 圖示名稱,建議不變動。
  • 項目增加後圖示 (Font-Awesome 圖示):選擇商品加入比較清單後顯示的 Font Awesome 圖示名稱,建議不變動。

運作示意

  啟動商品比較功能後,顧客會在商品的「加入購物車」按鈕下方看到「加入比較清單」連結,如果商品類型為「可變」或是「可客製」,按鈕顯示「檢視細節」的情況則不會顯示。

商品資料下方顯示「加入比較清單」連結。▲商品資料下方顯示「加入比較清單」連結。

  點選連結後商品加入比較清單,顧客點選連結前往比較清單畫面。

商品加入比較清單後,可點選連結前往「商品比較」畫面。▲商品加入比較清單後,可點選連結前往「商品比較」畫面。

  依照 App 設定選項顯示商品資訊,建議比較商品數不要超過五個。

「商品比較」畫面,畫面顯示的內容多寡來自App設定。▲「商品比較」畫面,畫面顯示的內容多寡來自App設定。

 

使用J2Store開設網路商店的10堂課

看得不夠過癮嗎?完整內容就在《使用J2Store開設網路商店的10堂課》!

購買電子版:Google Play 圖書

線上購買

博客來網路書店 天瓏網路書店 金石堂網路書店
誠品網路書店 碁峰購物網 作者專屬簽名版

Tags: Joomla!, j2store
  • 上一篇文章:J2Store 商品短代碼教學 J2Store 商品短代碼教學
  • 下一篇文章:J2Store 版面修改教學 J2Store 版面修改教學

服務條款 隱私權條款© 1999 - 2019 創用 CC 授權條款華燈初上由 A-Bo Lee 製作,以創用CC 姓名標示-非商業性-禁止改作 3.0 台灣 授權條款釋出。All Rights Reserved. Powered by Helix3

Joomla!® is the trademark of Open Source Matters, Inc. in the United States and other countries. The Joomla!® name is used under a limited license granted by Open Source Matters. 華燈初上 is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

  • 首頁
    • 會員使用條款
    • 隱私權政策
  • Joomla!
    • Joomla! 新聞
    • J2Store 教學
    • Joomla! 核心
    • 元件文章
    • 佈景主題文章
    • 經驗、觀念分享
    • 外部網路資源
  • 書籍與授課
    • Joomla! 書籍簡介
    • 簡報分享
  • 討論區
  • 留言板
  • 會員登入
 
為使您有最好的使用體驗,本網站使用 cookies 功能記錄您的喜好。
We use cookies to ensure that we give you the best experience on our website.
我同意 / I accept