|
讓你的網路商店每天更換多個風格設計檔StyleSheet.css,甚至使用者每按下一個畫面就隨機換一個新風格設計檔,讓你的網路商店時時耳目一新。
風格天天換展示
目前最新的版本一共可以支援三種更換風格設計檔的方式:
- 依照一星期7天更換
- 每按次頁就隨機更換不同風格
- 依照目前選擇的語系更換
修改步驟:
-
下載更換風格設計檔的程式 按此下載 ,把程式放到 catalog/ 資料夾之下。
-
設計多個風格設計檔,除了原來的stylesheet.css之外,其他要替換的風格設計檔在名字後面加數字,如stylesheet0.css stylesheet1.css stylesheet2.css ...等,注意數字從0開始,這些風格設計檔都放在 catalog/ 資料夾之下。
-
修改 catalog/includes/header.php
尋找下列程式段(約在55行位置)
<table border="0" width="100%" cellspacing="0" cellpadding="0">
在上述程式段的前面插入此段程式
<script language="javascript" src="changeStyle.js"></script>
說明:
參考本站「開店線上測試」的「網路商店前台展示網址」 風格天天換展示 ,每按一次到次頁就會更換一次風格設計檔。
要設計多個風格設計檔,可以參考本站的另一個免費服務 風格設計DIY
按照選擇的更換方式,必須搭配不同的風格設計檔案數量,比如說按照一星期7天,一天換一種風格設計檔,那就需要stylesheet0.css到stylesheet6.css等7個風格設計檔配合,分別代表星期日、星期一到星期六。
相關參數在第一個步驟下載的程式changeStyle.js 內約第9行的位置設定,參考下列程式說明
var changeType=1;
var numFile=7;
changeType 設定的數字,代表前面所列的風格更換方式.1.依照一星期7天更換;2.每按次頁就隨機更換不同風格;3.依照目前選擇的語系更換.
numFile 設定的數字,代表所有的風格設計檔案數量.
注意事項:
假如你的網站連線速度較慢,使用者可能會先看到原來的stylesheet.css風格設定,等客戶的瀏覽器把變更風格設計檔程式下載完成才看到轉換成新的風格設計。
倘若程式中設定配合的風格設計檔數目比你實際的風格設計檔數目多,則有可能造成版面變成完全沒有風格設計,因為系統找不到相對應的風格設計檔。
本程式是以是用JavaScript語言撰寫,倘若你的瀏覽器封鎖了JavaScript (Active Script) 的執行,就無法變換風格的設定檔。
|
