134期B班,报名截止9月30号 马上扫微信二维码,获得学员优秀案例 立即咨询

易企yiqicms网站实现最新产品滚动方法(图文)

有些yiqicms的模版,我们使用后会发现最新产品是以滚动的形式呈现的,当然有些模版是以固定的模式呈现的,这个功能取决于模版本身。

如果你正在使用的这个模版恰好就具备了产品滚动的功能,那么你只要发布产品之后,在首页最新产品就会以滚动的形式呈现给用户。

下载这套模版附件,亲自感受一下什么是产品的滚动功能。

如果你的模版没有自带产品滚动功能,那么就需要我们动手简单修改下代码。

下面,以yiqicms的默认模版为例子(默认模版没有自带产品滚动功能),要想实现网站产品滚动功能,需要三个步骤。
第一个步骤:打开ftp软件并且链接,把模版文件下的index.tpl文件传输到本地;

第二个步骤:使用notepad++软件打开index.tpl文件;
找到第37-40行的这段产品调用代码:
{assign var=”productlist” value=$productdata->TakeProductList(0,0,4)}
{foreach from=$productlist item=productinfo}
<div class=”thumb”><a href=”{formaturl type=”product” siteurl=$siteurl name=
$productinfo->filename}” target=”_blank”><img src=”{$productinfo->thumb}” title=”{$productinfo->name}” alt=”{$productinfo-
>name}”/></a><br/><a href=”{formaturl type=”product” siteurl=$siteurl name=$productinfo->filename}” target=”_blank”>
{$productinfo->name}</a></div>
{/foreach}

这段代码的意思是:调用最新的4个产品,不限分类。
如果你希望在首页调用最新的8个产品,那么你可以把(0,0,4)中的4修改成8,想要调用12个最新产品,就把4修改成12。

第三个步骤:添加代码

在产品调用代码前加上如下代码:

{literal}<style type=”text/css”><!–#demo {background: #FFF;overflow:hidden;width: 100%;}#indemo {float: left;width: 800%;}

#demo1 {float: left;}#demo2 {float: left;}–></style>{/literal}<div id=”demo”><div id=”indemo”><div id=”demo1″>

在产品调用代码后面加上如下代码:

</div><div id=”demo2″></div></div></div>{literal}<script><!–var speed=10;var tab=document.getElementById(“demo”);var

tab1=document.getElementById(“demo1”);var tab2=document.getElementById(“demo2”);tab2.innerHTML=tab1.innerHTML;function

Marquee(){if(tab2.offsetWidth-tab.scrollLeft<=0)tab.scrollLeft-=tab1.offsetWidthelse{tab.scrollLeft++;}}var

MyMar=setInterval(Marquee,speed);tab.onmouseover=function() {clearInterval(MyMar)};tab.onmouseout=function()

{MyMar=setInterval(Marquee,speed)};–></script>{/literal}

修改完成保存,然后上传覆盖原先的内容,回到网站首页刷新页面就会发现已经成功添加了首页最新产品滚动功能,点击滚动中的产品图
片就可以进入相对应的产品内容页面。

发布时间:2019-08-24

推荐阅读:

  1. 如何自查移动端(手机站)展现情况,并做好调整优化?
  2. 做好网站的集权措施,让网站SEO效果事倍功半
  3. 家乡土特产网上商城的一些思路(毕业论文)
  4. 搜外同学会-重庆夫唯老师项目分享会,
  5. 掌握软文技巧,站外发布软文增加网站曝光带来流量

了解夫唯学院

夫唯学院成立于2007年,11年来与数万学员共成长。创始人夫唯先生总结的四处一词、站内站、定向锚文本、聚合等多种核心优化策略,并在众多学员网站上得到验证。夫唯先生推崇“循序渐进,基业长青”的SEO运维思想,以SEOWHY为现实实战案例,历经5年零起步创造了网站品牌。

SEO培训报名联系方式:客服QQ86594013 客服微信:seowhy2018

关于我们 / 联系我们 / 人文关怀 / 付款方式 / 教研室夫唯学院为您提供SEO培训SEO培训教程,实时搜索引擎算法更新。 © 2018 SEOWHY Inc.