网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 如何修改magento默认的产品图片大小
内容
    第一个地方,产品列表页的产品图片
    文件位置:appdesignfrontenddefaulthelloblanktemplatecatalogproductlist.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″
    第二个地方,产品详细页产品图片
    文件位置:appdesignfrontenddefaulthelloblanktemplatecatalogproductviewmedia.phtml
    在此文件中搜“resize”。我们会找到两处,第一处是产品大图的,第二个是大图下面小图的。
    代码片段截取:
    resize(265)
    resize(48, 48); ?>” width=”48″ height=”48″
    代码分析:
    当resize里面只有一个参数的时候就是设置宽和高是一样的。resize(265) 等于resize(265,256)。
    这页有大量css的修饰代码,请务必用firebug等工具检查下,最大可以修改到多大
    第三个地方,相关产品图片,upsell产品图片,crosssell产品图片
    相关产品图片修改文件位置:appdesignfrontenddefaulthelloblanktemplatecatalogproductlistrelated.phtml
    upsell产品图片修改文件位置:appdesignfrontenddefaulthelloblanktemplatecatalog productlistupsell.phtml
    crosssell产品图片修改文件位置:appdesignfrontenddefaulthelloblanktemplatecheckoutcartupsell.phtml
    设置图尺寸的函数还是resize()函数,也基本和前面说的是一样的。
    第四个地方,页面边栏购物车里产品图片
    文件位置:appdesignfrontenddefaulthelloblanktemplatecheckoutcartitemdefault.phtml
    基本就这些了,还有别的地方要改的,开启下magento模板路径看下,在哪里,改的方法也一样。最重要的是,要和你的css修饰代码配合好。
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/20 14:23:22