[Prestashop中文模版制作指南.docxVIP

Prestashop中文模版制作指南Prestashop Css Layout 图:这是PrestaShop的Css Layout，方便大家知道主要的结构：关于设计整合PrestaShop的介绍 ：网页设计师只需要掌握好比较好的HTML和CSS技术便能改变Prestashop的外观，如果想进一步的改变，甚至加些比默认模版更绚丽的效果，你需要掌握好JQuery（Javascript库）和Smarty（PHP模版语言）。听到这或许你会觉得非常的困难，甚至强调着“我只是个设计师，不是个程序员”。不用怕，把握JQuery和Smarty这两种工具其实是比你想象中的简单的，如果不想花精力去使外观和互动性能更出色、更多变的话，当然完全可以完整的用CSS来改变模版，下面将会提到是如何去实现的过程。在这个设计者指导手册开始前，请确认你具备着比较好的XHTML和CSS这两种技术，如果你还不会的话，可以先从这两种技术慢慢学起再来看此篇手册。在我们跳到Prestashop模版设计前，我们先来看看Prestashop的文件结构有些什么。当你计划去着手改变一个模版，清楚地了解文件的结构是非常重要的，我们接下来还会有一篇15分钟的文章引导，让你分别对Smarty 和JQuery 有个大概的了解，如果你从没有用过PHP Frameword 或者是Javascript 库德化，我建议你还是不要跳过这两篇文章引导。准备好了么？好的！让我们开始制作！Prestashop快速手册Prestashop,像所有的PHP脚本语言一样会加载本地服务器上的 index.php 文件。如果你的 Prestashop 商店程序是放在，当客户端输入URL :? ,webserver会自动加载到index这个页面。为了了解咋们的Prestashop是如何运行的，我们需要去了解下index文件是如何去工作的。Index.phpPrestashop index.php文件中包含着以下的代码 ：?phpinclude(dirname(__FILE__)./config/config.inc.php);include(dirname(__FILE__)./header.php);$smarty-assign(HOOK_HOME, Module::hookExec(home));$smarty-display(_PS_THEME_DIR_.index.tpl);include(dirname(__FILE__)./footer.php);?在 index.php 文件的开始包含着一个 config.inc.php 的文件，这个文件时主要处理我们的主要设置还有一些程序相关其它设置，config.inc.php 会检查是否所有的东西已经安装好了，并且确认了我们的默认模版和默认目录，还有路径、订单的状态还有其它的一些设置。或者现在你已经在抱怨着什么时候才能开始学习到相关的模版制作，现在我们只知道 index.php 中包含了什么而已。然而，作为一个网页设计者，你可能需要及时地注意到了网页上的错误信息，因此现在就要用到刚才所提到的 config.inc.php 文件了，在这个文件最上面几行，你可以看到：@ini_set(display_errors, off); If you change this to @ini_set(display_errors, on);现在你可以关闭错误信息报告了。不过要注意在下次正式安装前要吧它改回来。Header.php?php// P3P Policies (/TR/2002/REC-P3P#compact_policies)header(P3P: CP=IDC DSP COR CURa ADMa OUR IND PHY ONL COM STA);require_once(dirname(__FILE__)./init.php);/* CSS */$css_files[_THEME_CSS_DIR_.global.css] = all;/* Hooks are voluntary out the initialize array (need those variables already assigned) */$smarty-assign(array( HOOK_HEADER = Module::hookExec(header), HOOK_LEFT_COLUMN = Module::hookExec(leftColumn), HOOK_TOP = Module::hookExec(top), static_token = Tools::getToken(false), token = Tools::getToken(), priceDispla