ECShop H5微商城
ECShop APP商城
ECshop4.0商业授权
ECShop源码全能套餐
ECMall全能套餐(含主机)
ECMall3.0功能定制
ECShop商城小程序
ECShop二开定制
ECShop授权套餐
ECShop装修市场
ECMall基础套餐(PC+H5)
ECMall3.0商业授权
返回列表 发帖

[共享] 2.6.1默认模板首页文章3列显示--新手适用

有朋友问到我的网站首页文章3列显示是怎么弄的,所以在这里把具体的方法和大家说一下。如果是模板高手,就不用继续看下去了,哈哈~
觉得有用的朋友记得帮忙顶一下~如果能顺便过去我的网站参观,并提点意见就最好!

网址:www.frstore.com.cn
网站:法国代购网

文章3列显示效果图,点击放大或者到网站查看效果:
22.jpg
2008-12-10 20:22


具体方法:
1.打开模板文件夹下的index.dtw,搜索<!--right end-->,由于我是要在首页右边主框架的最后加上文章列表,所以选择这个位置。在<!-- TemplateEndEditable -->后面加入<!-- TemplateBeginEditable name="右边文章区域" --><!-- TemplateEndEditable -->,然后保存并上传覆盖。
步骤解析:这一步是在首页增加一个文章区域,而这个区域是下面所要用到的。

2.进入后台,打开模板管理-库项目管理中的cat_articles.lbi,然后替换成下面的代码
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<div style="width:245px; float:left; margin-right:3px;">
  <div class="box">
   <div class="box_1">
    <h3>
    <span><a href="{$articles_cat.url}">{$articles_cat.name|escape:html}</a></span>
    <a href="{$articles_cat.url}"><img src="../images/more.gif" alt="more" /></a>
    </h3>
    <div class="boxCenterList RelaArticle">
     <!--{foreach from=$articles item=article}-->
     <a href="{$article.url}" title="{$article.title|escape:html}">{$article.short_title}</a><br />
     <!--{/foreach}-->
    </div>
   </div>
  </div>
</div>
步骤解析:你也可以把style部分放到style.css中,我比较懒惰,所以就这样做了。如果你要实现比如文章两列显示,那可以根据需要把style=245px调整成为你需要的尺寸。如果最后出现框架跑到下面去,请把这个值缩小到合适为止。

3.同样是后台,打开模板管理-设置模板,然后点击文章列表前面的+号,选择你要在首页上出现的文章分类,并设定排序以及文章数量。
33.jpg
2008-12-10 20:22


这么简单就实现了文章3列显示的效果了~
写这篇文章的原因之一是发觉论坛有不少人会问这样的一个问题,为什么修改了index.dwt,然后在模板设置中点确定之后原先做的修改却又不见了,其实这里完全可以利用<!-- TemplateBeginEditable name="右边文章区域" --><!-- TemplateEndEditable -->来在网站增加不同的区域,然后再根据自己的需要把各个板块放置在这些区域上的。

希望对新手能有帮助!顺便再做个广告,本站招友情链接,PR高的当然最好,嘿嘿!
ECShop下载                             ECShop4.0商业授权

呵可,还行,再调整一下就更好了。

TOP

底部文章

大哥 这底部这些怎么加上去啊?
未命名.jpg
ECShop下载                             ECShop4.0商业授权

TOP

你在文章分类的网店帮助分类下另外添加分类,然后加上文章,就会出现在这个位置的了。
ECShop下载                             ECShop4.0商业授权

TOP

请问怎样修改文章标题的字数

ECShop下载                             ECShop4.0商业授权

TOP

<!--{foreach from=$articles item=article}-->
  <a href="{$article.url}" title="{$article.title|escape:html}">{$article.short_title|truncate:8:"...":true}</a> <br />
  <!--{/foreach}-->
ECShop下载                             ECShop4.0商业授权

TOP

文章分类字体颜色在哪里改?
ECShop下载                             ECShop4.0商业授权

TOP

在style.css里面修改,比如上面的文章分类是<div class="box_1">下的 <span>属性...

TOP

我也来试一个,成功后我告诉大家。呵呵。

TOP

呵呵,还是这个好用,简单实用~  多谢了~~
ECShop下载                             ECShop4.0商业授权

TOP

  需要的都用上吧~嘿嘿
ECShop下载                             ECShop4.0商业授权

TOP

狂顶

我已用上了
http://kinghon.com/

TOP

原帖由 红胡子 于 2008-12-12 11:21 发表
请问怎样修改文章标题的字数


在商店设置中的显示显示里面有设置文章的字数选项的~
ECShop下载                             ECShop4.0商业授权

TOP

不错,学习一下
ECShop下载                             ECShop4.0商业授权

TOP

我也试一下
http://www.xie8.cn
ECShop下载                             ECShop4.0商业授权

TOP

返回列表