首頁 > ECSHOP 相關文章與模板 > Ecshop 綜合文章 > ECSHOP4 響應式模板DIY_工具準備

ECSHOP4 做了很多功能上的改進，相較於扁本的模板來說，ECSHOP4 更佳提升了消費者的體驗，但是 ECSHOP4 附帶的模板只適合 PC 使用，對於行動裝置完全不友善，除非裡另外購買授權才有手機的模板可用，這對許多人不但是一個成本負擔，日後的維護更是個無底洞，因此，自行修改模板為響應式，不但排版、配色都完全自主，日後維護也更加得心應手，對於多數的中小型網站來說，可以節省不少建置與維護本。

ECSHOP4 該有的功能都有，就算你想開發自己的功能也很容易，所以我一直喜歡用，雖然同類型的系統不在少數，也各有特色，不過 ECSHOP 更接近東方人的使用習慣，不論是檔案或模板結構都很清晰，都能很快的適應並操控自如，因此 ECSHOP 仍是個人或企業建置網站的不二選擇，此次有別於以往只有重點式的教學，在後續的文章中將會陸續提供如何用 ECSHOP4 + BootStrap5 來製作響應式網頁，ECSHOP4 的預設模板包含 38 個 DWT 和 77 個 LBI，因此需要不少時間來修改，過程中也可能只是簡短說明，如果你有任何疑慮，請至專屬討論區提問或建言，在開始之前，請務必先準備好環境與工具

1、伺服器環境：安裝在本機可執行 PHP+MySql 的環境，例如：wampserver64，並已安裝好ECSHOP（與你網站相同版本與模板）
2、程式碼編輯器：例如：EditPlus (附件)、Hbuider
3、瀏覽器：建議用 FireFox 並安裝 FireBug 套件
點擊圖片可以放大檢視

如果你對ECSHOP4 響應式模板DIY_工具準備有任何問題請到討論區發帖。