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

1505次閱讀

使用場(chǎng)景:

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

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


操作流程:

Step1:

開(kāi)啟功能:功能->搜索“首頁(yè)滾動(dòng)訂單管理”功能;

Step2:

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

Step3:

插入調(diào)用標(biāo)簽:在模板代碼找到需要添加滾動(dòng)訂單的位置,插入以下的調(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>已申請(qǐng)</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)營(yíng)編輯整理。

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

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

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

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

  • 搜外會(huì)員SEO交流群(免費(fèi))

    微信掃碼添加客服人員
  • 小程序運(yùn)營(yíng)交流群(免費(fèi))

    微信掃碼添加客服人員
  • 搜外會(huì)員SEM競(jìng)價(jià)交流群(免費(fèi))

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

    微信掃碼添加客服人員

掃碼獲取資源

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

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

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

    微信掃碼添加客服人員
  • SEO團(tuán)隊(duì)KPI管理表格

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

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

    微信掃碼添加客服人員

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

掌握SEO技巧、建站前端、群站霸屏、SEM入門(mén)、新聞源推廣……
Processed in 0.197033 Second , 42 querys.