Prestashop 模版制作指南

xyhack

刚好最近公司准备研究这个程序，所以我也做了些资料上的整理，在这分享给大家。转载注明：
www.jackyon.com
（好像有些代码被wordpress给注释掉了，有需要的朋友我传word文件给你）
了解PrestaShop, (上面已经有很多prestashop的资料了，我主要是讲模版方面的，所以就不多介绍它了，官方也有demo，大家也可以先体验。)
首先先看看PrestaShop的Css Layout。这里给大家一张图，方便大家知道主要的结构：

下面的文章来自
http://www.daveegerton.com/prestashop-guides/Prestashop-Designers-Guide.html
，自己边看边汉化的，有些可能不标准，请e文号的尽量参考原文。
关于设计整合PrestaShop的介绍
你只需要掌握好比较好的HTML和CSS技术便能改变Prestashop的外观，如果你想进一步的改变，甚至加些比默认模版更绚丽的效果，你需要掌握好jQuery（Javascript库）和smarty（PHP模版语言）。
听到这或许你会觉得非常的困难，甚至强调着“我只是个设计师，不是个程序员”。不用怕，把握JQuery和Smarty这两种工具其实是比你想象中的简单的，如果你不想花精力去使外观和互动性能更出色、更多变的话，当然你完全可以完整的用CSS来改变模版，我将会教你如何办到。
在这个设计者指导手册开始前，请确认你具备着比较好的XHTML和CSS这两种技术，如果你还不会的话，可以先从这两种技术慢慢学起再来看此篇手册。
在我们跳到Prestashop模版设计前，我们先来看看Prestashop的文件结构有些什么。当你计划去着手改变一个模版，清楚地了解文件的结构是非常重要的，我们接下来还会有一篇15分钟的文章引导，让你分别对Smarty 和JQuery 有个大概的了解，如果你从没有用过PHP Frameword 或者是Javascript 库德化，我建议你还是不要跳过这两篇文章引导。
准备好了么？好的！让我们开始制作！


本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u2/66166/showart_2127716.html