网站源码-图片-资料下载-学习资料-牛资料网!只做精品资料网
  • 首 页
  • ECSHOP文章列表显示缩略图与文章简介网页描述方法
    时间:2020-06-18 11:12 来源:www.xyhndec.com 编辑:免费资料 浏览:

    ECSHOP文章列表显示缩略图与文章简介网页描述-ecshop二次开发方法:

     效果如下:

     

    设置方法:

     

     

    1)、修改 includes/lib_article.php 文件,将

    $sql = 'SELECT article_id, title, author, add_time, file_url, open_type' .

    修改为
    $sql = 'SELECT article_id, title, author, add_time, file_url, open_type,description' .

    (注意,一共有两处, 每一处都要修改)

    继续向下,找到 大概69行左右

    $arr[$article_id]['title']       = $row['title'];


    在它下面增加一行代码

    $arr[$article_id]['description']       = $row['description'];

     

    补充说明:假如图片要加连接:

     

     $arr[$article_id]['url']         = $row['open_type'] != 1 ? build_uri('article', array('aid'=>$article_id), $row['title']) : trim($row['file_url'])

    改成: $arr[$article_id]['url']         = build_uri('article', array('aid'=>$article_id), $row['title']);

     



    2)、修改 /themes/default/article_cat.dwt

    在你想显示 “网页描述”信息的地方加入下面标签代码即可 {$article.description}

    这样调用文章简介显示在文章列表就完成了

     

     

    现在就在开始调用文章列表显示缩略图方法:

    上传文件那可以上传图片,会把图片路径保存在article表中的 file_url 字段里,现在我们只需要在页面端用smarty调用它的值,

    就可以产生一张略缩图

    调用略缩图字段的方法:

    打开includes/lib_article.php文件,大约在69行

    $arr[$article_id]['id'] = $article_id;
    $arr[$article_id]['title'] = $row['title'];

    在这行代码下面加上:

    $arr[$article_id]['file_url'] = $row['file_url'];

    这样一句话 就好了

     

    3、修改 /themes/default/article_cat.dwt想要想要的位置:

    <img src="http://你的网址/{$article.file_url}" width="40" height="40" />

     

     

     ECSHOP文章列表循环代码:article_cat.dwt 如图下:

     

     

     

    外观样式CSS:

    <style>
          .e2 {
    }
    ul, ol, li {
        list-style: none outside none;
    }
          .e2 li {
        width: 100%;
        overflow: hidden;
        clear: both;
        padding: 12px 0px;
        border-bottom: 1px solid #EEE;
    }


    .e2 li a.preview {
        width: 120px;
        float: left;
        margin-right: 7px;
        margin-bottom: 3px;
        margin-left: 10px;
        display: inline;
    }


    .e2 li a.titles {
        overflow: hidden;
        line-height: 25px;
        font-weight: bold;
        font-size: 14px;

    }

    a {
        text-decoration: none;
        color: #666;
    }

    .e2 span.info {
        display: block;
        line-height: 23px;
        color: #555;
        padding-left: 12px;
    }

    .e2 p.intro {
        color: #776955;
        line-height: 20px;
        margin-left: 5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .e2 span.info small {
        color: #AAA;
        font-size: 12px;
        margin-left: 3px;
    }




    .art_cat_box {



        float: left;
        width: 746px;
        border-right: 1px solid #DDD;
        border-width: 2px 1px 1px;
        border-style: solid;
        border-color: #ED7575 #DDD #DDD;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        border-image: none;
        overflow: hidden;
    }

     </style>

     

    郑重声明:
    牛资料网所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。
    我们不承担任何技术及版权问题,且不对任何资源负法律责任。
    如无法下载,联系牛资料网索要。
    如有侵犯您的版权,请及时联系QQ:964613048,我们尽快处理。

    关于ECSHOP模板架设的服务器php版本过高报错的解决方法集合关于ECSHOP模板架设的服务器php版本过
    ecshop编辑器fckeditor换百度ueditor编辑器教程ecshop编辑器fckeditor换百度ueditor编
    ecshop二次开发网页模板之常用函数汇总ecshop二次开发网页模板之常用函数汇总
    推荐栏目
    • 客服:我们竭诚为您服务!
    • 客服:我们竭诚为您服务!