VirtueMart商業佈景主題專門網站
VirtueMart官方網站最近的廣告橫幅出現一個專門銷售VirtueMart購物車系統佈景主題的商業網站。網站名稱:VJ Templates 網址:http://www.vjtemplates.com/ ,目前有27種不同類型購物網站的佈景主題,每個佈景主題定價90美元。
搭配佈景主題最佳網頁版面的圖片與表格規格
商品相片的大小與寬高比有下列兩種規格選擇,但為了版面美觀,請選擇其中一種,避免兩種規格都使用:
- 600x450像素之4:3寬高比,這是數位相機拍攝寬高比規格,採用此規格若拍攝取景優良,可以免去相片影像修剪的處理。
- 600x600像素之1:1寬高比,這是經過相片修剪的正方形規格,PC Home線上購物就是採用這種規格,'長方形商品適合採用此寬高比規格。
商品相片縮圖大小:
- 商品相片的縮圖設定為180x180最佳。若採用自動產生縮圖功能,縮圖大小可在VirturMart元件後台管理區的「管理→配置」選單的網站索引標籤中設定。
商品分類圖片縮圖大小:
- 商品分類的圖片縮圖設定為180x180最佳。若採用自動產生縮圖功能,縮圖大小可在VirturMart元件後台管理區的「管理→配置」選單的網站索引標籤中設定。
商品詳細說明資料中的圖片規格:
- 圖片寬度不超過600像素
商品詳細說明資料中的表格規格:
- 表格寬度不超過600像素
商品簡短描述中的資料內容:
- 若在商品分類的「每行顯示的商品數」欄位設定為2或3欄,則商品簡短描述中的資料內容最好維持固定的段落數量(其最大資料顯示為6列資料,超過部分將不顯示出來),例如:全部使用五個簡短段落資料,否則商品兩欄並列時,版面會出現不整齊。
shopper frenzy購物網站佈景主題的安裝
Shape5設計的VirtueMart購物網站佈景主題Shopper Frenzy是目前所見最好的VirtueMart購物網站佈景主題,要參觀Demo網站,請按此Shopper Frenzy Demo。
Shopper Frenzy佈景主題的下載
- 從BoyGJ.COM網站下載安裝套件。下載連結網頁。
- 解壓縮shopper_frenzy.zip壓縮檔,得到shopper_frenzy資料夾,裡面有下列壓縮檔案:
| 檔案名稱 | 說明 |
| Shape5_Shopper_Frenzy.zip | 佈景主題安裝套件 |
| Shape5_Shopper_Frenzy_modules.zip | 佈景主題相關模組 |
| Shape5_Shopper_Frenzy_psds.zip | LOGO圖片的PhotoShop物件檔案 |
| Shape5_Shopper_Frenzy_SQL.zip | |
| Shape5_Shopper_Frenzy_VM_Theme.zip | VirtueMart購物車Theme |
| SiteShaper_Shopper_Frenzy.zip | Joomla內容管理系統、VirtueMArt購物車、Shopper_Frenzy佈景主題整合安裝套件 |
Shopper Frenzy佈景主題的安裝
- 進入購物網站的Joomla後台管理區
- 開啟擴充套件選單中的安裝/移除功能網頁。
- 上傳套件包檔案區塊中,按瀏覽按鈕,然後從出現的檔案選擇作業表單,選擇Shopper Frenzy佈景主題的套件壓縮檔Shape5_Shopper_Frenzy.zip。
- 按一下上傳檔案&安裝按鈕。
- 如果一切正常,會出現佈景主題安裝成功訊息。
安裝Shopper Frenzy佈景主題的S5 Drop Down Cart(您的購物車)模組
- 解壓縮Shape5_Shopper_Frenzy_modules.zip壓縮檔
- 再解壓縮UNZIP_FIRST_mod_virtuemart_s5_dropdown_cart_AJAX.zip壓縮檔
- 進入購物網站的Joomla後台管理區
開啟擴充套件選單中的安裝/移除功能網頁。 - 按瀏覽按鈕,選擇mod_virtuemart_s5_dropdown_cart_AJAX.zip壓縮檔,然後按一下上傳檔案&安裝按鈕。如果一切正常,會出現模組安裝成功訊息。
- 接下來需要上傳shop.s5_dropdown.php and productsnapshot.tpl.php兩個檔案,否則s5_dropdown_cart模組功能會出現錯誤。
- 開啟另一個瀏覽器視窗,然後登入到你的虛擬主機的CPanel控制台。進入檔案管理功能頁,執行檔案上傳。
- shop.s5_dropdown.php檔案上傳至資料夾路徑 administrator/components/com_virtuemart/html/
- productsnapshot.tpl.php 檔案上傳至資料夾路徑 component/com_virtuemart/themes/default/templates/common/
S5 Drop Down Cart(您的購物車)模組的設定
- 進入購物網站的Joomla後台管理區。
- 然後進入擴充套件選單中的模組管理功能網頁。
- 按一下S5 Drop Down Cart 模組名稱,進入模組設定網頁。
- 設定內容如下:
顯示標題:否
已啟動:是
位置:cart
Title Text;您的購物車
Show Cart Button Text:查看購物車
Expand Drop Down Button Tex:展開
Close Drop Down Button Text:關閉
Individual Price Text:價格
Order Total Text:訂單合計
Items Text:商品
更換購物網站的LOGO
- 使用影像編輯軟體(例如:Adobe Photoshop、PhotoImpact、Adobe Firework) 製作一張寬度976像素、高度107像素的LOGO圖片,圖檔名稱必須為s5_logo.png。
Shopper Frenzy佈景主題安裝套件壓縮檔中有包含一個Photoshop的物件檔案Shape5_Shopper_Frenzy_Logo.psd,它是佈景主題的預設LOGO圖案的原始檔案,你可以使用Photoshop修改這個檔案成為自己的LOGO。 - 開啟瀏覽器,登入到你的虛擬主機的CPanel控制台。
- 進入檔案管理功能頁,執行LOGO圖案的檔案上傳。上傳路徑是:/public_html/templates/shopper_frenzy/images
shopper_frenzy佈景主題相關的模組設定
- 進入購物網站的Joomla後台管理區。
- 然後進入擴充套件選單中的模組管理功能網頁。
- 關閉Main Menu模組,這樣才不會出現兩個主選單,商品分類選單也可以移動至網站版面的左上方。
- 新增誰在線上模組,並將模組位置設定在網站版面的左下方,讓您可以隨時查看有多少人現在正在瀏覽您的網站。
使用Sharp 5的Shoppper-Frenzy佈景主題使用注意事項
目前已知的問題都出現在使用Internet Explorer瀏覽器,尤其是Internet Explorer 7.0版本。Mozilla Firefox 3.0以上版本就完全相容,尚未發現任何問題。
Internet Explorer 7.0 版本的已知問題:
- drop_down 模組不能正常顯示
- mod_s5_vm_accordion 商品分類選單模組第一個選單沒有出現
- 若使用mod_s5_image_set_rotator模組區塊或使用drop_down模組區塊,Internet Explorer 就無法正確顯示商品的「詳細資料」。
Internet Explorer 8.0 版本的已知問題:
- 若使用mod_s5_image_set_rotator模組區塊,瀏覽商品詳細資料,有時無法正常顯示網頁。
解決問題方法:
- 建議買家使用Mozilla Firefox 3.0以上版本的瀏覽器來瀏覽你的購物網站。
- 不要使用drop_down下拉廣告模組功能。
若使用drop_down模組區塊,會造成Internet Explorer無法正確顯示商品的「詳細資料」。 - 不要使用mod_s5_image_set_rotator相片動態顯示模組
若使用mod_s5_image_set_rotator模組區塊,會造成Internet Explorer無法正確顯示商品的「詳細資料」。 - 不使用 mod_s5_vm_accordion 商品分類選單模組
適用於VirtueMart的佈景主題
各家Joomla佈景主題開發商針對使用VirtueMart購物車系統的購物網站,設計了適用於VirtueMart購物車系統的佈景主題,我將這些最近發佈的佈景主題列表如下,供大家參考使用。
佈景主題名稱可連結至佈景主題示範網站。
| 廠商名稱 | 佈景主題 |
| Sharp 5 | Shoppper-Frenzy (推薦) |
| YouJoomla | Youshopper |
| GavickPro | eShop |
| TemplatePlazza |
myStore Plazza (August 2009) |
| Joomlart | Mesolite |
