你现在的位置:首页 > PHP网站建设知识库 > osCommerce > 正文

osCommerce模板制作教程

现在我使用的是全新的OSC进行模板的设计.

我们进入到OSC的后台激活STS插件
 
之后修改Default里的Template folder路径.STS默认的使用的是test.我们把这个路径改成其他的.这里我就改成bookstore.最后确定启用STS就可以了.
当然这里修改完路径后想对应STS模板路径也要建立起这个文件夹.一般来说我们可以直接复制test并改名为bookstore就可以了.
STS模板路径为/catalog/includes/sts_templates/

此时后台STS方面就全部配置完成了.
 
 
对STS目录进行进一步的配置
现在我们进入到STS目录(catalog\includes\sts_templates\bookstore).建立"includes","stylesheet","images"三个文件夹.includes文件夹用于存放要被模板调用的文件.后面会详细讲.stylesheet目录是用来存放CSS样式表的目录.假设我们需要多个样式表例如frameworks.css,form.css等等的样式表.如果我们都放在根目录会很混乱.养成良好的习惯我们还是对不同类型的文件进行分类存放.images文件夹用于存放自己的图片.当然也可以放在OSC的images目录里.不过为了目录的清晰.建议把自己做的图片放在此目录里.

现在我们在includes文件夹内建立header.html,column_left.html,footer.html三个空HTML文件.
 
正式开始制作模板!现在我们开始正式制作模板.

我所使用的工具有Dreamweaver和Photoshop.

为了赶进度.这里我使用的是TABLE排版.大家可以根据自己的需求使用DIV+CSS进行排版.这里讲的是思路

打开bookstore模板文件夹.删除sts_blank_template.html文件.这个文件无意义.可以删除

然后复制sts_template.html文件并改名为index.php.html

如果不明白为什么要这样命名.建议先去看看STS介绍.

打开index.php.html文件.把代码修改成下面的代码.

相信大家能看的明白.这只是制作一个三行两列的表格.并且吧header.html,column_left.html,footer.html这3个文件调用进来而已.

代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html $htmlparams>
<head>
<link href="$templatedir/stylesheets/framework.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="765" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3"><?php require('includes/header.html'); ?></td>
  </tr>
  <tr>
    <td width="235"><?php require('includes/column_left.html'); ?></td>
    <td colspan="2">$content</td>
  </tr>
  <tr>
    <td colspan="3"><?php require('includes/footer.html'); ?></td>
  </tr>
</table>
</body>
</html>

至此对index.php.html文件的修改暂时告一段落.