如何修改magento前臺顯示的產品圖片的尺寸,magento產品圖片的尺寸是和頁面的css文件相關的,別忘了刷新magento緩存。
以我的helloblank模板爲例,注意你所使用的 模板文件路徑。
第一個地方,產品列表頁的產品圖片
文件位置:app/design/frontend/default/helloblank/template/catalog/product/list.phtml
在此文件中搜 “resize”,發現有兩處,因爲列表頁有 List 和 Grid 兩種顯示方式,第一個resize一般是List列表顯示中的產品圖片,第二個resize一般是 Grid 列表顯示中的產品圖片。
截取代碼片段:
$this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize(135, 135); ?>” width=”135″ height=”135″
代碼分析:
resize(135, 135),就是設置產品圖片 尺寸的函數,以像素爲單位的。width=”135″ height=”135″就是css的設置。例如,想改成 150像素寬,200像素高。那麼代碼就改成
$this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize(150, 200); ?>” width=”150″ height=”200″
第二個地方,產品詳細頁產品圖片
文件位置:app/design/frontend/default/helloblank/template/catalog/product/view/media.phtml
在此文件中搜“resize”。我們會找到兩處,第一處是產品大圖的,第二個是大圖下面小圖的。
代碼片段截取:
resize(265)
resize(48, 48); ?>” width=”48″ height=”48″
代碼分析:
當resize裏面只有一個參數的時候就是設置寬和高是一樣的。resize(265) 等於resize(265,256)。
這頁有大量css的修飾代碼,請務必用firebug等工具檢查下,最大可以修改到多大
第三個地方,相關產品圖片,upsell產品圖片,crosssell產品圖片
相關產品圖片修改文件位置:app/design/frontend/default/helloblank/template/catalog/product/list/related.phtml
upsell產品圖片修改文件位置:app/design/frontend/default/helloblank/template/catalog /product/list/upsell.phtml
crosssell產品圖片修改文件位置:app/design/frontend/default/helloblank/template/checkout/cart/upsell.phtml
設置圖尺寸的函數還是resize()函數,也基本和前面說的是一樣的。
第四個地方,頁面邊欄購物車裏產品圖片
文件位置:app/design/frontend/default/helloblank/template/checkout/cart/item/default.phtml
基本就這些了,還有別的地方要改的,開啓下magento模板路徑看下,在哪裏,改的方法也一樣。最重要的是,要和你的css修飾代碼配合好。
轉自hellokeykey.com,謝謝提供資源!一個很不錯的magento網上商城相關教程網站