支持  我也在用这模板

好东西。。。肯定要顶起来。。。。。。。

为什么在 ECSHOP 管理中心 - 商店设置  统计代码 里面放统计代码首页没显示 上并不是模板问题

漂亮的模板，支持！

请问首页的“商品分类”改成一行两列或多列，怎么改？
就象：http://www.95mobi.com/
GPS导航 >>
GPS PDA    手机GPS
PND导航   GPS模块
GPS软件   GPS其他

请问网站首页的“商品分类”改成一行两列或多列，怎么改？请多多指教
http://www.95mobi.com/
GPS导航 >>
GPS PDA    手机GPS
PND导航   GPS模块
GPS软件   GPS其他

[ 本帖最后由 91jiaoyou 于 2008-5-6 15:45 编辑 ]

顶上去，哈哈

演示站点：www.yi-zhi.com

QUOTE:
原帖由 zxp999 于 2008-5-4 14:53 发表
发现重大问题！原来不是IE6或IE7不兼容，是商品分类的二级分类有问题

当你的商品分类 只有一级分类的时候，那就正常。

当你的商品分类存在二级分类时，那就不正常，会被撑开



解决方法：

解决方法1：
打开 component.css 文件，搜索
/*  ==================== 商品分类 ====================  */
       #categoryTree .toggletitle {
        width: 75%;       /*     单行单列方式一： 增加 width: 75%;    */
        padding: 5px 20px 0;
        background: url(../images/icon_list_arrow01.gif) no-repeat 10px 10px;
      }
      #categoryTree ul {
        line-height: 1.6em;
        padding: 5px;
      }
      #categoryTree li {
        width: 75%;    /*     单行单列方式一：新增加 width: 75%;    */
        border-bottom:1px dashed #CCC;
        background: url(../images/catearrow1.gif) no-repeat 15px 8px;
        padding-left: 25px;
      }


解决方法2：

打开 component.css 文件，搜索
/*  ==================== 商品分类 ====================  */
      #categoryTree .toggletitle {
        width: 75%;    /*     单行单列方式二： 新增加 width: 75%;    */
        padding: 5px 20px 0;
        background: url(../images/icon_list_arrow01.gif) no-repeat 10px 10px;
      }
      #categoryTree ul {
        line-height: 1.6em;
        padding: 5px;
      }
      #categoryTree li {
        width: 75%;    /*     单行单列方式二： width: 90%; 调整为 width: 75%;    */
        border-bottom:1px dashed #CCC;
        background: url(../images/catearrow1.gif) no-repeat 10px 8px;
        padding: 3px 2px 5px 20px;
      }

注意：注释部分。两种方式选其中一中就可以了。



首页的“商品二级分类”改成一行两列:


打开css/component.css 文件，搜索以下代码：

   /*  ==================== 商品分类 ====================  */

     #categoryTree .toggletitle {
        padding: 5px 20px 0;
        background: url(../images/icon_list_arrow01.gif) no-repeat 10px 10px;
      }
      #categoryTree ul {
        line-height: 1.6em;
        padding: 5px;
      }
      #categoryTree li {
        width: 90%;
        border-bottom:1px dashed #CCC;
        background: url(../images/catearrow1.gif) no-repeat 15px 8px;
        padding-left: 25px;
      }


修改为：

      #categoryTree .toggletitle {
        width: 75%;
        padding: 5px 20px 0;
        background: url(../images/icon_list_arrow01.gif) no-repeat 10px 10px;
      }
     #categoryTree ul {
        line-height: 2.0em !important;
        line-height: 1.6em;
        padding: 3px 2px 7px 15px;
      }
      #categoryTree li {
        width: 48%;
        float:left;
        border-bottom:1px dashed #CCC;
      }


这样基本可以，但是如果你的分类名字超长的话，不建议你这样做。

效果如下：




关于首页最新推荐、新品上市等商品名称过长导致“收藏”，“购买”按钮被遮住的问题：

解决方法：

打开：css/layout.css

找到

/*  ==================== 网格方式显示 ====================  */

#globalMiddle .itemGrid .item {
  text-align: center;
  width: 116px;   height: 180px;
  float: left;
  padding: 6px 3px 2px;
}

修改为：

#globalMiddle .itemGrid .item {
  text-align: center;
  width: 116px;   height: 190px;    /* width: 116px;   height: 180px; 调整首页最新推荐、新品上市等商品div 框宽度、高度  */
  float: left;
  padding: 6px 3px 2px;
}

修改后效果：



[ 本帖最后由 gongjb9 于 2008-5-7 18:42 编辑 ]

我想在商品描述里面加入防止图片撑破表格代码,不知道怎么加啊

在那个位置加入这个代码,怎么改啊
<script type="text/javascript">
function ImgZoom(Id)//重新设置图片大小 防止撑破表格
{
var w = $(Id).width;
var m = {$img_maxwidth};
if(w < m)
{
  return;
}
else
{
  var h = $(Id).height;
  $(Id).height = parseInt(h*m/w);
  $(Id).width = m;
}
}
window.onload = function()
{
var Imgs = $("content").getElementsByTagName("img");
var i=0;
for(;i<Imgs.length;i++)
{
  ImgZoom(Imgs);
}
}
</script>