瀏覽歷史

當前位置: 首頁 > ECShop教學 > ecshop2.7.2首页商品错乱,ecshop商品名称太长兩行导致页面错乱解决办法!
ecshop2.7.2首页商品错乱,ecshop商品名称太长兩行导致页面错乱解决办法!
大貓影音 2016-03-24

  全新 ECShop3.6 電腦/手機合輯-免費下載     

 

 最近做了一个食品网站,采用Ecshop 2.7.2的官方默认模版,因为商品的名称有长有短,

通过后台的“商店设置”—“显示设置”—“商品名称的长度”已经远远不能满足我的需求了。

没有办法,只好自己找找原因,想想办法解决。

经过一番努力,终于给我找到办法,下面我教大家怎么解决这个问题。

首先,打开“根目录\themes\default\style.css”文件。

在Dw编辑器,查找以下代码:   

.goodsItem p{text-align:left; color:#3f3f3f;}
 


把它修改为:

.goodsItem p{text-align:left; color:#3f3f3f; height:60px; overflow:hidden;}


修改之后,上传到服务器,这样就支持最多 3 行文字了。

如果你想显示两行,把“height:60px;”修改为:“height:40px;”即可。

最后在ie6,ff,ie7,ie9试了,都正常显示。。

从此再也没有错位的问题发生了。。

 

   全新 ECShop3.6 電腦/手機合輯-免費下載