we-shop.net 論壇 ECSHOP 後台管理設定教學 we-shop.net 首頁

商品顏色選擇

這一部份比較複雜,修改前請先備份檔案

許多行業的商品都會有某些屬性是一樣的,拿服飾業來說,衣服的款式相同,顏色、花色、尺寸分很多種,顏色和花色是最常見的,網路上有許多這方面的教學,都是抄來抄去,很多需要的人,都只能霧裡看花,越看越花,且都必須修改資料庫,這會嚴重影響以後升級...
經過幾天的摸索,用商品相簿搭配商品屬性,提供消費者商品預覽與選擇的便利性,加上JQUERY可達到點選縮圖自動同步選擇與價格計算,只需小幅修改檔案,不必更動資料庫,應該是比較好的方式。

前台使用展示

1、此部分修改是以2.7.2預設模版為例,完成後即具有圖片放大鏡、快速購物、顏色選擇功能,並可在模版中使用 Jquery...
2、打開 admin/templates/attribute_info.htm 約第3行,增加紅字部分(此部分修改是讓後台能快速取得顏色值,如果不使用可以略過「包括color.htm」):

完整內容請參閱完整版電子書

約第71行,增加紅字部分:

完整內容請參閱完整版電子書

3、打開 admin/includes/lib_goods.php 約第660行,找到:

完整內容請參閱完整版電子書

整個函數換成:

完整內容請參閱完整版電子書

4、打開 includes/lib_goods.php 約第634行,修改紅字部分:

完整內容請參閱完整版電子書

5、打開 themes/模版目錄/goods.dwt 約第328行,修改紅字部分:

完整內容請參閱完整版電子書

約第354行,整段改為:

完整內容請參閱完整版電子書

在適當的地方加入提示訊息

完整內容請參閱完整版電子書

約第625行,增加紅字部分:

完整內容請參閱完整版電子書

6、打開 themes/模版目錄/library/goods_gallery.lbi 約第12行,修改紅字部分:

完整內容請參閱完整版電子書

7、打開 themes/模版目錄/library/page_header.lbi 約第5行,增加紅字部分:

完整內容請參閱完整版電子書

7、打開 themes/模版目錄/style.css 最後面,增加紅字部分:

完整內容請參閱完整版電子書

8、下載檔案解壓縮,壓縮檔內包含(2.7.2 degault 模版)所有修改的檔案 :
mz 資料夾上傳至 js 目錄
js 資料夾上傳至模版目錄覆蓋原檔
上傳 color.htm 到 admin/templates/ 目錄內(如果不使用可以略過) 上傳 attachment.gif 到模版目錄的 images 資料夾內

如何新增商品
同樣系列的商品,可能只是顏色、大小不一樣,這時候應該使用EC的屬性設定,來減少商品重複登入,例如:某品牌運動鞋,外觀與質料相同,但是有多種顏色,這時應該將此係列不同顏色的商品歸納為同一種商品,只需要登入一次就好,減少管理員對商品的管理負擔,但缺點是不能分開控制庫存...

按照上述的方法完成修改之後,就可以開始新增商品,很多商品的屬性可能有多種選擇,在開始之前,建議先用文字編輯器將可能用到的屬性列出來,這樣新增商品時不易搞混,如圖:

進入後台「商品管理」「商品類型」「新增商品類型」:
商品類型如同商品分類,將相關商品歸納同一類型:
新增完商品類型後,以童裝為例,點擊右側的「屬性列表」進入關於童裝的屬性設定:
點擊右上角的「增加屬性」進入開始新增關於童裝的所有屬性:
從事先準備的文字編輯器複製過來,或點擊左側的「顏色選擇下拉方塊」選擇屬性(會取代選取的文字):
新增屬性時,應將相同系列商品可能用的屬性全部加入,而不是只有單一商品的屬性

接下來就可以開始新增商品,「商品管理」「增加新商品」:
按照一般新增商品方法填寫相關欄位,進入「商品屬性」增加該商品屬性,:
進入「商品相簿」增加該商品所有圖片,描述暫不填寫,先行存檔:
再次進入「商品相簿」就可以看到商品所有圖片的縮圖,同時打開文字編輯器以便對照顏色,在縮圖下方欄位填入對應的顏色值,不包含#字,若不想點擊縮圖時自動選取對應值,可保持為空,按「確定」即完成商品新增::
再次進入「商品相簿」就可以看到商品所有圖片的縮圖,同時打開文字編輯器以便對照顏色,在縮圖下方欄位填入對應的顏色值,不包含#字,若不想點擊縮圖時自動選取對應值,可保持為空,按「確定」即完成商品新增::
商品向冊數量「ECSHOP 管理中心」「商店設定」「顯示設定」「商品明細頁相簿圖片數量」更改