搜外6系統(tǒng),如何展示首頁滾動訂單?

1485次閱讀

使用場景:

為了讓客戶看到公司產(chǎn)品銷售火熱,網(wǎng)站主希望在網(wǎng)站首頁滾動展示部分訂單。

實際訂單情況,可以從后臺設(shè)置。


操作流程:

Step1:

開啟功能:功能->搜索“首頁滾動訂單管理”功能;

Step2:

添加記錄:首頁滾動訂單管理頁面,添加需要展示內(nèi)容;

Step3:

插入調(diào)用標簽:在模板代碼找到需要添加滾動訂單的位置,插入以下的調(diào)取代碼,如下

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

<div class="inner-column" style="background-image: url(/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特訓(xùn)營編輯整理。

搜外專注SEO培訓(xùn)和SEO周邊Saas服務(wù)解決方案,10年來超過五萬學(xué)員在此獲得技術(shù)提升和人脈圈子。

SEO課程包含移動搜索、零基礎(chǔ)建站、群站SEO思維、搜外6系統(tǒng)、SEM入門等。

192期A班報名時間7月1日-7月15日,請?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標是:讓非技術(shù)人員輕松學(xué)會互聯(lián)網(wǎng)技術(shù)。

  • 搜外會員SEO交流群(免費)

    微信掃碼添加客服人員
  • 小程序運營交流群(免費)

    微信掃碼添加客服人員
  • 搜外會員SEM競價交流群(免費)

    微信掃碼添加客服人員
  • 夫唯學(xué)員SEO交流群(VIP)

    微信掃碼添加客服人員

掃碼獲取資源

微信掃碼添加客服人員
  • SEO技術(shù)實戰(zhàn)微信群

    微信掃碼添加客服人員
  • 大站流量總監(jiān)群(審核身份)

    微信掃碼添加客服人員
  • Google獨立站英文SEO群

    微信掃碼添加客服人員
  • SEO團隊KPI管理表格

    微信掃碼添加客服人員
  • 工業(yè)品網(wǎng)站友情鏈接群

    微信掃碼添加客服人員
  • 本地生活服務(wù)業(yè)友鏈群

    微信掃碼添加客服人員

跟夫唯老師系統(tǒng)學(xué)習(xí)群站SEO
成為互聯(lián)網(wǎng)運營推廣大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入門、新聞源推廣……
Processed in 0.191334 Second , 68 querys.