最模板 - 外贸网站建设,外贸网站模板

最模板

当前位置: 首页 > Magento > Magento教程 >

修改magento默认的产品图片大小

时间:2014-06-17 23:42来源:未知 作者:最模板zuimoban 点击:
第一个地方,产品列表页的产品图片 文件位置:app\design\frontend\default\helloblank\template\catalog\product\list.phtml 在此文件中搜 resize,发现有两处,因为列表页有 List 和 Grid 两种显示方式,第

第一个地方,产品列表页的产品图片

文件位置: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修饰代码配合好。以防格式错位。

(责任编辑:最模板)
------分隔线----------------------------
栏目列表
推荐内容