产品图片变形,太丑!怎么破?
浏览数量: 10 作者: 本站编辑 发布时间: 2019-05-10 来源: 本站
有一部分用户反馈:我的产品图片本身显示是正常的,为什么放到网站上有的图片就变形了呢?有很多种情况都会表现为这种不好的结果,今天我要说的是其中很常见的一种情况的解决方法。
今天要说的这种情况具体是这样的:这部分产品图片是使用“产品列表”组件实现的,为了保证产品图片展示出来是美观的,产品列表组件有一个控制按钮可以把所有的产品图片的宽与高的比例设置为某一个值,如果自己没有做调整之前,默认都是显示1:1。但是很多产品图片的宽与高的比例不是1:1,而是趋近于其它的某一个值,这样就会出现我们常遇到的产品图片变形的问题,请不用担心,我们提供了多种常见的比例给大家,具体的查看和操作方法如下:
第1步:登录后台;
第2步:把要修改的页面切换为当前页面。找到变形的产品图片所在的页面,把它切换为“当前页面”;以Products页面为例,如下图所示即可把这个页面切换为当前页面;
第3步:确认变形的产品图片是使用产品列表组件制作的。在当前页面,把鼠标放到产品图片变形的区域,这个区域左上角会出现几个字即为这个组件的名称“产品列表”,即可表示这块内容是使用产品列表组件制作的。
第4步:在产品列表组件中设置最合适的比例。单击组件名称右侧的设置按钮,进入设置产品列表组件对话框中,单击“风格” ,选择一个适合的图片显示比例,然后保存。
请注意:这里的图片显示比例,指的是图片宽与高的比例,如果您的产品图片宽与高的比例是一样的,直接选择就可以,如果不一样,就选择绝大多数的比例,然后再修改不符合比例的少数图片尺寸,以达到排版上的美观。如果这几个比例,您都不满意,请联系我们。
第5步:确认好所选择的比例没问题以后,再单击页面右上角的“发布”按钮,这样客户看到网站图片也就是正常的啦。