EZeShop - Electrical Commerce Professional

Blog 貨運宅配查詢

確認訂單並付款後,接下來客戶最想要知道的便是貨品什麼時候會到?若能在網路提供貨運狀況的查詢,讓客戶隨時掌握貨品運送的進度,相信可以增加客戶對網路商店的好印象。
本程式提供Blog貨運宅配查詢功能,在「貨運編號」欄位輸入貨運單的編號,在「貨運公司」欄位選擇貨運公司的名稱,按下查詢按鈕即可連結該貨運公司網站,查詢目前的貨運狀況。目前支援網路商店常用的國內幾家知名貨運公司,後續若有其他貨運公司支援線上查詢功能,也會陸續加入。使用本程式後,網路商店的管理者可以在e-mail通知客戶時,輸入出貨的貨運公司名稱及貨運單編號並通知客戶,這樣客戶就可以自己查詢運送進度。

程式碼:

Blog實際應用範例

osCommerce 貨運宅配查詢

確認訂單並付款後,接下來客戶最想要知道的便是貨品什麼時候會到?若能在網路商店前台提供貨運狀況的查詢,讓客戶隨時掌握貨品運送的進度,相信可以增加客戶對網路商店的好印象。
本程式提供osCommerce前台的貨運宅配查詢功能,在「貨運編號」欄位輸入貨運單的編號,在「貨運公司」欄位選擇貨運公司的名稱,按下查詢按鈕即可連結該貨運公司網站,查詢目前的貨運狀況。目前支援網路商店常用的國內幾家知名貨運公司,後續若有其他貨運公司支援線上查詢功能,也會陸續加入。使用本程式後,網路商店的管理者可以在後台更新訂單狀態時,在意見欄輸入出貨的貨運公司名稱及貨運單編號並通知客戶,這樣客戶就可以從前台自己查詢運送進度。

本程式搭配osCommerce的多國語系功能,同一支程式同時支援big5及UTF-8兩種內碼的osCommerce版本,若切換使用非中文內碼的其他語系(比如英文、德文),則以英文顯示資料。

程式下載

安裝方法

下載檔案,並解壓下列程式檔到 catalog/includes/boxes/ 資料夾:
catalog/includes/boxes/delivery_status.php
修改左右欄框程式,
要擺左邊就修改 catalog/includes/column_left.php
要擺右邊就修改 catalog/includes/column_right.php
把下列程式碼加到修改程式最後一個 ?> 的前一行

require(DIR_WS_BOXES . 'delivery_status.php');
如果要擺放不同位置,就依需要調整上面程式碼的位置。

移除方法
把增加到column_left.php或column_right.php的程式碼刪除掉即可。

補充說明
為了更新功能的彈性,本程式使用本站主機的 JavaScript 程式,因此可能受到本站主機網路流量的影響,同時在貨運宅配查詢訊息框下會出現本站的標籤,此點預先說明,請要使用本程式的網友自行斟酌。也請不要用任何方式來遮蓋本站標籤,如此將違反本程式的使用規則。
如果需要沒有本站標籤以及獨立執行 JavaScript 程式的版本,請利用產品諮詢洽商付費取得。

本站另提供「貨運宅配查詢進階版」程式修改服務,擴充後台的訂單編輯功能,讓管理者可以在訂單欄位輸入貨運編號,客戶也可以從我的帳號的訂單檢視裡,直接點選按鈕查詢該筆訂單的貨運狀況,無需另外輸入貨運編號,可以讓客戶更方便查詢運送進度,歡迎參考。

osCommerce UTF-8中文版iconv函數替代方案

osCommerce的UTF-8中文編碼版,會使用php的iconv()函數來做信件內容及標題的內碼轉換.而要使用iconv()函數必須主機在做php編譯時開啟iconv的編譯參數.倘若你所租用的虛擬主機剛好沒有開啟iconv參數,將會有如下的錯誤訊息發生,無法正常執行信件寄送的程序.

Fatal error: Call to undefined function: iconv() in /home/xxx/public_html/includes/functions/general.php on line 1017

本程式提供主機iconv的替代方案,改以php使用者自訂函數的方法來取代,解決虛擬主機商無法配合設定iconv參數的困境.
iconv函數替代方案整合big5字串處理函數集(big5_func.inc)的函數與內碼對照表,僅提供osCommerce的UTF-8中文編碼版使用,針對繁體(Bbig5及UTF-8編碼)及簡體中文(GB2312及UTF-8編碼)做中文內碼轉換,並非模擬完整的iconv()函數功能,因此本程式目前並不適用其他語系的轉換.

程式下載

安裝方法

下載檔案,並解壓下列程式檔到 catalog/includes/functions/資料夾:
catalog/includes/functions/osc_iconv.php
catalog/includes/functions/big5_gb.tab
catalog/includes/functions/big5_utf8.tab
catalog/includes/functions/gb_big5.tab
catalog/includes/functions/utf8_big5.tab
修改前台檔案 catalog/includes/application_top.php檔案內容
在最後一個 ?> 符號前一行,輸入下列程式碼,然後將檔案存檔.
require(DIR_WS_FUNCTIONS . 'osc_iconv.php');
修改後台檔案 catalog/admin/includes/application_top.php檔案內容
在最後一個 ?> 符號前一行,輸入下列程式碼,然後將檔案存檔.
require(DIR_FS_CATALOG. 'includes/functions/osc_iconv.php');

補充說明
如果將來主機商調整成有支援iconv參數時,本程式自動會判斷系統是否有支援iconv(),發現系統有支援時便不會產生自訂函數,因此會自動使用系統所提供的iconv()函數.

osCommerce 超商取貨模組

國內的台灣便利配ezShip提供超商取貨服務,可以讓客戶選擇鄰近的取貨超商,而且貨運的費用比宅配還低(目前一件只要50元運費),是網路商店站長節省成本以及方便的物流選擇(其他便利配使用細節及包裹損害賠償等,請參考台灣便利配網站說明)。
本程式把台灣便利配的超商取貨服務整合到 osCommerce 中,讓使用 osCommerce 的站長也能應用這個新的物流服務。
要使用超商取貨必須先到台灣便利配網帳,免費申請帳號並利用線上客服系統告知要利用網站程式使用超商取貨。詳細流程請參考台灣便利配的購物網站如何提供超商取貨的服務,其中的步驟二就直接使用本模組。

程式下載(big5版) 程式下載(utf8版)

本程式特別針對 osCommerce 網路商店的結帳流程設計,特色包含:
1.在訂單確認畫面才讓客戶選擇取貨超商,減少客戶產生多餘的超商取貨繳款單。
2.客戶選用超商取貨後,若未選擇超商無法按下訂單確認鈕,避免客戶未選超商就送出訂單。
3.提供修改付款模組的方法,限制部分不適合超商取貨的付款方式選擇。
4.在訂單檢視中提供超商取貨處理進度查詢。

安裝方法
1.將檔案解壓縮後,把下列檔案放到相對應的資料夾
catalog/includes/modules/shipping/ezship.php
catalog/includes/modules/order_total/ot_ezship.php
catalog/includes/languages/tchinese/modules/shipping/ezship.php
catalog/includes/languages/tchinese/modules/order_total/ot_ezship.php
catalog/images/icons/ezship.gif
2.然後在後台點選「外掛模組」->「出貨方式」 ,選擇「超商取貨」模組,點選右欄框的安裝按鈕. 安裝後如果需要設定貨運費用,則點選「超商取貨」模組,按右欄框的編輯按鈕,在「貨運費用」欄位輸入金額。
3.接著在後台點選「外掛模組」->「訂單總計」 ,選擇「超商取貨」模組,點選右欄框的安裝按鈕.接著再點選「超商取貨」模組,按右欄框的編輯按鈕,在「ezShip帳號」欄位輸入你的ezShip帳號(你申請的e-mail)。「是否顯示取貨超商地圖」欄位,則是設定客戶選完取貨超商後是否把取貨超商的地圖顯示在訂單中,如果擔心超商地圖破壞訂單畫面,可以把此欄位設定為false,如此就不會顯示超商地圖而改顯示地圖的超連結。

由於要做線上的出貨超商選擇,因此超商取貨模組包含出貨方式以及訂單總計兩組模組程式,出貨方式的模組做貨運費用的計算;訂單總計模組則提供出貨超商的選擇,讓客戶在訂單確認畫面中選擇出貨超商.

限制付款方式
使用超商取貨後,可能必須限制部分的付款方式不能使用,比如說目前台灣便利配沒有提供取貨付款的服務,因此必須在前台客戶出貨選擇超商取貨後,在付款畫面隱藏貨到付款的選項.要達到這樣的效果,請用文書處理軟體開啟你要設限的付款方式程式檔,以「貨到付款」模組為例,就是下列的檔案
catalog/includes/modules/payment/cod.php
尋找下列程式碼

function javascript_validation() {
return false;
}

在之前加入下列程式碼

function valid_check() {
global $shipping;
list($select_shipping_id)=explode('_',$shipping['id']);
if($select_shipping_id=='ezship') $this->enabled = false;
}

接著往前尋找下列程式片段

在最後一個大括號(紅色的 } )前一行加入下列程式碼

$this->valid_check();

移除方法
在後台點選「外掛模組」->「出貨方式」 ,選擇「超商取貨」模組,點選右欄框的移除按鈕;接著點選「外掛模組」->「訂單總計」 ,選擇「超商取貨」模組,點選右欄框的移除按鈕就可以把該模組解除安裝

台灣便利配的處理
收到訂單通知後,站長要以自己帳號登入台灣便利配網站,去查詢以及列印出貨條碼,然後把出貨商品連通出貨條碼帶到鄰近的超商,寄貨並繳貨運費用.這部分的操作請參考台灣便利配網站http://www.ezship.com.tw/

補充說明
為了更新功能的彈性,本程式使用本站主機的 JavaScript 程式,因此可能受到本站主機網路流量的影響,同時在前台結帳使用本模組超商取貨時,會再訂單確認畫面中出現本站的標籤,此點預先說明,請要使用本程式的網友自行斟酌。也請不要用任何方式來遮蓋本站標籤,如此將違反本程式的使用規則。
如果需要沒有本站標籤以及獨立執行 JavaScript 程式的版本,請利用產品諮詢洽商付費取得。

操作畫面
前台客戶結帳時,出貨資訊的選擇增加"超商取貨ezShip"的選項。

前台客戶結帳的訂單確認畫面,在訂單總計金額下方會出現"選擇取貨超商"的超連結,按下此連結會跳出新視窗做取貨超商的選擇。客戶沒有選好取貨超商,按下"確認訂單"按鈕會自動跳回此畫面,無法完成訂單確認。

客戶選擇自己方便取貨的超商後,按"下一步"按鈕,便會回到osCommerce的訂單確認畫面。

前台的訂單確認畫面在客戶選好取貨超商後,"選擇取貨超商"的超連結消失,並顯示出客戶所選擇取貨的超商資訊,客戶就可以繼續結帳的下一步驟。

客戶可以從「我的帳號」裡的訂單紀錄,查詢超商取貨的出貨進度。

osCommerce 網站投影片

網站首頁是客戶接觸的第一印象所在,適當的美工設計可以加深客戶的印象。如上面所展示的,本程式使用Prototype及script.aculo.us等Ajax類別函數庫,利用JavaScript語言製作出投影片播放的效果,可以讓相片或廣告文宣用動態的方式在首頁呈現。
只要簡單設定文宣或相片檔的連結位置,就可以輕鬆做出專業的效果。協助網路商店的老闆,打造 osCommerce 網站的專屬風格。
本程式執行時,會依照設定載入投影片圖檔,當首張投影片(不一定是順序的第一張)載入完成後,會先展示該張投影片,然後等下張投影片載入完成後才開始輪流播放,並以設定的切換效果(淡出、捲動、放射)來呈現。不會出現載入一半的圖檔,以維持投影片播放的美觀。

程式下載(big5版) 程式下載(utf8版)

安裝方法

將檔案解壓縮後,把下列檔案放到相對應的資料夾
catalog/includes/modules/webslide_osc.php
catalog/includes/effects.js
catalog/includes/prototype.js
catalog/images/infobox/btn_backward.jpg
catalog/images/infobox/btn_forward.jpg
catalog/images/infobox/btn_go.jpg
catalog/images/infobox/btn_stop.jpg
catalog/images/infobox/webslide-logo.jpg
依照要擺放網站投影片的位置,修改首頁程式 catalog/index.php 的內容。倘若要放在首頁歡迎光臨的文字之下,先尋找下列程式段落,大約在程式的300行左右
<tr>
<td class="main"><?php echo tep_customer_greeting(); ?></td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>

然後把下列程式碼加到尋找到的程式段落後面
<tr>
<td><?php include(DIR_WS_MODULES . 'webslide_osc.php'); ?></td>
</tr>
<tr>
<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
</tr>
用文字編輯器(如記事本)開啟新複製的檔案 catalog/includes/modules/webslide_osc.php ,依據下面的程式參數說明,修改網站投影片的展示方式,修改後存檔即完成安裝。

程式參數說明

/* setting area */
$wsFrameWidth=550; //顯示區寬度
$wsFrameHeight=300; //顯示區高度
$wsFrameBackgroundColor='black'; //顯示區背景顏色
$wsFrameBackgroundImage=DIR_WS_IMAGES.'infobox/webslide-logo.jpg'; //顯示區背景圖片
$wsButtonStop=DIR_WS_IMAGES.'infobox/btn_stop.jpg'; //暫停按鈕圖案
$wsButtonGo=DIR_WS_IMAGES.'infobox/btn_go.jpg'; //播放按鈕圖案
$wsButtonForward=DIR_WS_IMAGES.'infobox/btn_forward.jpg'; //下一張按鈕圖案
$wsButtonBackward=DIR_WS_IMAGES.'infobox/btn_backward.jpg'; //前一張按鈕圖案
$wsMouseStop=0; //是否滑鼠靠近暫停播放 0:不暫停 1:暫停
$wsInterTime=3; //投影片停留秒數
$wsAppearEffect=1; //投影片顯示特效 0:無 1:淡入(FadIn) 2:捲下(BlindDown) 3:放射(Grow)
$wsDisappearEffect=1; //投影片消失特效 0:無 1:淡出(FadOut) 2:捲上(BlindUp) 3:收縮(Shrink)
/* 投影片內容陣列 */
$wsImageArray[]='http://www.ezeshop.com.tw/ezeshop/images/school-01.jpg';
$wsImageArray[]='http://www.ezeshop.com.tw/ezeshop/images/school-02.jpg';
$wsImageArray[]='http://www.ezeshop.com.tw/ezeshop/images/school-03.jpg';
/* 投影片連結陣列 */
$wsLinkArray[]='http://www.ezeshop.com.tw/ezeshop/images/school-01.jpg';
$wsLinkArray[]='http://www.ezeshop.com.tw/ezeshop/images/school-02.jpg';
$wsLinkArray[]='http://www.ezeshop.com.tw/ezeshop/images/school-03.jpg';
/* setting area end */

$wsFrameWidth及$wsFrameHeight這兩個變數控制網站投影片顯示區的寬度與高度,程式會自動將放映投影片的寬高縮小,以符合顯示區的寬度與高度設定。
$wsFrameBackgroundColor變數控制顯示區的背景顏色,可以用文字或HTML的顏色編碼來指定。
$wsFrameBackgroundImage變數設定顯示區的背景圖網址,該背景圖會在顯示區的中央位置出現,而且會以原圖大小顯示,因此使用時要注意不要使用比顯示區還大的圖做為背景。投影片在切換時會看到背景,可以把網站的標誌圖做背景圖加深客戶印象。上例中的DIR_WS_IMAGES是osCommerce的商品圖檔資料夾的網址,如果所要做為背景的圖檔不在商品圖檔資料夾,則將此變數直接設定為該背景圖的網址字串。
$wsButtonStop及$wsButtonGo分別設定暫停及播放兩個按鈕圖檔的網址,如果設定為空字串,則該按鈕就不顯示。
$wsButtonForward及$wsButtonBackward則是設定下一張及前一張兩個按鈕圖檔的網址,如果設定為空字串,則該按鈕就不顯示。使用者按下這兩個按鈕時,撥放也會停止。
$wsMouseStop變數是定當滑鼠靠近投影片時,是否要暫停播放。
$wsInterTime變數設定投影片停留的秒數。
$wsAppearEffect及$wsDisappearEffect分別設定投影片切換時,出現及消失所使用的特效。
$wsImageArray是陣列變數,存放要播放的投影片圖檔網址,陣列的元素數量沒有限制,可以把程式裡面預設的圖片網址換成你要播放的圖片,也可以增加投影片的數量。
$wsLinkArray是陣列變數,存放投影片的連結網址,當客戶用滑鼠點投影片,就會連結到這個網址,如果沒有投影片的連結網址,就把相對應的陣列元素設為空字串。

移除方法
刪除掉新的網站投影片程式,把原來備份的程式改回原來的名字,即恢復為原來的網站首頁。

更換控制按鈕
網站投影片控制按鈕,可以由站長自行替換圖檔,站長可以自行設計按鈕圖檔,或使用我們提供的4種圖檔選擇,下列圖檔連結就是新的按鈕圖壓縮檔位置,以滑鼠點選按鈕圖下載檔案後解壓縮,放到 catalog/images/infobox 資料夾之中,替換掉原來的圖檔,就可以更換控制按鈕圖案.

補充說明
由於網站投影片使用本站主機的 JavaScript 程式,因此可能受到本站主機網路流量的影響,同時在網站投影片顯示區底下,會出現本站的標籤,此點預先說明,請要使用本程式的網友自行斟酌.
如果你還是覺得有需要,可以付費取得獨立執行且不顯示EZeShop標籤的版本,請利用產品諮詢洽商相關細節。請不要直接掩蓋或將連結的JavaScript程式下載修改去掉標籤,如此將違反本軟體的使用規定。

osCommerce 商品資訊擴充-多圖多媒體

osCommerce 原始的商品資訊只提供一張商品圖,本程式擴充原來的商品展示功能,不只多圖更給你多媒體,除了可以有多張的商品圖,更可以使用影像檔或聲音檔做商品展示,如此一來更能展現出銷售商品的特色。程式包含後台的管理介面,可以針對每個商品設定多組所要展示的圖檔或影音檔。
本程式的英文名稱為 Product Information Extension 縮寫為PIE,沒錯!縮寫跟派的英文字一樣,本程式的另一個特色就是安裝容易,跟吃派一樣簡單。除了把新增的檔案放到資料夾並新增資料表之外,需要修改程式碼的程式只有前後台各一支。運用程式設計的技巧把需要修改的程式減少,讓不懂程式設計的網友減輕負擔,也降低修改程式錯誤而無法執行的問題。

程式下載(big5版) 程式下載(utf8版)

安裝方法

下載檔案並解壓縮,建議不要直接放到osCommerce的資料夾,先在別的資料夾解壓縮後,再按照下列的路徑把檔案放到實際的osCommerce資料夾。
- catalog/popup_image_pie.php
- catalog/includes/modules/product_info_extension.php
- catalog/admin/product_info_extension.php
- catalog/admin/includes/languages/tchinese/product_info_extension.php
- catalog/admin/includes/languages/tchinese/pie_include.php
- catalog/admin/includes/languages/tchinese/images/buttons/
  button_product_info_extension.gif
其中最後一個檔案button_product_info_extension.gif是在後台商品管理右欄框增加的按鈕,視需要可以另行修改使用別的按鈕圖案以及其他按鈕文字。
設定資料庫,將下列的SQL指令複製到phpMyAdmin等資料庫管理工具執行,在osCommerce的資料庫建立出所需的資料表。

INSERT INTO `admin_files` (`admin_files_name`, `admin_files_is_boxes`, `admin_files_to_boxes`, `admin_groups_id`) VALUES ('product_info_extension.php', 0, 3, '1,3');

CREATE TABLE products_extensions (
products_extensions_id int(11) NOT NULL auto_increment,
products_id int(11) NOT NULL default '0',
extensions_content text default NULL,
extensions_icon varchar(64) default NULL,
extensions_source varchar(64) default NULL,
extensions_type varchar(32) default NULL,
extensions_width int(5) default NULL,
extensions_height int(5) default NULL,
sort_order int(3) default NULL,
PRIMARY KEY (products_extensions_id),
KEY products_id (products_id)
);

CREATE TABLE products_extensions_description (
products_extensions_id int(11) NOT NULL,
language_id int(11) NOT NULL default '1',
extensions_description text default NULL,
PRIMARY KEY (products_extensions_id,language_id)
);

上述SQL指令的第一列是讓新增加的後台程式可以列入中文版osCommerce的管理者權限管控;倘若是英文的原始版本則沒有管理者權限管控,因此第一列就不用執行。
按照下列的說明修改前後台程式。
程式名: catalog/product_info.php
尋找程式碼:
</noscript>
在後面增加下列程式碼:
<?php @include(DIR_WS_MODULES . 'product_info_extension.php'); ?>

程式名: catalog/admin/categories.php
尋找程式碼:
$contents[] = array('text' => '<br>' . TEXT_DATE_ADDED . ' ' . tep_date_short($pInfo->products_date_added));

在前面增加下列程式碼:
$contents[] = array('align' => 'center', 'text' => '<a href="' . tep_href_link('product_info_extension.php', 'cPath=' . $cPath . '&pID=' . $pInfo->products_id ) . '">' . tep_image_button('button_product_info_extension.gif', IMAGE_EDIT) . '</a>');

操作說明
後台的"商品目錄"功能中,當點選到某一商品時,在右欄框會增加一個"商品資訊擴充"按鈕。

按下"商品資訊擴充"按鈕,畫面會跳到該商品的商品資訊擴充列表,顯示出目前該商品設定的商品擴充資訊。按下列表下方的"插入"按鈕,即可新增一個商品擴充資訊。

新增擴充資訊時,填入相關的設定欄位,按下"插入"按鈕即新增該筆擴充資訊,各欄位說明如下。
資訊類型: 目前所支援的多媒體資料類型包含圖片(.GIF .JPG),影片/聲音(.WMV .WMA .MPG .MP3),檔案類型限制主要是因為在用戶端播放,必須是用戶端瀏覽器叫用的Windows Media Player 9有支援的檔案格式。
上傳檔案: 按下旁邊的瀏覽按鈕,可以選擇要上傳的多媒體檔案。但請注意主機WEB上傳檔案的容量限制,一般主機設定為2MB。
描述說明: 針對上傳的商品擴充資訊說明,會依據目前的語系有多組輸入欄位。
內容寬度: 設定擴充資訊在前台展示的寬度,若未特別指定,則使用系統參數中設定的商品小圖寬度。
內容高度: 設定擴充資訊在前台展示的高度,若未特別指定,則使用系統參數中設定的商品小圖高度。
排序: 該擴充資訊在前台展示的排序。

前台擴充資訊展示

補充說明
為了更新功能的彈性,本程式使用本站主機的 JavaScript 程式,因此可能受到本站主機網路流量的影響,同時在前台展示擴充商品資訊的底下,會出現本站的標籤,此點預先說明,請要使用本程式的網友自行斟酌。也請不要用任何方式來遮蓋本站標籤,如此將違反本程式的使用規則。
如果需要沒有本站標籤以及獨立執行 JavaScript 程式的版本,請利用產品諮詢洽商付費取得。

osCommerce 顯示氣象雲圖

一個可以顯示出氣象衛星雲圖的訊息框程式,可以擺在osCommerce的左右欄框中,這是連結到中央氣象局的即時資訊!台灣夏秋季節多颱風,上網時也能順便關心颱風動態,相信可以吸引一些人潮,尤其適合銷售戶外活動相關用品的網路商店。由下拉式選單切換東亞或台灣的雲圖,用滑鼠點一下圖,跳出視窗可以看放大的雲圖。還包含一個動態的圖,可以觀察颱風的變化。

Taiwan:台灣靜態衛星雲圖
E.Asia-Static:東亞靜態衛星雲圖
E.Asia-Dynamic:東亞動態衛星雲圖

程式下載

安裝方法

下載檔案,解壓到 catalog/includes/boxes/weather_box.php
如果你的主機是租用虛擬主機,那就要用FTP軟體把這個檔案放到你主機的osCommerce資料夾裡。
修改左右欄框程式,
要擺左邊就修改 catalog/includes/column_left.php
要擺右邊就修改 catalog/includes/column_right.php
把下列程式碼加到修改程式最後一個 ?> 的前一行

require(DIR_WS_BOXES . 'weather_box.php');
如果要擺放不同位置,就依需要調整上面程式碼的位置。
修改weather_box.php裡面標註 setting area 設定區域裡面的設定變數。

程式參數說明

$mtitle='衛星雲圖'; //訊息盒標題文字,若沒有任何文字的空字串,則不顯示標題列

移除方法
把增加到column_left.php或column_right.php的程式碼刪除掉即可。

補充說明
圖的下方會出現EZeShop標籤圖以及CWB的連結,CWB就是提供雲圖的中央氣象局。這兩個說明程式以及雲圖資料出處的連結,希望不要拿掉,否則使用氣象局的資料而沒有標註資料來源,可能會有侵權的問題。

osCommerce 管理者帳號復原

osCommerce後台的管理者密碼忘記了?!不就用原來的預設密碼嗎?什麼?!預設密碼也不行?你已經改過別的密碼了?!........
前述的情境尤其是osCommerce的初學者最常遇到,若本身又不懂phpMyAdmin的操作,可能就欲哭無淚了. 重裝當然可以解決,但假如你一開始資料也沒有備份的話,辛辛苦苦建立的商品資料可能要付諸流水了.
這支程式就是幫初學者把osCommerce後台管理者帳號,恢復成當初剛安裝好時的預設電子郵件及密碼(後台以電子郵件及密碼登入).只要可以把這支程式放到你的osCommerce資料夾並執行,就可以把管理者帳號復原!!
目前程式又擴充了新功能,除了幫你把管理者的帳號密碼恢復為初始值外,也會檢查osCommerce後台的"Session 儲存目錄"設定值對不對,若發現所設定的目錄不存在,就會幫你更改設定值,解決因為設定錯誤的Session儲存目錄而造成無法進入後台的問題.

程式下載

安裝方法

下載檔案,解壓到 catalog/admin_recover.php
如果你的主機是租用虛擬主機,那就要用FTP軟體把這個檔案放到你主機的osCommerce資料夾裡.
透過瀏覽器執行 admin_recover.php
開啟瀏覽器程式,在網址列輸入如 http://你的網址/catalog/admin_recover.php
畫面出現 Recover completely! 代表復原成功,你就可以安裝預定的電子郵件及密碼登入後台,記得登入後台第一件事,把管理者的密碼改掉,但這次你要記得新的密碼了!不改可不可以?當然也可以,不過全世界都知道osCommerce後台的預設管理者密碼....
最後一定要記得把 admin_recover.php 這支程式刪除掉,你一定不希望有人一天到晚去執行你這支程式,把你後台管理者帳號密碼復原,然後侵入你的後台吧!

補充說明
這支程式會讀取osCommerce前台的configure.php設定值,來連結資料庫,所以使用這支程式的前提是,你的osCommerce前台運作必須是正常的.

osCommerce 網頁守門員

任何人只要可以上網,就可以到你的網頁,雖然資訊分享與傳遞是網際網路的精神,但有時候不速之客的拜訪,反而會引發事端.運用這個「網頁守門員」程式,就可以幫你擋掉不速之客,讓他無法看到你的網頁,你也可以省下應付的時間,專注於更值得你花心思的事情.
本程式還有另一個效果,可以顯示出訪客的IP位址以及使用的瀏覽器軟體,你也可以加設自己的歡迎詞,做為歡迎訪客的訊息.

測試一下!把我導引到別的網頁

「網頁守門員」主要是使用IP偵測的技術,來偵測網頁訪客的IP位址,據此決定是否擋掉.而擋掉的方法則是把他的瀏覽器導引到別的網頁,如此一來他就看不到你的網頁內容了.

程式下載(big5版) 程式下載(utf8版)

安裝方法

下載檔案,解壓到 catalog/includes/boxes/doorkeeper.php
修改左右欄框程式,
要擺左邊就修改 catalog/includes/column_left.php
要擺右邊就修改 catalog/includes/column_right.php
把下列程式碼加到修改程式最後一個 ?> 的前一行

require(DIR_WS_BOXES . doorkeeper.php');
如果要擺放不同位置,就依需要調整上面程式碼的位置。
修改doorkeeper.php裡面標註 setting area 設定區域裡面的設定變數。

程式參數說明
下面是在doorkeeper.php裡面的參數範例,請參考後面的說明:

$dk_box_head='訪客資訊';
$dk_herader='歡迎光臨!';
$dk_text_client_ip='IP: ';
$dk_text_client_agent='軟體: ';
$dk_dk_footer='<img src="http://www.webdeveloper.com/animations/bnifiles/puma.gif">';
$dk_ban_ip='xxx.xxx.xxx.xxx;yyy.yyy.yyy.yyy';
$dk_redirect_http='http://nssdc.gsfc.nasa.gov/image/planetary/mars/marsglobe2.jpg';

最前面幾個參數主要是控制訪客到訪時,要呈現的歡迎詞內容,參數內容說明如下.
$dk_box_head 訊息框的標題
$dk_herader 頁首出現的歡迎詞
$dk_text_client_ip 顯示訪客IP的標題
$dk_text_client_agent 顯示訪客瀏覽器軟體的標題
$dk_dk_footer 頁尾出現的歡迎詞
前述的參數若內容設定為空字串,或把該參數拿掉,就不會顯示該部分的歡迎詞,歡迎詞內也可以使用<img>之類的HTML指令來連結圖片或動畫,前面例子中的頁尾就連結到免費的GIF動畫.

IP黑名單
接著要設定的就是你要擋掉的IP位址,參數為 $dk_ban_ip 變數,上例中已經設定了2組擋掉IP黑名單,但設定值是用假設的 xxx.xxx.xxx.xxx 及 yyy.yyy.yyy.yyy ,你要把 x 跟 y 改成你實際要擋掉的IP數字.你也可以自己多加幾組擋掉IP,只要每組IP之間用分號(;)隔開即可.
IP的格式也可以使用萬用字元的用法,如下例的IP表示法: 192.168.1.* 代表以192.168.1 三碼開頭的IP位址全部擋掉.這樣就可以更方便地設定阻擋整個class C或class B 的IP.不過我還是要提醒,這樣子擋掉的IP數量非常多(1~255),也代表可能有許多無辜網友的IP也一起被擋掉.
至於如何知道不速之客的IP位址呢?從後台的系統工具->線上客戶選單就可以看到目前的線上客戶,其中就有客戶的IP位址.
在設定擋掉IP黑名單時,還有一個網路現狀你一定要知道,很多使用非固定IP的ADSL用戶,他上網的IP是連線時動態配置的,所以IP的主人有可能變來變去,因此不速之客若使用非固定IP的ADSL,你擋掉他的IP會造成所有同一家ISP的用戶,動態配置到不速之客用過的IP,也一樣被擋掉無法看到你的網頁.學生使用學校電腦也會有這種情形,可能多個學生共用1組IP.因此你設定擋掉IP時,要明瞭可能連帶一部份的無辜者也會被你擋掉.你也可以事先用網路上提供的whois服務來確認一下IP的使用單位,再決定是不是擋掉這個IP.

導引網址
偵測出不速之客後,當然是把他丟到(導引到)別的網址,不要讓他看你網頁內容,設定的參數名稱是 $dk_redirect_http , 直接給網址就可以,什麼?!你要把不速之客丟到FBI去調查!(http://www.fbi.gov),嗯..也是可以..什麼?你要把不速之客丟到火山!(http://www.photo.net/photo/pcd4229/mirage-volcano-7.4.jpg),這...這有點狠,我是比較愛好和平的,上面的例子是把不速之客直接丟到火星.(更狠....)

補充說明
由於網頁守門員使用本站主機的 JavaScript 程式,因此可能受到本站主機網路流量的影響,同時在網路守門員訊息框底下,會出現本站的標籤,此點預先說明,請要使用本程式的網友自行斟酌.

網頁守門員展示

Blog 網頁守門員

「網頁守門員」主要是使用IP偵測的技術,來偵測網頁訪客的IP位址,據此決定是否擋掉.而擋掉的方法則是把他的瀏覽器導引到別的網頁,如此一來他就看不到你的網頁內容了.

測試一下!把我導引到別的網頁

把後列的程式碼貼在文章內或Sidebar的自由欄位中,程式碼包含3個部分,「參數設定」跟「主程式」是必要的;而「風格設定」則在需要設定網頁守門員的呈現風格時,視情況貼上.
請注意!程式碼貼上之後,一定要參考我後面說明的設定方法來修改你自己的參數,否則不會有導引的效果.

參數設定

主程式

風格設定

如何設定參數
IP黑名單
第一個要設定就是你要擋掉的IP位址,參數為 ban_ip 陣列,上例中已經設定了2組擋掉IP黑名單,分別是ban_ip[0]及ban_ip[1],但設定值是用假設的 xxx.xxx.xxx.xxx 及 yyy.yyy.yyy.yyy ,你要把 x 跟 y 改成你實際要擋掉的IP數字.你也可以自己多加幾組擋掉IP,只要延續陣列註標的數字即可,因此上例若要增加IP則是 ban_ip[2] , ban_ip[3] , ......
至於如何知道不速之客的IP位址呢?大部分Blog的留言功能,都可以讓Blog的主人看到留言者的IP位址,或者是從網站的存取紀錄也可以看到造訪者的IP位址,這樣你就可以把出言不遜的IP位址列入擋掉IP的黑名單中.
在設定擋掉IP黑名單時,還有一個網路現狀你一定要知道,很多使用非固定IP的ADSL用戶,他上網的IP是連線時動態配置的,所以IP的主人有可能變來變去,因此不速之客若使用非固定IP的ADSL,你擋掉他的IP會造成所有同一家ISP的用戶,動態配置到不速之客用過的IP,也一樣被擋掉無法看到你的網頁.學生使用學校電腦也會有這種情形,可能多個學生共用1組IP.因此你設定擋掉IP時,要明瞭可能連帶一部份的無辜者也會被你擋掉.你也可以事先用網路上提供的whois服務來確認一下IP的使用單位,再決定是不是擋掉這個IP.

導引網址
偵測出不速之客後,當然是把他丟到(導引到)別的網址,不要讓他看你網頁內容,設定的參數名稱是 redirect_http , 直接給網址就可以,什麼?!你要把不速之客丟到FBI去調查!(http://www.fbi.gov),嗯..也是可以..什麼?你要把不速之客丟到火山!(http://www.photo.net/photo/pcd4229/mirage-volcano-7.4.jpg),這...這有點狠,我是比較愛好和平的,上面的例子是把不速之客直接丟到火星.(更狠....)

其他幾個參數是設定非黑名單訪客到訪時,要呈現的歡迎詞內容,參數內容說明如下.
dk_herader 頁首出現的歡迎詞
text_client_ip 顯示訪客IP的標題
text_client_agent 顯示訪客瀏覽器軟體的標題
dk_footer 頁尾出現的歡迎詞
前述的參數若內容設定為空字串,或把該參數拿掉,就不會顯示該部分的歡迎詞,歡迎詞內也可以使用<img>之類的HTML指令來連結圖片或動畫,上例中的頁尾就連結到免費的GIF動畫.

如何變更風格
這個部分必須你自己熟悉CSS的設定,才有辦法修改,你也可以尋找其他Blog的CSS教學來參考.網頁守門員用到下列的CSS類別設定:
.doorkeeper_board 控制整個歡迎詞版面的大小及底色風格
.doorkeeper_content 設定顯示歡迎詞文字的整體風格
.doorkeeper_header 設定頁首內容的風格
.doorkeeper_ip 設定顯示IP位址文字的風格
.doorkeeper_agent 設定顯示瀏覽器軟體文字的風格
.doorkeeper_footer 設定頁尾內容的風格

Blog實際應用範例

Blog 四眼天雞獨門舞步

利用JavaScript程式連結到迪士尼Disney的「四眼天雞」官方網站,這個動畫是由Disney授權提供,可以擺在自己的Blog裡,我增加了一個程式讓四眼天雞可以隨機地變換舞步,以及把鏡頭拉近拉遠來欣賞四眼天雞的舞步.
你可以把下列的程式碼,複製放到你的自由欄位之中,或擺在文章裡面.有兩組連結方法,第一種程式碼是小隻的四眼天雞,有4種舞步;第二種的程式碼是大隻的四眼天雞,但只有2種舞步.

小隻四眼天雞程式碼:

大隻四眼天雞程式碼:

Blog實際應用範例

osCommerce 多用途商品展示跑馬燈第二代

原來的多用途商品展示跑馬燈推出後,頗受網友們青睞,本站又本著精益求精的精神,將原來使用<marquee>標籤的跑馬燈展示方式,改為使用JavaScript程式的跑馬燈,這樣一來可以與更多的瀏覽器相容,捲動的速度也有了變化,產生具有特色的捲動效果,同時也讓使用的網站站長,對跑馬燈能有更多的控制。
延續第一代的做法,本程式仍然提供展示新進商品、特價商品、暢銷商品等多種用途,同時增加一個控制面板的選項,讓瀏覽的網友可以控制商品跑馬燈的方向,才不會錯失了想要了解的商品訊息。
第二代的多用途跑馬燈由於使用不同的跑馬燈指令,在前一代多用途跑馬燈以橫向展示多個商品的做法,目前在第二代中尚無法用這種方式展示,由於使用的JavaScript程式寫法的關係,一次僅會有一個商品出現,並不會有多個商品移動的效果,所以假若是在主頁設定橫向多個商品跑馬燈展示的網站,建議還是使用原來的多用途商品展示跑馬燈。

程式下載(big5版) 程式下載(utf8版)

安裝方法

把預計要替換掉的商品展示訊息框程式改名字,將原始程式保留下來
新進商品 catalog/includes/boxes/whats_new.php
特價商品 catalog/includes/boxes/specials.php
暢銷商品 catalog/includes/boxes/best_sellers.php
將檔案解壓縮後,把下列檔案放到相對應的資料夾
catalog/includes/boxes/marquee_box2.php
catalog/images/infobox/btn_backward.jpg
catalog/images/infobox/btn_forward.jpg
catalog/images/infobox/btn_go.jpg
catalog/images/infobox/btn_stop.jpg
把marquee_box2.php複製成你要替換掉的商品展示程式,新名字如同第一個步驟所列(whats_new.php specials.php best_sellers.php)
用文字編輯器(如記事本)開啟新複製的檔案,依據下面的程式參數說明,修改多用途跑馬燈的展示方式,修改後存檔即完成安裝。

程式參數說明

$mtitle='多用途跑馬燈'; //訊息盒標題文字,若沒有任何文字的空字串,則不顯示標題列
$mswitch=1; //跑馬燈內容: 1特價商品 2新進商品 3暢銷商品 4暢銷商品排行
$mheight='140'; //跑馬燈高度
$mwidth=BOX_WIDTH; //跑馬燈寬度
$mbgcolor='#FFFFFF'; //跑馬燈背景顏色
$mdirection='up'; //跑馬燈捲動方向: up , left , right , down
$mscrollAmount='50'; //跑馬燈捲動速度,最小值1,最大值為跑馬燈高度,數字越大越快
$mscrollDelay='2000'; //跑馬燈商品跑到中間停滯的時間,數字越大越久
$mscrollSpeedRatio='1.6'; //跑馬燈捲動速率變化比,1到2之間數字,越大變化越多
$mpanel='1'; //跑馬燈是否顯示控制按鍵: 0不顯示 1顯示
$mbStop=tep_image(DIR_WS_IMAGES.'infobox/btn_stop.jpg','stop'); //跑馬燈捲動停止按鍵
$mbGo=tep_image(DIR_WS_IMAGES.'infobox/btn_go.jpg','go'); //跑馬燈開始捲動按鍵
$mbForward=tep_image(DIR_WS_IMAGES.'infobox/btn_forward.jpg','forward'); //跑馬燈前進按鍵
$mbBackward=tep_image(DIR_WS_IMAGES.'infobox/btn_backward.jpg','backward'); //跑馬燈後退按鍵

暢銷商品與暢銷商品排行的差別在於是否顯示排行的名次,暢銷商品排行會依據商品的訂單數量列出排名數字。
關於變速捲動的部分,前面設定值裡面的參數會讓商品進入中央位置前先減速,到達中央位置會停頓,停頓時間截止後會加速離去.會影響到的速度變化的有以下兩個參數:
$mscrollDelay 影響到達中央位置停頓時間,數字越大停留越久
$mscrollSpeedRatio 影響速度變化比值,1到2之間的數字可含小數,數字越大加速變化越多
調整以上參數就可以達到自己的速度變化方式.
同樣地,若想維持跟第一代的多用途跑馬燈一樣,等速的方式捲動,不要有速度變化的話,那就設定成下列的值:

$mscrollAmount='1';
$mscrollDelay='0';
$mscrollSpeedRatio='1';

這樣就成為等速的捲動,其中$mscrollAmount參數設定為1是把捲動速度調慢.

移除方法
刪除掉新的跑馬燈展示程式,把原來備份的展示程式改回原來的名字,即恢復為原來的商品展示程式。

第二代多用途跑馬燈商品展示畫面

更換控制按鈕
第二代多用途跑馬燈的控制按鈕,可以由站長自行替換圖檔,我也多提供3種按鈕,加上原來附的就有4種供選擇,下列圖檔連結就是新的按鈕圖壓縮檔位置,以滑鼠點選按鈕圖下載檔案後解壓縮,放到 catalog/images/infobox 資料夾之中,替換掉原來的圖檔,就可以更換控制按鈕圖案.

特別感謝 husky.com.tw 的 LUKA爸提供另一組檔案更小的按鈕.因為改用gif圖檔,所以使用時請將設定的按鈕圖檔副檔名從jpg改為gif.

補充說明
由於多用途商品展示跑馬燈第二代使用本站主機的 JavaScript 程式,因此可能受到本站主機網路流量的影響,同時在多用途商品展示跑馬燈第二代訊息框底下,會出現本站的標籤,此點預先說明,請要使用本程式的網友自行斟酌.
如果你還是覺得有需要,可以付費取得獨立執行且不顯示EZeShop標籤的版本,請利用產品諮詢洽商相關細節。請不要直接掩蓋或將連結的JavaScript程式下載修改去掉標籤,如此將違反本軟體的使用規定。

Blog 自訂文章分類選單

有部分主機提供的Blog系統,沒有文章分類的功能,只能依據文章日期來讀取文章,這樣子的方式對讀者來說並不太方便,尤其是當讀者只想看自己有興趣的主題時。
本程式可以提供作者自己做文章分類的管理,同時可以在Blog顯示文章分類的選單,該選單並有滑鼠點選展開與收合的效果,可以讓Blog版面簡潔單純.

文章分類選單示範:

程式碼1:

程式碼2:

程式碼1是導入所使用的函數,程式碼2則是由作者自己維護的文章分類標題及文章連結.

設定分類標題:

catalog_title[0]="網路商店;1";

程式碼2中標註 add catalog title 的部分是設定分類標題的區塊,分類標題由catalog_title陣列控制,陣列註標由0開始。
catalog_title的陣列元素設定值有兩個,以分號「;」隔開,第一個設定值是標題文字,上列中的「網路商店」即是該分類的標題文字;第二個設定值設定為1時,代表該分類標題預設展開,設定為0或不設定時,該標題預設為收合。
新增分類標題時只要增加catalog_title的陣列元素,依順序給新陣列元素註標。

設定文章連結:

article[1][0]="顯示氣象雲圖;http://blog.yam.com/ecommerce/archives/364258.html;1"

程式碼2中標註 add article link 的部分是設定文章連結的區塊,文章連結由article陣列控制,陣列註標由0開始,註標有兩組,第一組註標標示出是哪一個分類標題,對應到前述分類標題陣列的註標;第二組註標則標示出該分類標題的第幾篇文章。
article的陣列元素設定值有三個,以分號「;」隔開,第一個設定值是文章標題,上列中的「顯示氣象雲圖」即是該文章的標題文字;第二個值設定文章的連結位址;第三個設定值設定為1時,代表點選該文章連結會開啟新的瀏覽器視窗,設定為0或不設定時,則在原視窗顯示該篇文章內容。
新增文章時只要增加article的陣列元素,同時注意依據該文章所屬分類給第一組註標,再依文章順序給第二組註標。
新設定的分類標題要開始設定文章連結前,要先宣告該分類標題所屬的文章陣列,如下面的例子:

article[1]=new Array();

其中的註標即是新分類標題的註標值。

改變選單風格:
程式碼2中以標籤包起來的部分,即是文章分類選單的外觀設定CSS,其中div.catalog是設定分類標題,div.article是設定文章連結。

Blog實際應用範例

Blog 隨機切換網頁樣式

每次造訪或更新你的Blog網頁時,隨機切換不同佈景樣式(theme),最適合不喜歡一成不變的網友,也讓造訪你Blog的網友有不同的驚喜!利用簡單的JavaScript程式,以亂數決定所要使用的佈景樣式,目前內定切換的是樂多Blog所提供的20種佈景(適用於使用樂多網站的Blog).

把下列程式碼貼到自由欄位或文章裡面,貼到自由欄位時,不必單獨做一個欄位,可以附在其他自由欄位內容的後面,但樂多的自由欄位只在Blog的首頁出現,所以若附在自由欄位後面就只有首頁有這個效果,若要讓單篇文章也有這個效果,就要貼在文章裡面,最好貼在文章的最後面,避免多篇文章列表時,多篇文章同時產生這個效果,可能會發生不可預期的結果?!
網頁一開始會先載入你預設的樣式,然後才切換到隨機更換的樣式,若要採用這個小技巧,建議預設的樣式儘量選擇比較簡單一點的.
除了可以隨機切換之外,也可以在Blog的自由欄位或文章裡顯示一個可以選擇網頁樣式的下拉式選單,這樣就可以由造訪你Blog的網友自己決定網頁風格,由於之前有看到網友討論樣式的字大小的問題,若能由網友自行依據閱讀習慣來改變字的大小,各取所需,相信是比較好的解決方案.
測試切換本頁樣式(選項內容為osc適用樣式)

應用1:隨機切換網頁樣式
程式碼:

應用2:下拉選單切換網頁樣式
程式碼:

紅色的部分與前面設定隨機顯示網頁樣式的程式碼相同,若是同時要隨機切換也要顯示下拉選單的話,要記得紅色部分不能重複,只要寫一次即可.

說明:增加你自己的網頁樣式
我程式中附的網頁樣式是引用樂多所提供的樣式,可能其他的Blog網站不適用,你可以增加你自己設計的樣式,或適用其他Blog網站的網頁樣式,方法如下面的程式碼例子:
程式碼:

在叫用ShowStyleMenu()函數之前,先設定樣式陣列的元素,就可以增加新的樣式到下拉式選單中提供選擇. 上例中增加了2個新的樣式選擇,s[20]是指編號20的s陣列元素,而設定的字串裡面,前面是選項的名稱,後面是該選項樣式的網址,要注意中間以分號隔開.所以s[20]增加了chinamoon選項,其樣式網址為http://blog.yam.com/theme/chinamoon/site.css 選項名稱也可以使用中文,如同s[21]所示.
原來所提供的樂多網頁樣式,也可以把它置換或取消,s陣列最前面的20個元素就是預設的樂多網頁樣式,要替換時要注意陣列編號是從0開始,所以前20個元素是 s[0] 到 s[19],你可以直接設定這幾個元素的新字串值,或給空的字串,那麼該陣列元素就不會顯示為選項.

Blog實際應用範例

Blog 每日漫畫學英語

每天提供一則英語漫畫,除了幽默之外,也可以學習到一些口語化的英語.放進你的Blog的自由欄位,可以讓你的Blog更精采!!
用滑鼠點一下圖,會跳出視窗可以看放大圖,漫畫的字會更清楚,而且底下加了Yahoo字典的查詢欄,可以馬上查不懂得英文單字.

利用JavaScript程式連結到國外的漫畫網站 http://www.tedgoff.com/ ,每天會更換不同漫畫,因為是在國外所以更換的時間有時差.
你可以把下列的程式碼,複製放到你的自由欄位之中,或擺在文章裡面.

程式碼:

說明:
用滑鼠點圖跳出來的視窗,可以清楚看到漫畫的對白,遇到不懂得英文單字,可以直接輸入的下方的欄位跳到Yahoo字典查詢,不過有單字是呈現漫畫幽默的俗語或諧音字,可能在字典會查不到.

Blog實際應用範例

Blog 顯示氣象雲圖

一個可以顯示出氣象衛星雲圖的小程式,可以擺在你的Blog中,這是連結到中央氣象局的即時資訊!颱風天上網看Blog時,也可以順便關心一下颱風動態. 選擇切換東亞或台灣的圖,用滑鼠點一下圖,跳出視窗可以看放大的雲圖.

利用JavaScript程式連結到中央氣象局,顯示出即時的氣象衛星雲圖.
你可以把下列的程式碼,複製放到你的自由欄位之中,或擺在文章裡面.

程式碼:

若網友的 sidebar 比較窄,可以用 width 參數來讓小圖變窄,最窄可以設到110像素寬度,若不設定的話使用內定寬度160像素.要縮小圖寬度的網友請參考下面的例子:

程式碼:

說明:
這支JavaScript程式會顯示中央氣象局的整點衛星雲圖檔,除了夜間11點之外,每個整點中央氣象局都會產生出新的衛星雲圖,程式會依據瀏覽器的時間來判斷要顯示哪個整點的圖,基本上是顯示瀏覽器現在時間的前一個整點的圖.

Blog實際應用範例

osCommerce 按鈕設計DIY

安裝步驟1:修改 osCommerce 的按鈕顯示函數
osCommerce 的按鈕顯示函數所在的程式檔案為 catalog/includes/functions/html_output.php
請先把這個檔案的原始檔備份起來,修改若有問題便可以還原到原始檔.在此檔案裡有兩個跟按鈕相關的函數定義,分別是 tep_image_submit() 跟 tep_image_button(), 找到這兩個函數所在位置後(約在176行及192行位置), 做以下修改:
找到tep_image_submit()函數定義最後一行指令(約在187行)

return $image_submit;

在該行前面插入下列程式碼:

$ba=array('button_quick_find.gif','button_tell_a_friend.gif');
global $submit_no;
$submit_no +=1;
if(!in_array($image,$ba)) return '<input type="submit" value="" id="submit_'.$submit_no.'" style="border-style: none;background-color:transparent;visibility:hidden;"><span onClick="document.getElementById(\\'submit_'.$submit_no.'\\').click();" onmouseover="document.getElementById(\\'submitl_'.$submit_no.'\\').className=\\'cssbLeftMouseOver\\';document.getElementById(\\'submitm_'.$submit_no.'\\').className=\\'cssbMiddleMouseOver\\';document.getElementById(\\'submitr_'.$submit_no.'\\').className=\\'cssbRightMouseOver\\';" onmouseout="document.getElementById(\\'submitl_'.$submit_no.'\\').className=\\'cssbLeft\\';document.getElementById(\\'submitm_'.$submit_no.'\\').className=\\'cssbMiddle\\';document.getElementById(\\'submitr_'.$submit_no.'\\').className=\\'cssbRight\\';"><span id="submitl_'.$submit_no.'" class=cssbLeft></span><span id="submitm_'.$submit_no.'" class=cssbMiddle>'.$alt.'</span><span id="submitr_'.$submit_no.'" class=cssbRight></span></span>';

找到tep_image_button()函數定義最後一行指令(約在195行)

return tep_image(DIR_WS_LANGUAGES . $language . '/images/buttons/' . $image, $alt, '', '', $parameters);

在該行前面插入下列程式碼:

global $submit_no;
$submit_no +=1;
return '<span onmouseover="document.getElementById(\\'submitl_'.$submit_no.'\\').className=\\'cssbLeftMouseOver\\';document.getElementById(\\'submitm_'.$submit_no.'\\').className=\\'cssbMiddleMouseOver\\';document.getElementById(\\'submitr_'.$submit_no.'\\').className=\\'cssbRightMouseOver\\';" onmouseout="document.getElementById(\\'submitl_'.$submit_no.'\\').className=\\'cssbLeft\\';document.getElementById(\\'submitm_'.$submit_no.'\\').className=\\'cssbMiddle\\';document.getElementById(\\'submitr_'.$submit_no.'\\').className=\\'cssbRight\\';"><span id="submitl_'.$submit_no.'" class=cssbLeft></span><span id="submitm_'.$submit_no.'" class=cssbMiddle>'.$alt.'</span><span id="submitr_'.$submit_no.'" class=cssbRight></span></span>';

ps:第1個步驟只要開始時做一次,下次改用別的按鈕設計時,這個步驟就可以不必做,直接進行第2個步驟.

安裝步驟2:製作自己的按鈕
利用上面所提供的工具,設計出自己的按鈕後,按下「完成」按鈕,在下方的「stylesheet.css增加內容」以及「按鈕圖案下載」欄位就會顯示出所設計的按鈕內容以及相關圖檔.

安裝步驟3:複製檔案
把前步驟產生「按鈕圖案下載」連結的3個圖檔放入資料夾 catalog/images/
接著用文字編輯軟體開啟你 osCommerce 的風格設計檔 catalog/stylesheet.css
按下「stylesheet.css增加內容」欄位旁的「複製內容」按鈕,把設計內容複製到系統剪貼簿,然後切換到文字編輯軟體,選擇編輯貼上,把設計內容貼到你的stylesheet.css檔案之中,你可以貼在 .boxText (約12行位置)文字的前一行,儲存你新的stylesheet.css檔案即完成.

何謂 CSS_BUTTON?
「按鈕設計DIY」所產生的按鈕,與一般的圖檔按鈕不同(參考下圖說明),我們稱之為CSS_BUTTON,顧名思義這個按鈕是透過CSS風格設計的定義,來產生按鈕圖案.CSS_BUTTON具有以下的特色:

所有的按鈕均使用同一組按鈕圖檔,用戶端瀏覽器顯示時只要下載一組圖檔,在多個按鈕顯示的情況下可以節省畫面更新時間.
也因為使用同一組圖檔,設計師設計按鈕時,不必為不同文字製作不同按鈕,節省按鈕製作時間.
自動讀取 osCommerce 的語系定義檔抓取按鈕文字內容,因此不同語言的瀏覽器會配合 osCommerce 的多語系功能,自動切換按鈕文字的語系.
按鈕長度會自動依據文字內容拉長.
按鈕的圖案可以依據不同的風格設計替換.

進階應用1
前面的安裝步驟1就是修改原來的osCommerce按鈕函數改採CSS_BUTTON.其中的第一段修改程式設定的陣列變數如下:

$ba=array('button_quick_find.gif','button_tell_a_friend.gif');

這個 $bs 陣列是用來記錄不使用CSS_BUTTON的按鈕,因為有一些按鈕並沒有文字,比如說搜尋的按鈕以及推薦親友的按鈕,這些按鈕若使用CSS_BUTTON會造成按鈕過長而破壞左右欄框的版面.你也可以把其他你不想使用CSS_BUTTON的按鈕圖檔名稱加到這個陣列,告訴CSS_BUTTON程式使用原來的圖檔按鈕.

進階應用2
由於CSS_BUTTON的設定是存放在風格設計檔stylesheet.css之中,因此你可以與本站提供的另一個免費程式「版面風格天天換」配合,在自動更換 osCommerce 版面風格時,同時也替換掉配合的CSS_BUTTON.

osCommerce 圖形化選單

主選單是網站提供服務的入口,若能以類似Office 2000軟體中的圖形化選單來呈現,將更吸引人。除了圖形化選單之外,本程式也能設定成文字選單,讓你連結到 osCommerce 本身或外部的網頁,比如說設個連結到你在Yahoo或eBay的拍賣商品,雙管齊下一定對銷售有助益。
另外,這個程式也能讓你更方便地展示商品,由你挑選出來的促銷商品就好像是另一種圖形化選單,按下商品的小圖後,就連結到商品的詳細介紹,讓站長在特價與新進商品之外,又多了一個促銷推薦商品的方式。

程式下載(big5版) 程式下載(utf8版)

安裝方法

下載檔案,解壓到 catalog/includes/boxes/icon_menu.php
修改左右欄框程式,
要擺左邊就修改 catalog/includes/column_left.php
要擺右邊就修改 catalog/includes/column_right.php
把下列程式碼加到修改程式最後一個 ?> 的前一行

require(DIR_WS_BOXES . 'icon_menu.php');
如果要擺放不同位置,就依需要調整上面程式碼的位置。
修改icon_menu.php裡面標註 setting area 設定區域裡面的設定變數,增加或修改你要的選單項目。

程式參數說明

$mtitle='主選單'; //訊息盒標題文字,若沒有任何文字的空字串,則不顯示標題列
$mwidth=HEADING_IMAGE_WIDTH; //圖形寬度,本例使用後台設定的標題圖案寬
$malign='center'; //選項對齊方式,可以選擇左(left),右(right),置中(center)

增加/修改選單選項
每增加一個選項,就要把下列陣列設定程式碼複製一份,同時設定複製出來的陣列駐標值來決定選項內容,選項內容設定說明如下:

$menu_item[ ]=array(
    'icon'=>'images/table_background_reviews.gif', //選項圖檔路徑
    'mouseover'=>'images/table_background_list.gif', //滑鼠指到選項後呈現的圖檔
    'alert'=>'會員權益', //滑鼠指到選項圖的說明文字
    'text'=>'會員權益', //文字選項內容
    'link'=>'conditions.php' , //點選選項後的連結網址
    'parameter'=>'' //點選選項後的超連結參數
);

應用範例1-圖形化選單
設定區域的設定參數如下:

$mtitle='主選單';
$mwidth=HEADING_IMAGE_WIDTH;
$malign='center';
$menu_item[ ]=array(
    'icon'=>'images/table_background_reviews.gif',
    'mouseover'=>'images/table_background_list.gif',
    'alert'=>'會員權益',
    'text'=>'會員權益',
    'link'=>'conditions.php' ,
    'parameter'=>''
);
$menu_item[ ]=array(
    'icon'=>'images/table_background_cart.gif',
    'mouseover'=>'',
    'alert'=>'出貨退貨',
    'text'=>'出貨退貨',
    'link'=>'shipping.php' ,
    'parameter'=>''
);

上列的參數示範設定了2個選項,其中一個有設定mouseover的圖檔,所以當滑鼠指到該選項便會更換圖檔,另一個沒有設定,所以滑鼠指到該選項仍然是原來的圖檔。

應用範例2-文字選單
設定區域的設定參數如下:

$mtitle='主選單';
$mwidth=HEADING_IMAGE_WIDTH;
$malign='left';
$menu_item[ ]=array(
    'text'=>'eBay拍賣',
    'link'=>'http://www.ebay.com.tw',
    'parameter'=>'target=_blank'
);
$menu_item[ ]=array(
    'text'=>'Yahoo!拍賣',
    'link'=>'http://bid.yahoo.com.tw/',
    'parameter'=>'target=_blank'
);
$menu_item[ ]=array(
    'text'=>'Skype網路電話',
    'link'=>'callto://echo123/',
    'parameter'=>'target=_blank'
);

上例調整了$malign參數,讓文字選項靠左對齊,3個文字選項都設定了parameter參數,讓點選之後跳出新的視窗。

應用範例3-站長推薦商品
設定區域的設定參數如下:

$mtitle='站長推薦';
$malign='center';
$menu_item[ ]=array('pid'=>'19');
$menu_item[ ]=array('pid'=>'5');

上例的選項內容,只要指定pid到所要顯示商品的編號,就可以顯示出該產品的小圖,滑鼠點選後可以看商品的詳細說明。指定商品時均是以後台設定的商品小圖寬度顯示,所以就不需要再設定$mwidth變數來指定圖寬。

移除方法
把增加到column_left.php或column_right.php的程式碼刪除掉即可。

圖形化選單展示畫面

osCommerce 下拉式訊息框

訊息框有傳遞消息與行銷產品的效果,但太多的訊息框則會佔滿版面,造成在畫面以外的訊息框被客戶忽略.最好的辦法就是把一些次要的訊息框捲收起來,等客戶點選後再展開。

程式下載

安裝方法

下載檔案,將程式解壓到下列資料夾
catalog/includes/classes/boxes_pulldown.php
catalog/images/infobox/arrow_down.gif
catalog/images/infobox/arrow_up.gif
修改catalog/includes/classes/boxes.php程式.
把下列程式碼加到修改程式最後一個 ?> 的前一行

include(DIR_WS_CLASSES . 'boxes_pulldown.php');
修改要使用下拉訊息框的訊息框程式,比如說 catalog/includes/boxes/information.php
尋找下列程式碼

new infoBoxHeading($info_box_contents, false, false);
修改成

new infoBoxHeading_p($info_box_contents, false, false);
再尋找下列程式碼

new infoBox($info_box_contents);
修改成

new infoBox_p($info_box_contents);

移除方法
把修改的訊息框程式,改回原來的類別(把_p拿掉)呼叫即可。

下拉式訊息框展示畫面
以滑鼠點選「服務台」標題即可下拉出訊息框內容。

osCommerce 進階商品目錄

讓前台的商品分類目錄,可以由使用者點選展開或收合,保持原來商品目錄點選之後的商品列表功能。

程式下載(big5版) 程式下載(utf8版)

安裝方法

把原來的商品分類目錄程式改名字,將原始程式保留下來,原來的程式名稱如下.
catalog/includes/boxes/categories.php
將檔案解壓縮後,把下列檔案放到相對應的資料夾
catalog/includes/boxes/categories_box.php
catalog/images/minus.gif
catalog/images/plus.gif
把categories_box.php複製成你要替換掉的商品分類目錄程式名稱
如同第一個步驟所指示的名稱 categories.php

移除方法
刪除掉新的商品分類目錄程式,把原來備份的展示程式改回原來的名字,即恢復為原來的商品分類目錄。

進階商品目錄展示畫面
請點選 + 及 - 符號來展開或收合目錄。

商品分類

0)?'images/minus.gif':'images/plus.gif';document.getElementById('1').style.display=(document.getElementById('1').style.display=='block')?'none':'block';"> 硬體-> (5)

    鍵盤 (1)
    顯示卡 (2)
    光碟機
    印表機 (1)
    記憶體
    喇叭
    滑鼠 (1)
    螢幕

0)?'images/minus.gif':'images/plus.gif';document.getElementById('2').style.display=(document.getElementById('2').style.display=='block')?'none':'block';"> 軟體-> (4)
0)?'images/minus.gif':'images/plus.gif';document.getElementById('3').style.display=(document.getElementById('3').style.display=='block')?'none':'block';"> DVD 影片-> (17)

進階商品目錄的後台擴充
本免費程式僅就前台的商品目錄改進功能,如果需要後台進階的商品目錄控制,請參考付費之程式修改服務-進階商品目錄完整版

osCommerce 秀圖展示框

站長們無不絞盡腦汁來吸引網友們回流網站,除了商品的提供外,誘人的圖檔或許是另一個利器。這個程式可以在前台左右欄框秀出小圖,點圖可以有跳出視窗秀大圖(類似產品圖的做法)。示範檔案是連結到國外提供每日漫畫的網站,每天自己會改變的漫畫。你也可以改連結到其他會每天更換的圖庫網站,做秀圖展示。

程式下載(big5版) 程式下載(utf8版)

安裝方法

下載檔案,解壓到 catalog/includes/boxes/show_box.php
修改左右欄框程式,
要擺左邊就修改 catalog/includes/column_left.php
要擺右邊就修改 catalog/includes/column_right.php
把下列程式碼加到修改程式最後一個 ?> 的前一行

require(DIR_WS_BOXES . 'show_box.php');
修改show_box.php裡面的$comic_src變數,指定到你要秀的圖檔網址。

程式參數說明

$img_src='http://www.tedgoff.com/mb/images/today.gif'; //秀圖網址:每日漫畫學英語
$click_link=''; //按滑鼠連結
$mtitle='每日漫畫學英語'; //訊息盒標題文字,若沒有任何文字的空字串,則不顯示標題列
$iframe=false; //若所要顯示的小圖並不是圖形檔(比如說flash的swf檔),則此參數設為true

應用範例1-每日漫畫學英語

$img_src='http://www.tedgoff.com/mb/images/today.gif'; //秀圖網址:每日漫畫學英語
$click_link=''; //按滑鼠連結
$mtitle='每日漫畫學英語'; //訊息盒標題文字,若沒有任何文字的空字串,則不顯示標題列

上列應用的參數示範是顯示國外的每日漫畫網站。

應用範例2-電子地圖

$img_src='http://gis.nat.gov.tw/olespace/rasterGPS?x=176735&y=2503598&zw=0.75&iw=390&ih=430'; //電子地圖網址
$click_link='http://gis.nat.gov.tw/popup.jsp?px=176735&py=2503598&address=我的位置'; //按滑鼠連結
$mtitle='電子地圖'; //訊息盒標題文字,若沒有任何文字的空字串,則不顯示標題列

上例連結到行政院研考會的全國電子地圖中,如何直接顯示自己店面的位置呢?只要把$img_src變數裡面的x及y參數,以及$click_link變數裡的px及py參數,設定為你店面地址的經緯度資料即可.

x 中心點經度
y 中心點緯度
zw 地圖鳥瞰高度(縮放比例),數字越小地圖越放大

px 中心點經度
py 中心點緯度
address 中心紅點的文字說明

至於店面地址的經緯度資料可以利用同一個電子地圖來查詢顯示,找到店面位置後按下「列印地圖」按鈕,從瀏覽器的網址列裡就可以找到x及y值。

應用範例3-氣象雲圖

$img_src='http://www.cwb.gov.tw/V4/weather/satellite/s3p/s3p-'.date("Y-m-d-H",time()-3600).'.jpg';
$click_link=''; //按滑鼠連結
$mtitle='氣象雲圖'; //訊息盒標題文字,若沒有任何文字的空字串,則不顯示標題列

上例連結到中央氣象局的衛星雲圖,程式會計算現在的日期與時間,然後連結到前1個小時的衛星雲圖。

應用範例4-線上小遊戲

$img_src='http://www.free-flash-games.com/games/arcade/images/airfox.jpg';
$click_link='http://slowsong.com/modules/flashgames/games/24.swf?pn_gid=24&pn_uname=Guest&pn_domain=slowsong.com&pn_checksum=24027e57157dc7d731a5ae29d818e8ec&pn_license=';
$mtitle='線上小遊戲';

上例連結到國外的免費線上小遊戲,類似以前的雷電大型電玩射擊遊戲,摧毀所有敵人,賺點數然後拿防護罩跟換武器。用滑鼠點選開始後,用鍵盤的方向鍵控制方向,空白鍵射擊。

移除方法
把增加到column_left.php或column_right.php的程式碼刪除掉即可。

秀圖展示框展示畫面

osCommerce 多用途商品展示跑馬燈

很多網友需要在前台訊息盒以跑馬燈的方式來展示商品,這個程式把幾個前台的商品訊息盒都寫進一個程式中,由程式裡的參數去設定跑馬燈要展示的內容,目前包含新進商品、特價商品、暢銷商品。當然也可以把程式複製成三份,分別設定為三個不同的跑馬燈展示內容,然後都擺在前台。

程式下載(big5版) 程式下載(utf8版)

安裝方法

把預計要替換掉的商品展示訊息框程式改名字,將原始程式保留下來
新進商品 catalog/includes/boxes/whats_new.php
特價商品 catalog/includes/boxes/specials.php
暢銷商品 catalog/includes/boxes/best_sellers.php
將檔案解壓縮後,把下列檔案放到相對應的資料夾
catalog/includes/boxes/marquee_box.php
把marquee_box.php複製成你要替換掉的商品展示程式,新名字如同第一個步驟所列(whats_new.php specials.php best_sellers.php)
用文字編輯器(如記事本)開啟新複製的檔案,依據下面的程式參數說明,修改多用途跑馬燈的展示方式,修改後存檔即完成安裝。

程式參數說明

$mheight='120'; //跑馬燈高度
$mwidth='125'; //跑馬燈寬度
$mbgcolor='#FFFFFF'; //跑馬燈背景顏色
$mdirection='up'; //跑馬燈捲動方向: up , left , right , down
$mscrollAmount='3'; //跑馬燈捲動速度,數字越大越快
$mtitle='多用途跑馬燈';//訊息盒標題文字,若沒有任何文字的空字串,則不顯示標題列
$mswitch=1; //跑馬燈內容: 1特價商品 2新進商品 3暢銷商品 4暢銷商品排行

暢銷商品與暢銷商品排行的差別在於是否顯示排行的名次,暢銷商品排行會依據商品的訂單數量列出排名數字。

擺放在主頁中間
由於擺放在主頁中間與左右欄框不同,所以前述的安裝方法的第3步驟更改檔名就可以不必做,也就是維持原來的檔名 marquee_box.php 。
在參數部分的調整,跑馬燈寬度改設寬一些,比如設定為500.跑馬燈捲動方向改為左右方向,比如設定為right.
接著要修改主程式檔 catalog/index.php 在你要加入跑馬燈的位置,加入下列程式碼

要注意插入的地方應該是HTML網頁的部分,也就是說不可放在<?php ?> 標籤之間。

移除方法
刪除掉新的跑馬燈展示程式,把原來備份的展示程式改回原來的名字,即恢復為原來的商品展示程式。

多用途跑馬燈商品展示畫面

osCommerce 前後台客戶訂單顯示商品圖

在前後台的客戶訂單顯示訂購的商品圖,方便出貨人員看圖才不至於出錯貨.運用訂單總計的外掛模組方式來讓訂單顯示訂購商品的圖案。

程式下載(big5版) 程式下載(utf8版)

安裝方法
1.將檔案解壓縮後,把下列檔案放到相對應的資料夾
catalog/includes/modules/order_total/ot_show_picture.php
catalog/includes/languages/tchinese/modules/order_total/ot_show_picture.php
2.然後在後台點選「外掛模組」->「訂單總計」 ,選擇「顯示商品圖」模組,點選右欄框的安裝按鈕.

這個模組對於訂單結帳的金額不會有影響,但為了讓顯示的商品圖擺在最後面,不要影響到小計、總計等資訊,所以最好把這個「顯示商品圖」模組的順序擺在最後面,排序內定值是10.

安裝完成之後,在前台結帳確認畫面,或「我的帳號」查詢訂單,以及後台的訂單處理都可以看到訂購的商品圖.

在客戶結帳確定訂單之後,跟這張訂單相關的資訊都會被存入資料庫,所以新安裝的訂單總計模組程式,並不會影響之前已經確認的訂單內容,也就是本模組安裝後,之前已經產生的舊訂單並不會顯示出商品圖,只有新產生的訂單才會顯示.

移除方法
在後台點選「外掛模組」->「訂單總計」 ,選擇「顯示商品圖」模組,點選右欄框的移除按鈕可以把該模組解除安裝;或者點選編輯按鈕,再設定「Display Product Picture」為false,也可以暫時取消顯示商品圖的功能.

前台訂單畫面

後台訂單畫面

osCommerce 版面風格天天換

讓你的網路商店每天更換多個風格設計檔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) 的執行,就無法變換風格的設定檔。

osCommerce 風格設計DIY

免安裝直接連線到本站執行,讓你DIY修改 osCommerce 的版面風格,包含頁首導引列、訊息框、頁尾等,設計之後可以把成果複製到自己 osCommerce 網站的catalog/stylesheet.css.
建議在覆蓋掉您的stylesheet.css之前要記得把原來的檔案先備份.

點此執行

目前版本為v1.3 ,歡迎免費加入本站會員並設定本服務右欄框的「商品通知」,將來風格設計DIY版本有修改並增加功\能時,會主動通知您。

操作說明
1.先從設定標的點選要設定的對象,比如說:訊息盒標題列或產品列表標頭.
2.再從設定項目點選要設定的項目,比如說:是要設定背景的顏色或文字的顏色.
3.從設定值點選喜愛的風格,不同的設定項目會帶出不同的設定值選擇方式.
4.最後點選"檢視設計"按鈕,就會把你設計好的風格依據CSS格式輸出到下面的文字列.
5.點選"全選複製"按鈕,便可以把文字列裡面的資料全選並複製到系統剪貼簿,你便可以轉貼到你的文書編輯軟體(比如:Windows的記事本或EditPlus).
6.倘若想以自己現有的stylesheet.css內容為基礎再繼續修改,可以先用文書編輯軟體開啟自己電腦裡的stylesheet.css把內容全選並複製之後,再回到本程式點選"貼上"按鈕,把內容貼到本服務的文字列裡面,按下"送出"按鈕,右邊的osc畫面就會採用你送出的風格設計.

訊息盒修改
修改了stylesheet.css之後,你會發覺訊息盒標題的背景顏色雖然改了,但是在標題的兩個角落,還是原來的顏色(感覺很難看),這是因為osc的訊息盒標題的角落為了製造圓弧轉角的效果,使用了下列幾個GIF圖檔做為標題的轉角.
catalog/images/infobox/corner_left.gif
catalog/images/infobox/corner_right.gif
catalog/images/infobox/corner_right_left.gif
倘若每次改了stylesheet.css的顏色還要去做新顏色的GIF檔,那真的很累.因此若把這些轉角的GIF捨棄不用,將方便osc版面顏色的修改(沒有圓弧轉角好像也不難看).
捨棄轉角GIF檔要修改 catalog/includes/classes/boxes.php
在 class infoBoxHeading extends tableBox (約100行位置)
及 class contentBoxHeading extends tableBox (約150行位置) 兩個類別設計裡尋找有下列任何程式碼

tep_image(DIR_WS_IMAGES . 'infobox/corner_left.gif')

或

tep_image(DIR_WS_IMAGES . 'infobox/corner_right_left.gif')

或

tep_image(DIR_WS_IMAGES . 'infobox/corner_right.gif')

都以下列程式碼取代

tep_draw_separator('pixel_trans.gif', '11', '14')

如果你希望網站可以天天自動更換風格,請參考本站的另一個免費服務版面風格天天換

osCommerce 購物滿額折扣優惠

當客戶購物達到所設定的金額(購物車小計,不含運費等其他費用),即優惠折扣. 採用 osCommerce 訂單總計外掛模組的方式撰寫.如下所示有兩個檔案,解壓後放到所列的目錄.
catalog/includes/modules/order_total/ot_buydiscount.php
catalog/includes/languages/tchinese/modules/order_total/ot_buydiscount.php
進入 osCommerce 後台點選"外掛模組"->"訂單總計", 安裝"滿額折扣"模組.

程式模組下載(big5版) 程式模組下載(utf8版)

注意其顯示排序要在"小計"模組之後,因為是針對購物車小計來計算折扣.
MS1及MS2都可以用,兩者所使用的 osCommerce 訂單總計模組程式格式都一樣.
在後台可以隨時控制該模組是否要啟動,不啟動便沒有折扣了.
倘若安裝後有問題,從後台管理也可以把該模組移除.
可以設定分段優惠,比如說想設定:滿1000元打9折,滿5000元打8折,滿10000元打6折.相關參數如下設定.

滿額條件
1000;5000;10000

優惠折扣
0.9;0.8;0.6

顯示方式
subtotal 顯示出商品小計折扣後的金額,也就是打折後變成多少錢
off_amount 顯示出打折扣除掉的金額,也就是便宜了多少錢