如何修改magento前台显示的产品图片的尺寸,magento产品图片的尺寸是和页面的css修饰代码相关的,所以你最好了解些css。有的时候在css中已经指定了图片的尺寸,你在代码中修改也不一定会出现你想要的效果的,检查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

为什么我把RESIZE 的数值改了,图片网站还是一样显示没变大,可否请老师或者高手解答,谢谢
1.刷新你的缓存
2.改图片尺寸是很综合的问题,你要了解你的模板的css,用firebug检查下
3.肯定可以的,凭你的描述不知道什么原因造成的
楼上的老师,可否留下你的联系方式,我的联系 方式是398775979@qq.com 谢谢你了
有事情直接留言吧 :)
你好,我已经如你的BLOG 所述对网站进行修改,但是那个FIREBUG 的问题,我一直没办法理解也找不到,只好请老师诊断下我的站, http://www.toweddingdress.com ,可否请高手不吝赐教,告诉我该做些什么
firebug是一个浏览器插件,主要是检查CSS用的。google下,你的站图片大小我看了下,还可以,有什么要改的么?
我想要让我的网站图片变大一点,展示的图片太小了, 我有FIREBUG 工具,只是没找到相应的代码需要改的,可否加我的QQ 398775979 ?谢谢
按照需要修改的文件路径去找下,文章中已经给出default模板的路径,你用的不是default主题,换成你的主题模板路径,不可能找不到的。我现在非洲,上不了QQ,只能上网页。我用手机加你QQ下。
钥匙,我用您的方法修改了产品详细页产品图片,文件是找到,也修改了,我的缓存是关闭的,但是安全起见,我也刷新了下,但是还是没有变化。。期待你的指教啊..
那就差检查你的css了
您好,我按您提供的方法修改产品详细介绍页面图片尺寸(改大)后,图片会遮住右侧的文字。求解,请不吝赐教,thanks!
css的问题,请修改页面的css。
找了半天,非常感谢,去试下…
钥匙哥,你好,就是我按你的方法图片是改大了,但是前台显示的产品名称就显示在图片上面了,请问如何把名称往图片下方移动?
谢谢,万分。
需要修改css,估计你不会,先学下css吧。
第一个resize一般是Grid列表显示中的产品图片,第二个resize一般是 list列表显示中的产品图片。
应该是这样的.
这是43行的注解
这是86行的注解
key~~magento首页主图切换插件哪里有免费的·~
google下“magento sildershow” “magento gallery”