首頁 > ECSHOP 相關文章與模板 > Ecshop 綜合文章 > ECSHOP 純 javascript 首頁主廣告

本文附件已遺失...

ECSHOP 內建的首頁主廣告圖片輪播是採用FLASH播放器，雖然特效比較多，但對SEO並不有好，某些移動裝置，尤其是部分手機也無法正常顯示，因此使用純 javascript  的首頁主廣告最保險，載入速度也比FLASH來得快，請在下載附件之後解壓縮，開啟 new_ad.lbi 依這需要修改如下參數...

-----------------------------------------------
主廣告寬度
{assign var="flash_width" value=496}
主廣告高度
{assign var="flash_height" value=216}
滾動方向 0=向上、1=向下、2=向左、3=向右
{assign var="flash_direction" value=0}
停留時間 1000=1秒
{assign var="flash_delayTime" value=3000}
開始前停留時間 1000=1秒
{assign var="flash_WaitTime" value=3000}
換圖速度 越大越慢
{assign var="flash_Timer" value=20}
步長 越小越慢
{assign var="flash_Step" value=10}
是否自動播放
{assign var="flash_AutoStart" value=1}
效果 easeOutCirc=緩動,0=閃動,easeOutBounce=跳動
{assign var="flash_easing" value="easeOutBounce"}
----------------------------------------------------------
new_ad.lbi 修改好之後存檔上傳至模板目錄的 library 資料夾內
index_ad.php 上傳至 ECSHOP 根目錄
MSClass.js 上傳至 ECSHOP 根目錄的 js 資料夾內

編輯 ECSHOP 根目錄的 index.php 約 167 行
$smarty->display('index.dwt', $cache_id);
前一行加入
include 'index_ad.php';

編輯 library 目錄的 index_ad.lbi 將


改為
{include file='library/new_ad.lbi'}

大功告成!
有些情況會因為模板的CSS設定不同，導致滾動後高度或寬度不足或太大，此時請修改 new_ad.lbi  中的         ScrollStep:{$flash_height}+2, (垂直)和(水平) ScrollStep:{$flash_width}+4.5, ，其中的+2和+4.5是根據我的模板調整的，你的應該會不同，可以是負數、小數點，單位是 px.......
修改後記得後台清除緩存
此修改適用 ECSHOP 2.7.2 2.7.3 2.7.4
點擊圖片可以放大檢視

如果你對ECSHOP 純 javascript 首頁主廣告有任何問題請到討論區發帖。