森林之原
二月 04, 2012, 03:55:25 am *
歡迎光臨, 訪客. 請先 登入註冊一個帳號.

請輸入帳號, 密碼以及預計登入時間
新聞: CPG 1.4.3 繁體中文完成,請到 CPG 的版面下載。
 
   首頁   說明 搜尋 日曆 登入 註冊  
頁: [1]   向下
  寄送主題  |  列印  
作者 主題: [外掛][設定]怎樣實現zen-cart的多圖功能呢?  (閱讀 16267 次)
0 會員 以及 1 訪客 正在閱讀本篇主題.
cfs2
初學者
*
離線 離線

文章: 10


« 於: 八月 30, 2005, 08:19:40 pm »

請問前輩,怎樣實現zen-cart的多圖功能呢?
這幾天看了很多zen-cart的商店,發現他們大多有多圖功能?可是我在添加產品時,只看到一個圖片的上傳欄,怎樣設置可以上傳多個圖片呢?並且可以在首頁和分類中顯示真正的小圖呢?謝謝!
« 最後編輯時間: 十月 24, 2005, 12:11:11 pm 由 seethrou » 向版主檢舉   已記錄
plone
見習生
**
離線 離線

文章: 77


« 回覆文章 #1 於: 八月 31, 2005, 06:49:45 am »


1.先上傳圖至你建立的圖檔資料夾(images/*)
2.在商品的說明欄引用用html碼引入你的圖片
向版主檢舉   已記錄
wayne
初學者
*
離線 離線

文章: 9


« 回覆文章 #2 於: 九月 01, 2005, 02:59:21 pm »


試試這個模組:

http://www.zen-cart.com/modules/mydownloads/singlefile.php?lid=380

向版主檢舉   已記錄
plone
見習生
**
離線 離線

文章: 77


« 回覆文章 #3 於: 九月 03, 2005, 10:07:54 am »

這是0.4的版本,不過是二月時釋出的。其中有一個檔要因為要加
幾行程式碼,我沒試用,
http://www.samlown.com/index.php?lang=EN&src=imgmanager
« 最後編輯時間: 九月 07, 2005, 11:51:34 pm 由 plone » 向版主檢舉   已記錄
seethrou
訪客
« 回覆文章 #4 於: 九月 08, 2005, 07:36:30 am »

ZC 基本上自己可以處理多圖功能。

1. 最簡單的,在管理頁只需上載一個大圖,它可以分別在有關地方,顯示為小圖,中圖和大圖
這是基本的功能,但會浪費頻寬,而且會做成網頁慢動作!


2. 自己先替產品,預備好大、中、小,各種不同解像度的圖像
之後上載到目錄
 /images 和有關的子目錄之內

這個如果不熟悉,會比較花時間,不過圖像效果和壓縮比可能最好,因可以使用不同工具程式的最佳功能和組合,
而且如果使用了有關程式的自動功能,所用時間也不會多。

舉例: 1
 在店面的預設示範產品 => Hardware =>  Microsoft IntelliMouse Pro (微軟滑鼠)

而相對檔案存放,在目錄
---------------------------------------------
 /images/microsoft/msimpro.gif  --------------------- (這個放 = 小圖)
 /images/medium/microsoft/msimpro_MED.gif  --- (這個放 = 中圖)
 /images/large/microsoft/msimpro_LRG.gif  -------- (這個放 = 大圖)

請您自己在購物車上實習一下,您可以用自己的滑鼠,在頁面圖像上點接右鍵,查看各有關圖像的屬性。 smiley01_053

好了以上的,這只都是普通的大、中、小的圖像功能,完全沒有什麼特別,
不過您可試以下的實習,看看有什麼結果,而且也不複雜,如果有興趣,您可以嘗試它的上限。

仍然在上面的相對檔案目錄,不過加上自己的圖像 (為方便測試您可以複製已有的圖像,不過記得要更改檔名)
--------------------------------------------------------------------------------------------
 /images/microsoft/msimpro.gif  --------------------- (這個放 = 小圖)
 /images/microsoft/msimpro_01.gif  -- 新加的小圖像 01
 /images/microsoft/msimpro_02.gif  -- 新加的小圖像 02
 /images/microsoft/msimpro_03.gif  -- 新加的小圖像 03
 ..... 或更多

 /images/medium/microsoft/msimpro_MED.gif  --- (這個放 = 中圖) ,暫時這裡只可用一個 - 請看備 註:E

 /images/large/microsoft/msimpro_LRG.gif  -------- (這個放 = 大圖)
 /images/large/microsoft/msimpro_01_LRG.gif  -- 新加的大圖像 01
 /images/large/microsoft/msimpro_02_LRG.gif  -- 新加的大圖像 02
 /images/large/microsoft/msimpro_03_LRG.gif  -- 新加的大圖像 03
 ..... 或更多

舉例: 2
 在店面的預設示範產品 => Hardware =>  Microsoft IntelliMouse Explorer (新款微軟滑鼠)

它預設已經使用了多圖功能,不過直觀上圖檔名稱沒有系統性,不方便說明。


備註: 有關檔案名稱
A. msimpro 為圖像基本名稱,而  /images/microsoft/ 是基本目錄,在管理頁上定義
B. 檔案名稱和圖像出現的次序,以英文檔案名稱編排而排序,請注意英文檔名大小寫有分別!
C. 使用 msimpro_LRG 和 msimpro_01_LRG.gif 等檔名,是增加人的可讀性,方便可以從檔名中直接知道圖像的屬性,
D. 所以請預先定制圖像檔案名稱系統,而且最好和產品目錄和名稱有系統性的聯繫 (其實這是開店前的最基本步驟和考慮的地方)
E.  使用 - 鼠標滑動轉換圖像 - 可增強中圖功能,只需滑動鼠標在小圖上,便可在頁面上轉換顯示不同的有關中圖像
swap_images_mouseover


3. 可以使用的外掛

3. 1
這個是比較多人用的圖像處理插件  (留意,之前有兩個模組同稱 Image Manager, 所以這模組改名)
Image Handler Zen Cart v1.2.5
官網上的支援討論
Brand New Image-handler (former Image-manager), automatic resizing/watermarking images

3.2
這個是較新發表的圖像處理,討論內有下載連結
Moondreams.net Image Resize-o-matic, another image resizing mod

向版主檢舉   已記錄
jeanchiu1019
初學者
*
離線 離線

文章: 30


« 回覆文章 #5 於: 十一月 16, 2005, 11:09:27 pm »

E.  使用 - 鼠標滑動轉換圖像 - 可增強中圖功能,只需滑動鼠標在小圖上,便可在頁面上轉換顯示不同的有關中圖像

我安裝了~~雖可以看到圖,但他顯示的解析度還是小圖的解析度吔~~~~

要怎麼把swap_images_mouseover的解析度改大一些呢
向版主檢舉   已記錄
seethrou
訪客
« 回覆文章 #6 於: 十一月 17, 2005, 02:30:05 am »

一點小建議,可以留意一下有關找問題時的一些方法,用多了可以不大需要花時間和傷腦筋,
不要說現時文件缺乏,就算文件充足,也要花很多時間去找答案,
所以習慣不倚賴在文件中找問題,而是常用推理,但用得越多越方便,請試試。


以您的問題為例,以下是我一般的推理習慣,

因為這個是有關圖像的,所以要考慮的是圖像功能,

您給的第一個提示
引用
E.  使用 - 鼠標滑動轉換圖像 - 可增強中圖功能,只需滑動鼠標在小圖上,便可在頁面上轉換顯示不同的有關中圖像

應該指的是,產品圖像,

第二個提示
引用
雖可以看到圖,但他顯示的解析度還是小圖的解析度吔

您指的產品圖像,應在產品詳細資料頁 product_info,

引用
要怎麼把swap_images_mouseover的解析度改大一些呢

很明顯這個雖然和 swap_images_mouseover 外掛有關,但它沒有這方面控制,
因為這個只是基本功能,而這個基本功能,應在管理頁上找一下,

所以請到後台管理 ==>
----------------------------------------------------------------
配置設定
    * Images

Product Info - Image Width     150  {試修改為 300 或您要求的大小,不過要留意比例要和 高度 相配)
Product Info - Image Height    120  {試修改為 240 或您要求的大小,不過要留意比例要和 寬度 相配)
---------------------------------------------------------------

其實走多了路,最後的,可能才是大家要想知的地方,
但以後就不需要再多花時間再找了!


其他相關修改和應用,請參考
關於多圖顯示(精華區的實在看不懂~弄了一個晚上了..)
http://open.38.com/index.php/topic,1548.0.html

« 最後編輯時間: 十一月 17, 2005, 02:47:32 am 由 seethrou » 向版主檢舉   已記錄
jeanchiu1019
初學者
*
離線 離線

文章: 30


« 回覆文章 #7 於: 十一月 18, 2005, 12:32:12 am »

真是謝謝這位大哥花時間,細心的回答~~
真是受用不少~~~

感恩呀


一點小建議,可以留意一下有關找問題時的一些方法,用多了可以不大需要花時間和傷腦筋,
不要說現時文件缺乏,就算文件充足,也要花很多時間去找答案,
所以習慣不倚賴在文件中找問題,而是常用推理,但用得越多越方便,請試試。


以您的問題為例,以下是我一般的推理習慣,

因為這個是有關圖像的,所以要考慮的是圖像功能,

您給的第一個提示
引用
E. 使用 - 鼠標滑動轉換圖像 - 可增強中圖功能,只需滑動鼠標在小圖上,便可在頁面上轉換顯示不同的有關中圖像

應該指的是,產品圖像,

第二個提示
引用
雖可以看到圖,但他顯示的解析度還是小圖的解析度吔

您指的產品圖像,應在產品詳細資料頁 product_info,

引用
要怎麼把swap_images_mouseover的解析度改大一些呢

很明顯這個雖然和 swap_images_mouseover 外掛有關,但它沒有這方面控制,
因為這個只是基本功能,而這個基本功能,應在管理頁上找一下,

所以請到後台管理 ==>
----------------------------------------------------------------
配置設定
 * Images

Product Info - Image Width    150 {試修改為 300 或您要求的大小,不過要留意比例要和 高度 相配)
Product Info - Image Height    120 {試修改為 240 或您要求的大小,不過要留意比例要和 寬度 相配)
---------------------------------------------------------------

其實走多了路,最後的,可能才是大家要想知的地方,
但以後就不需要再多花時間再找了!


其他相關修改和應用,請參考
關於多圖顯示(精華區的實在看不懂~弄了一個晚上了..)
http://open.38.com/index.php/topic,1548.0.html


向版主檢舉   已記錄
seethrou
訪客
« 回覆文章 #8 於: 十一月 18, 2005, 01:56:56 am »

不要太客氣,只是大家互相幫忙和交流,
其實越多交流,大家相互之間得益越多!  smiley01_055
向版主檢舉   已記錄
horicky2004
初學者
*
離線 離線

文章: 2


« 回覆文章 #9 於: 十二月 29, 2006, 09:50:28 pm »

本人是一位新手,請問前輩,看到你們發表的zen-cart的多圖功能文章,但製作過程仍然不太明白呢!
後台添加產品時,只看到一個圖片的上傳欄,怎樣設置可以上傳多個圖片呢?本人找不到後台那裡可以填入多圖功能資料呢!

例如本人想建立賣衫的購物網站,有不同種類例如外套﹑T-shirt﹑褲子等‥‥
1.外套有十款,每款3-4種拍攝角度
2.T-shirt有十款,每款5-6種拍攝角度等

thanks,
心急人上
向版主檢舉   已記錄
leonard
初學者
*
離線 離線

文章: 19


« 回覆文章 #10 於: 三月 13, 2007, 10:35:25 am »

我想我來貢獻一下自己使用心得吧
圖片都是放在http://你的網址/購物車目錄/images/ 裡面
至於要怎麼樣才能多圖?
舉個例子
在你要po的產品的主圖片(你當時上傳的圖片)為1234.jpg
剩下的附圖請改為1234a.jpg,1234b.jpg...........這樣一直下去
然後上傳至images這個目錄裡即可
接著你就可以在你的該商品頁面(不是編修頁面哦)下方可以看到許多小圖
要把圖片往上移的話請用搜尋,裡面有答案
若是你的檔名為abcd.jpg(例),其他的要改成abcd1.jpg,abcd2.jpg(有要放幾張就改幾張)
全部都是放在/images/這個目錄裡就可以了
不過由於zencart本身只能上傳一張圖片
剩下的圖片請用filezilla之類的ftp軟體上傳上去即可
如有錯誤或疑問請指正或發問
謝謝

請看我的網站的範例吧
http://greenwoodmensstyle.com/zencart/index.php?main_page=index
« 最後編輯時間: 三月 13, 2007, 10:43:08 am 由 leonard » 向版主檢舉   已記錄
leonard
初學者
*
離線 離線

文章: 19


« 回覆文章 #11 於: 三月 22, 2007, 11:38:18 am »

對了
最近測試的結果
是可以最多放9張圖
http://greenwoodmensstyle.com/zencart/index.php?main_page=product_info&products_id=192
再多的圖就不會顯示了
這是未裝任何多圖外掛的模式下
給各位參考
希望能對大家有幫助
向版主檢舉   已記錄
leonard
初學者
*
離線 離線

文章: 19


« 回覆文章 #12 於: 十一月 15, 2007, 11:12:03 pm »

我錯了
是可以放無限張圖
向版主檢舉   已記錄
pcfu
初學者
*
離線 離線

文章: 6


« 回覆文章 #13 於: 十一月 26, 2007, 09:13:27 am »

我是用很笨的方法 我不太會用程式 你可以看看是不是 你要的答案
我在 產品介紹的地方 用office 的網頁程式 編好再貼上程式碼就可以了
例如 我在產品介紹的地方貼上
img src="/zencart/images/hpmedium/MYDC0120.JPG" width="400" height="300" border="0" alt="">
p>
img src="/zencart/images/hpmedium/MYDC0121.JPG" width="400" height="300" border="0" alt="">

三行面要加<
這樣他就會有二張圖顯示在我要的介紹上面

可以到我剛做好的網頁看看
www.fuapple.com.tw/zencart/index.php?main_page=product_info&cPath=1_6_30_31_61_137&products_id=73
向版主檢舉   已記錄
頁: [1]   向上
  寄送主題  |  列印  
 
前往:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.11 | SMF © 2006, Simple Machines LLC Valid XHTML 1.0! Valid CSS!