ShopWT官网-php多用户商城系统-在路上

标题: shopwt 商品页面图片自适应大小(解决大图片只显示部分内容） [打印本页]

作者: hillghost 时间: 2015-9-11 11:12
标题: shopwt 商品页面图片自适应大小(解决大图片只显示部分内容）
本帖最后由 hillghost 于 2015-9-11 11:31 编辑

shopwt 商品页面图片自适应大小

最近闹了个shopwt的源码，在添加商品的时候，发现当图片宽度大于800px的时候，就只会显示图片的一部分。所以就自己闹了个自适应大小，当图片大于页面的时候，会自动缩小图片为DIV行宽。

具体方法，是修改/shop/templates/default/css/home_goods.css文件

在shop/templates/default/css/home_goods.css文件的大约296行，或者搜索 /* 商品详情内容 */

将代码

/* 商品详情内容 */
.default,
.top-template,
.bottom-template { padding: 0; margin: 0; border: 0; overflow: hidden;}
.default img,
.top-template img,
.bottom-template img { vertical-align: top;}

复制代码

修改为

此篇文章首发于沛然博居 z3g.net

转载请注明来自沛然博居 z3g.net

作者: taobaise 时间: 2015-9-11 11:19
谢谢啊！看看先

作者: 3191 时间: 2015-9-11 12:59
啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊

作者: maplechen 时间: 2015-9-11 14:41
你们vhvhnb能不能明白

作者: zzly97 时间: 2015-9-12 10:50
看看还没发现这个问题呢

作者: ii8680 时间: 2015-9-12 12:34
学习了。谢谢

作者: yiyue 时间: 2015-9-12 17:32
页面图片自适应大小(解决大图片只显示部分内容

作者: smithstz 时间: 2015-9-12 22:31
感谢。非常感谢。

作者: _淡抹、低调de奢华″ 时间: 2015-9-15 17:27
图片宽度大于800px的时候，就只会显示图片的一部分

作者: scguangbai 时间: 2015-9-22 10:00
商品页面图片自适应大小(解决大图片只显示部分内容

作者: lp345 时间: 2015-9-22 13:28
88888888888

作者: 新手VIP 时间: 2015-9-23 10:40
看看是干什么用的·······

作者: yishun1006 时间: 2015-9-23 15:27
先看看谢谢！！！

作者: 超级王 时间: 2015-9-26 14:28
回复一个看看

作者: 　　　　　_Sunshine 时间: 2015-9-26 15:14
顶顶顶顶，正在学习不知道手机端的是否能这样解决

作者: wx_NodV9S1Z 时间: 2015-9-26 15:17
看看是和解决的，学习下

作者: bjwfgso520 时间: 2015-9-26 22:54
这个很实用，试试看，感谢！

作者: wb138140 时间: 2015-9-29 16:01
大爱无疆大爱无疆大爱无疆大爱无疆

作者: niejun111 时间: 2015-10-1 16:40
RE: shopwt 商品页面图片自适应大小(解决大图片只显示部分内容） [修改]

作者: slssdw 时间: 2015-10-2 20:51
我就看看，谢谢分享!

作者: lingfeidn 时间: 2015-10-6 15:19
支持一下！！

作者: jakechen 时间: 2015-10-6 17:32
可以学习一下吗

作者: youyong 时间: 2015-10-7 15:23
如果您要查看本帖隐藏内容请回复

作者: yibin 时间: 2015-10-8 16:22
好东西，赶紧来看看

作者: 希望 时间: 2015-10-11 22:40
学习

作者: 加藤 时间: 2015-10-12 09:40

感谢。非常感谢。

作者: 1149947385 时间: 2015-10-13 09:58
不错哈哈

作者: 1149947385 时间: 2015-10-13 09:59

作者: 419471728 时间: 2015-10-15 15:41
我是来学习学习的，公司要做开发，特此来mark

作者: zhaoguokun 时间: 2015-10-16 20:49
图片自适应大小(解决大图片只显

作者: tunhao 时间: 2015-10-22 10:47
居然这么厉害~~

作者: yesuns 时间: 2015-10-24 21:17
学习一下，谢谢了

作者: igiuyy 时间: 2015-10-27 11:25
sdfdsfdssfds

作者: sleep 时间: 2015-10-28 11:25
困困困困困困困困困

作者: 湖南菜鸟网络 时间: 2015-10-28 16:22
刚好发现这个问题，正在找解决办法，先看看

作者: 794229345 时间: 2015-10-28 21:44
不管东西咋样还是先谢谢了

作者: rtret 时间: 2015-11-4 01:06
/* 商品详情内容 *//* 商品详情内容 *//* 商品详情内容 *//* 商品详情内容 */

作者: 我为雪狂 时间: 2015-12-5 10:39
这个挺好，太需要了

作者: 匡子 时间: 2015-12-19 10:51
sshopwt 商品页面图片自适应大小(解决大图片只显示部分内容）

作者: lear 时间: 2015-12-20 20:49
好嘛，回一个嘛

作者: zx123456 时间: 2015-12-25 15:06

看看还没发现这个问题呢

作者: 睿远在线商城 时间: 2016-1-3 10:59
很好的内容

作者: rlmyfs 时间: 2016-1-3 12:10

本帖最后由 hillghost 于 2015-9-11 11:31 编辑

shopwt 商品页面图片自适应大小
最近闹了个shopwt的源码，在添加商品的时候，发现当图片宽度大于800px的时候，就只会显示图片的一部分。所以就自己闹了个自适应大小，当图片大于页面的时候，会自动缩小图片为DIV行宽。
具体方法，是修改/shop/templates/default/css/home_goods.css文件
在shop/templates/default/css/home_goods.css文件的大约296行，或者搜索 /* 商品详情内容 */
将代码
/* 商品详情内容 */
.default,
.top-template,
.bottom-template { padding: 0; margin: 0; border: 0; overflow: hidden;}
.default img,
.top-template img,
.bottom-template img { vertical-align: top;}
复制代码

修改为
rlmyfs，如果您要查看本帖隐藏内容请回复
此篇文章首发于沛然博居 z3g.

作者: yzyzhdj 时间: 2016-1-4 10:51
看看了！！！！！

作者: 源码牛人 时间: 2016-1-19 20:54
666666666666666666666

作者: fanenmao 时间: 2016-2-5 00:29
多谢，急用shopwt 商品页面图片自适应大小(解决大图片只显示部分内容）

作者: as1144 时间: 2016-2-14 01:17
学习一下看看是怎样弄

作者: 275547585 时间: 2016-2-23 20:17
商品页面图片自适应大小

作者: nnnhlj888 时间: 2016-2-25 09:27
学习，了解一下。

作者: fallsheep 时间: 2016-2-25 14:55
爽呀！我看看！这个东西正是我们要用的东西。

作者: wx_cyOTW3I8 时间: 2016-3-7 18:38
哟哟，这个必须看

作者: 小孙 时间: 2016-3-9 13:58
66666这个好

作者: zajhappy 时间: 2016-3-9 16:08
很不错，先保留

作者: mlnc5678 时间: 2016-3-13 16:14
好，太好啦，谢谢您！

作者: 三好学生22 时间: 2016-3-20 12:21
和集散茶几上可能就

作者: ichuuu 时间: 2016-3-22 09:22
数据上传功能：可以将淘宝数据包快速上传到用户自己网店。上传后会保留的数据原有的商品价格、颜色、尺码、库存、货号、重量、首页图、详情图、商品描述等信息。

作者: 579660 时间: 2016-3-23 19:22
这个不错看看回复一下

作者: 豌豆 时间: 2016-3-28 17:06
1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

作者: 豌豆 时间: 2016-3-28 17:17
1111111111111111111111111111111111111111111111111111111111

作者: meiyidian 时间: 2016-3-29 10:43
看看，估计不看也能做了，不过有了就省事了，谢谢

作者: hider 时间: 2016-3-31 15:28
thanks for sharing

作者: 1728490531 时间: 2016-3-31 17:12
66666666666666666666666666666666666666666666666

作者: kekemu84 时间: 2016-3-31 19:17
顶顶顶顶顶顶顶顶顶

作者: 夏荣 时间: 2016-4-11 17:05
应该很不错哦。。谢谢你的研究研究

作者: 小江 时间: 2016-4-23 10:08
sdagfsdagsdafdsafdsg

作者: 老抠 时间: 2016-5-5 15:16
ssssssssssssssssssss

作者: longku56 时间: 2016-6-10 15:31
正需要这个，谢谢楼主

作者: zhou 时间: 2016-6-16 09:54
555555555555555

作者: abdusemet 时间: 2016-7-12 11:06

thanks for the share

作者: 163tom 时间: 2016-7-28 14:53
daffffffffffffffff

作者: ChinaRe_dSSeZ 时间: 2016-8-11 09:39
shopwt 商品页面图片自适应大小(解决大图片只显示部分内容

作者: hktk0428 时间: 2016-9-3 16:31
好东西,谢谢楼主!!!!!!!!!!!!!

作者: gengjun 时间: 2016-9-16 16:21
1111111111111111

作者: samcwp 时间: 2016-11-26 15:05

谢谢分享！

作者: fdxch 时间: 2016-12-12 01:17
过来看看学习下

作者: xhua45 时间: 2017-1-18 13:36
是是是收拾收拾收拾

欢迎光临 ShopWT官网-php多用户商城系统-在路上 (https://bbs.shopwt.com/)