目前位置: 首頁 > ECSHOP響應式模版設計 > ECSHOP 純 javascript 首頁主廣告

ECSHOP 純 javascript 首頁主廣告 超大 稍大 微大

原來如此 發表於: 2014-08-27 最後更新: 最後更新時間:2020-02-19

本文附件已遺失...

請至 https://github.com/mornone/msclass 下載

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技術支援, 是網路開店最佳選擇 ,最後更新時間: 最後更新時間:2020-02-19