• 如何修改Magento前台显示的产品图片的尺寸大小


    第一个:修改产品列表页的产品图片大小

    文件位置:app\design\frontend\default\Your_Template\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的设置。例如,想改成 180像素宽,180像素高。那么代码就改成

    $this->helper(‘catalog/image’)->init($_product, ‘small_image’)->resize(180, 180); ?>” width="180" height="180″

    第二个:修改产品详细页面的产品图片大小

    文件位置:app\design\frontend\default\Your_Template\template\catalog\product\view\media.phtml

    在此文件中搜“resize”。我们会找到两处,第一处是产品大图的,第二个是大图下面小图的。

    代码片段截取:

     

    resize(265)

    $_image->getFile())->resize(56); ?>" width="56" height="56"

    代码分析:

    当resize里面只有一个参数的时候就是设置宽和高是一样的。resize(265) 等于resize(265,256)。

    这页有大量css的修饰代码,请务必用firebug等工具检查下,以协调网页布局。

    第三个:修改相关产品图片大小,upsell产品图片大小,crosssell产品图片大小

    相关产品图片修改文件位置:app\design\frontend\default\Your_Template\template\catalog\product\list\related.phtml

    upsell产品图片修改文件位置:
    app\design\frontend\default\Your_Template\template\catalog \product\list\upsell.phtml

    crosssell产品图片修改文件位置:
    app\design\frontend\default\Your_Template\template\checkout\cart\upsell.phtml

    设置图片尺寸的函数还是resize()函数,修改方法也基本和前面说的是一样的。

    第四个:修改页面边栏购物车里产品图片大小

    文件位置:app\design\frontend\default\Your_Template\template\checkout\cart\item\default.phtml

    基本就这些了,还有别的地方要改的,就开启下magento模板路径看下在哪里,修改的方法也一样。还有就是,要和你的css修饰代码配合好。

  • 相关阅读:
    h.264并行解码算法2D-Wave实现(基于多核共享内存系统)
    h.264并行解码算法2D-Wave实现(基于多核非共享内存系统)
    h.264 去块滤波
    h.264并行解码算法分析
    phpstrom 快速定位到当前编辑文件
    省市区多级联动js代码
    原生js开发,无依赖、轻量级的现代浏览器图片懒加载插件,适合在移动端开发使用
    Let’s Encrypt 通配符证书,泛域名https证书申请配置
    js 获取链接参数的方法
    秒杀、抢购解决方案
  • 原文地址:https://www.cnblogs.com/zhouwenwu/p/2469668.html
Copyright © 2020-2023  润新知