ecshop模板

ECSHOP文章列表显示缩略图与文章简介网页描述方法

分类:ECSHOP二次开发 来源: https://www.ecshopjcw.com 时间:2014-05-15

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

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 code back_top
温馨提示

确定取消
温馨提示

关闭
您尚未登录

用户登陆

立即注册
忘记密码?
ecshop
ecshop下载 ecshop模板 ecshop多用户 ecshop免费模板
ecshop二次开发手册
ecshop二次开发 ecshop模板教程 ecshop微信配置 ecshop安装教程
网站建设制作
网站源码下载 网站建设教程 网站SEO优化 网站制作软件
ecshop教程网
ecshop模板定制 常见问题 ecshop二次开发. 关于我们
服务咨询 ECSHOP模板修改 微信:php2029
ECSHOP二次开发 moban2000@qq.com

可信网站 诚信网站 实名验证网站 实名网站 360网站安全检测认证