魔扣论坛

魔扣源码论坛业务
查看: 1004|回复: 7

[Magento教程] 如何修改magento默认的产品图片大小

[复制链接]
  • TA的每日心情
    难过
    2 小时前
  • 签到天数: 2929 天

    [LV.Master]开坛老将

    7万

    主题

    227

    回帖

    27万

    积分

    管理员

    Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30Rank: 30

    魔扣币
    745005
    贡献
    157749
    威望
    32799

    最佳新人活跃会员热心会员推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

    发表于 2019-5-31 21:37:54 | 显示全部楼层 |阅读模式
    魔扣币兑换比例:【 50以下 : ¥1 = 10 魔扣币 】丨【 50 - 100 :¥1 = 20 魔扣币】丨【 100以上:¥1 = 30 魔扣币 】

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?立即注册

    x
                    

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

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


                
    会员购买:>> 点击购买 << | 魔扣币购买:>> 点击购买 <<
    承接业务:服务器代维丨网站托管丨SEO
    联系客服:微信:morko-net | QQ:1367681973

    该用户从未签到

    1

    主题

    245

    回帖

    491

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    245
    贡献
    245
    威望
    0
    发表于 2019-5-31 22:35:55 | 显示全部楼层
    兄弟如手足,女人如衣服,谁动我手足,我扒他衣服-魔扣源码论坛!   

    该用户从未签到

    4

    主题

    248

    回帖

    500

    积分

    高级魔扣

    Rank: 4

    魔扣币
    248
    贡献
    248
    威望
    0
    发表于 2019-7-31 23:01:25 | 显示全部楼层
    第一次的爱,始终无法轻描淡写。我对你,只有放弃,没有忘记。',

    该用户从未签到

    0

    主题

    247

    回帖

    494

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    247
    贡献
    247
    威望
    0
    发表于 2019-8-24 12:43:46 来自手机 | 显示全部楼层
    深深的思念,默默的祝福;关怀的心永远不改变,问世间,何为贵?山以青为贵,水以秀为贵物以稀为贵,月以明为贵人以正为贵,友以挚为贵情以真为贵,魔扣源码论坛,我以你为贵!

    该用户从未签到

    1

    主题

    266

    回帖

    533

    积分

    高级魔扣

    Rank: 4

    魔扣币
    266
    贡献
    266
    威望
    0
    发表于 2019-11-14 11:32:44 | 显示全部楼层
    为了三千积分!

    该用户从未签到

    0

    主题

    256

    回帖

    512

    积分

    高级魔扣

    Rank: 4

    魔扣币
    256
    贡献
    256
    威望
    0
    发表于 2019-11-23 11:06:45 | 显示全部楼层
    月光很美,比不上朋友的安慰;星星很美,比不上朋友的点缀;夜空很美,比不上友情的珍贵。愿您天天有快乐相伴,夜夜有好梦相随。天气变凉,魔扣源码论坛愿您安康,;愿心情飞扬

    该用户从未签到

    0

    主题

    249

    回帖

    498

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    249
    贡献
    249
    威望
    0
    发表于 2019-11-28 13:22:59 | 显示全部楼层
    “归属感”是你强烈地想和他在一起,“安全感”是你觉得他强烈地想和你在一起。',

    该用户从未签到

    2

    主题

    240

    回帖

    482

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    240
    贡献
    240
    威望
    0
    发表于 2020-3-11 19:08:08 | 显示全部楼层
    深深的思念,默默的祝福;魔扣源码论坛关怀的心永远不改变,问世间,何为贵?山以青为贵,水以秀为贵物以稀为贵,月以明为贵人以正为贵,友以挚为贵情以真为贵,我以你为贵。
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    • 联系我们
    • 新浪微博 :
    • 在线客服 :魔扣科技 
    • 源码QQ群 :魔扣源码论坛官方总群
    • 联系邮箱 :charlin#morko.net
    • 微信扫一扫
    快速回复 返回顶部 返回列表