Gavick yourshop 佈景主題的重要設定

最近安裝測試了Gavick 的 yourshop 佈景主題,發現有些設定相當重要,茲將這些設定說明如下:

  • Virtuemart Theme 必須使用yourshop 佈景主題提供的theme
  • 商品圖片縮圖設定尺寸:170 x 170 像素
  • 商品名稱不要太長,否則購物車結帳的商品列表版面會被破壞,造成商品各項資料不易閱讀,尤其是金額 (較大金額會分成兩列顯示)。
  • 商品分類的類別流覽頁面欄位,必須設定為gk_browse;
    分類飛出頁面欄位,必須設定為 flypage.tpl
  • 商品分類的每行顯示的商品數欄位,最佳商品數量為3
  • logo 圖片的最佳尺寸 224 x 87 像素,圖檔名稱:logo.png
  • logo 圖片的上傳檔案路徑:
    public_html/templates/gk_yourshop/images/style1
    public_html/templates/gk_yourshop/images/style2
    public_html/templates/gk_yourshop/images/style3
    logo 圖片在上方三個檔案路徑的資料夾中都要放置

VirtueMart商業佈景主題專門網站

VirtueMart官方網站最近的廣告橫幅出現一個專門銷售VirtueMart購物車系統佈景主題的商業網站。網站名稱:VJ Templates 網址:http://www.vjtemplates.com/ ,目前有27種不同類型購物網站的佈景主題,每個佈景主題定價90美元。

搭配佈景主題最佳網頁版面的圖片與表格規格

商品相片的大小與寬高比有下列兩種規格選擇,但為了版面美觀,請選擇其中一種,避免兩種規格都使用:

  1. 600x450像素之4:3寬高比,這是數位相機拍攝寬高比規格,採用此規格若拍攝取景優良,可以免去相片影像修剪的處理。
  2. 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佈景主題的下載

  1. 從BoyGJ.COM網站下載安裝套件。下載連結網頁
  2. 解壓縮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佈景主題的安裝

  1. 進入購物網站的Joomla後台管理區
  2. 開啟擴充套件選單中的安裝/移除功能網頁。
  3. 上傳套件包檔案區塊中,按瀏覽按鈕,然後從出現的檔案選擇作業表單,選擇Shopper Frenzy佈景主題的套件壓縮檔Shape5_Shopper_Frenzy.zip。
  4. 上傳檔案&安裝按鈕。
  5. 如果一切正常,會出現佈景主題安裝成功訊息。

安裝Shopper Frenzy佈景主題的S5 Drop Down Cart(您的購物車)模組

  1. 解壓縮Shape5_Shopper_Frenzy_modules.zip壓縮檔
  2. 再解壓縮UNZIP_FIRST_mod_virtuemart_s5_dropdown_cart_AJAX.zip壓縮檔
  3. 進入購物網站的Joomla後台管理區
    開啟擴充套件選單中的安裝/移除功能網頁。
  4. 瀏覽按鈕,選擇mod_virtuemart_s5_dropdown_cart_AJAX.zip壓縮檔,然後按上傳檔案&安裝按鈕。如果一切正常,會出現模組安裝成功訊息。
  5. 接下來需要上傳shop.s5_dropdown.php and productsnapshot.tpl.php兩個檔案,否則s5_dropdown_cart模組功能會出現錯誤。
  6. 開啟另一個瀏覽器視窗,然後登入到你的虛擬主機的CPanel控制台。進入檔案管理功能頁,執行檔案上傳。
  7. shop.s5_dropdown.php檔案上傳至資料夾路徑 administrator/components/com_virtuemart/html/
  8. productsnapshot.tpl.php 檔案上傳至資料夾路徑 component/com_virtuemart/themes/default/templates/common/

 S5 Drop Down Cart(您的購物車)模組的設定

  1. 進入購物網站的Joomla後台管理區。
  2. 然後進入擴充套件選單中的模組管理功能網頁。
  3. 按一下S5 Drop Down Cart 模組名稱,進入模組設定網頁。
  4. 設定內容如下:
    顯示標題:否
    已啟動:是
    位置: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

  1. 使用影像編輯軟體(例如:Adobe Photoshop、PhotoImpact、Adobe Firework) 製作一張寬度976像素、高度107像素的LOGO圖片,圖檔名稱必須為s5_logo.png
    Shopper Frenzy佈景主題安裝套件壓縮檔中有包含一個Photoshop的物件檔案Shape5_Shopper_Frenzy_Logo.psd,它是佈景主題的預設LOGO圖案的原始檔案,你可以使用Photoshop修改這個檔案成為自己的LOGO。
  2. 開啟瀏覽器,登入到你的虛擬主機的CPanel控制台。
  3. 進入檔案管理功能頁,執行LOGO圖案的檔案上傳。上傳路徑是:/public_html/templates/shopper_frenzy/images

shopper_frenzy佈景主題相關的模組設定

  1. 進入購物網站的Joomla後台管理區。
  2. 然後進入擴充套件選單中的模組管理功能網頁。
  3. 關閉Main Menu模組,這樣才不會出現兩個主選單,商品分類選單也可以移動至網站版面的左上方。
  4. 新增誰在線上模組,並將模組位置設定在網站版面的左下方,讓您可以隨時查看有多少人現在正在瀏覽您的網站。

使用Sharp 5的Shoppper-Frenzy佈景主題使用注意事項

目前已知的問題都出現在使用Internet Explorer瀏覽器,尤其是Internet Explorer 7.0版本。Mozilla Firefox 3.0以上版本就完全相容,尚未發現任何問題。

Internet Explorer 7.0 版本的已知問題:

  1. drop_down 模組不能正常顯示
  2. mod_s5_vm_accordion 商品分類選單模組第一個選單沒有出現
  3. 若使用mod_s5_image_set_rotator模組區塊或使用drop_down模組區塊,Internet Explorer 就無法正確顯示商品的「詳細資料」。

Internet Explorer 8.0 版本的已知問題:

  1. 若使用mod_s5_image_set_rotator模組區塊,瀏覽商品詳細資料,有時無法正常顯示網頁。

解決問題方法:

  1. 建議買家使用Mozilla Firefox 3.0以上版本的瀏覽器來瀏覽你的購物網站。
  2. 不要使用drop_down下拉廣告模組功能。
    若使用drop_down模組區塊,會造成Internet Explorer無法正確顯示商品的「詳細資料」。
  3. 不要使用mod_s5_image_set_rotator相片動態顯示模組
    若使用mod_s5_image_set_rotator模組區塊,會造成Internet Explorer無法正確顯示商品的「詳細資料」。
  4. 不使用 mod_s5_vm_accordion 商品分類選單模組

 

版權所有 © 2016 JoyCat All Rights Reserved.