搜外6系统,如何展示首页滚动订单?

1143次阅读

使用场景:

为了让客户看到公司产品销售火热,网站主希望在网站首页滚动展示部分订单。

实际订单情况,可以从后台设置。


操作流程:

Step1:

开启功能:功能->搜索“首页滚动订单管理”功能;

Step2:

添加记录:首页滚动订单管理页面,添加需要展示内容;

Step3:

插入调用标签:在模板代码找到需要添加滚动订单的位置,插入以下的调取代码,如下

<div class="info-column col-lg-4 col-md-12 col-sm-12">

<div class="inner-column" style="background-image: url(https://www.seowhy.com/storage/14872/tpl/my_23/images/reserve-info.jpg)">

<!-- Sec Title -->

<div class="sec-title light centered">

<div class="title">Join Apply</div>

<h2>已申请</h2>

</div>

<div class="scroll-order" id="scroll_order_0" style="overflow:hidden;height:255px;width:300px;">

    <div id="scroll_order_1">

<ul class="table-list">

    {list_order}

        <li> [value:user/] <span> [value:content/]</span><br>

               <span> 刚刚</span>

        </li>

    {/list_order}

</ul>

    </div>

    <div id="scroll_order_2"></div>

    <script>

        var speed=50;

        scroll_order_2.innerHTML=scroll_order_1.innerHTML 

        function Marquee(){

            if(scroll_order_2.offsetTop-scroll_order_0.scrollTop<=0)

                scroll_order_0.scrollTop-=scroll_order_1.offsetHeight;

            else{

                scroll_order_0.scrollTop++;

            }

        }

        var MyMar=setInterval(Marquee,speed);

        scroll_order_0.onmouseover=function() {clearInterval(MyMar)};

        scroll_order_0.onmouseout=function() {MyMar=setInterval(Marquee,speed);}

    </script>

</div>


效果如图所示:

image.


参考视频教程:https://ke.seowhy.com/play/3998.html


本文由夫唯SEO特训营编辑整理,最后修订时间:2021-05-06

搜外专注SEO培训和SEO周边Saas服务解决方案,10年来超过五万学员在此获得技术提升和人脉圈子。

SEO课程包含移动搜索、零基础建站、群站SEO思维、搜外6系统、SEM入门等。

6月1日155期A班开始招生,报名课程,请添加招生客服小沫微信:seowhy2021。 微信扫码添加客服人员

我们的目标是:让非技术人员轻松学会互联网技术。

  • 搜外会员SEO交流群(免费)

    微信扫码添加客服人员
  • 小程序运营交流群(免费)

    微信扫码添加客服人员
  • 搜外会员SEM竞价交流群(免费)

    微信扫码添加客服人员
  • 夫唯学员SEO交流群(VIP)

    微信扫码添加客服人员

跟夫唯老师系统学习群站SEO
成为互联网运营推广大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入门、新闻源推广……
Processed in 0.099534 Second , 36 querys.