KesionShopV300新手提高教程(九)(不断更新中)-领先建站CMS提供服务商我们专注于CMS建站产品的研发

4086 查看	3 回复

主题：KesionShopV300新手提高教程(九)(不断更新中) [收藏主题] 本贴被认定为精华

转到：

高山流水当前离线

730 主题	0 广播	2 粉丝

级别:六年级

用户积分:3985 分
登录次数:627 次
注册时间:2006/11/3
最后登录:2024/3/1

高山流水发表于：2006/11/26 14:27:00 | 只看该作者查看该作者主题楼主

有生源找课程就上科汛课堂街!

接提高教程(八)http://bbs.kesion.com/dispbbs.asp?boardID=2&ID=13963&page=2往下讲商城其它页的制作
九(三)商城频道栏目页的制作
1、拷贝“商城频道首页模板”内容到“商城频道栏目页”模板中

2、把{LB_循环栏目商品列表}替换为{LB_终级分页显示商品}，修改这个标签：[每页数量]15；[按钮样式]“显示购买按钮”；[每行数量]3

不同的参数值所得显示效果不同，此参数值仅供参考，效果图：

此主题相关图片如下：

九(四)商城频道内容页的制作
1、拷贝“商城频道首页模板”内容到“商城频道内容页”模板中，标题替换为{$GetSiteTitle}-{$GetProductName}，在<head>中拷贝一段JS代码：
<SCRIPT language=JavaScript type=text/JavaScript>
//改变图片大小
function resizepic(o)
{
var maxwidth=550; //定义最大宽度
var maxheight=800; //定义最大高度
var a=new Image();
a.src=o.src
if(a.width > maxwidth)
{
o.style.width=maxwidth;
}
if (a.height> maxheight)
{
o.style.height=maxheight;
}
}
//无级缩放图片大小
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
</SCRIPT>

2、相关商品 {LB_相关商品} [标签下拉列表] 需新建“相关商品列表标签”类型修改：[数量]8；[标题字数]28

3、把{LB_循环栏目商品列表}替换为下面的框架和商品内容表格样式和标签
<table cellSpacing=0 cellPadding=0 width="100%" border=0>
<tr>
    <td valign="top">
      <table width="100%" border="1" cellSpacing=0 cellPadding=0>
        <tr>
          <td width="150" rowspan="7" align="center" valign="middle">{=GetProductPhoto(150,130)}</td>
          <td width="80" align="center" bgcolor="#dddddd"><strong>名　称</strong></td>
          <td>{$GetProductName}({$GetProductHits})</td>
          <td width="80" align="center" bgcolor="#dddddd"><strong>编　号</strong></td>
          <td>{$GetProductID}</td>
        </tr>
        <tr>
          <td align="center" bgcolor="#dddddd"><strong>商品型号</strong></td>
          <td>{$GetProductModel}</td>
          <td align="center" bgcolor="#dddddd"><strong>商品规格</strong></td>
          <td>{$GetProductSpecificat}</td>
        </tr>
        <tr>
          <td align="center" bgcolor="#dddddd"><strong>生产商</strong></td>
          <td>{$GetProducerName}</td>
          <td align="center" bgcolor="#dddddd"><strong>品牌商标</strong></td>
          <td>{$GetTrademarkName}</td>
        </tr>
        <tr>
          <td align="center" bgcolor="#dddddd"><strong>商品属性</strong></td>
          <td>{$GetProductProperty}</td>
          <td align="center" bgcolor="#dddddd"><strong>推荐等级</strong></td>
          <td>{$GetRank}</td>
        </tr>
        <tr>
          <td align="center" bgcolor="#dddddd"><strong>销售类型</strong></td>
          <td>{$GetProductType}</td>
          <td align="center" bgcolor="#dddddd"><strong>上架时间</strong></td>
          <td>{$GetProductDate}</td>
        </tr>
        <tr>
          <td align="center" bgcolor="#dddddd"><strong>降价折扣</strong></td>
          <td>{$GetDiscount}折</td>
          <td align="center" bgcolor="#dddddd"><strong>服务期限</strong></td>
          <td>{$GetServiceTerm}</td>
        </tr>
        <tr>
          <td align="center" bgcolor="#dddddd"><strong>商品价格</strong></td>
          <td colspan="3"><font color=#ff0000>市场价：</font>￥{$GetPrice_Market}/{$GetProductUnit}    <font color=#ff0000>商城价：</font>￥{$GetPrice}/{$GetProductUnit}    <font color=#ff0000>会员价：</font>￥{$GetPrice_Member}/{$GetProductUnit}</td>
        </tr>
      </table>
    </td>
</tr>
<tr>
    <td>{$GetAddCar}{$GetAddFav}</td>
</tr>
<tr>
    <td bgcolor="#dddddd"><strong>  商品简介：</strong></td>
</tr>
<tr>
    <td class="artzw">{$GetProductIntro}</td>
</tr>
   <tr align="right">
      <TD bgcolor="#dddddd"></TD>
    </TR>
<tr>
    <td>·上一个：{$GetPrevProduct}<BR>
      ·下一个：{$GetNextProduct}</td>
</tr>
<TR>
    <TD bgcolor="#dddddd"><STRONG>  网友评论：</STRONG><SPAN style="COLOR: #ff0000">（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）</SPAN></TD>
</TR>
<TR>
    <TD>{$GetShowComment}</TD>
</TR>
<TR>
    <TD>{$GetWriteComment}</TD>
</TR>
</table>

此主题相关图片如下：

九(五)商品评论页的制作
1、拷贝商品频道首页模板内容到“商品评论页”模板中,标题替换为“查看[{$GetTitle}]的所有评论”

2、整个主体替换为
<table cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
                        <tr>
                          <td height=25>{$GetShowComment}</td>
                        </tr>
                        <tr>
                          <td height=25>{$GetWriteComment}</td>
                        </tr>
</table>
九(六)银行付款页的制作
1、把三个银行的徽标从科汛网站上下载后存放在系统/UpFiles/BeyondPic，用相对于根目录的路径方式链接。
2、把里面的所有联系方式都改换成自己的联系信息，否则把用户把钱汇到科汛公司或其它人的帐户里就要赔本罗。

九(七)购物指南页的制作
也是要把自己的联系信息填写清楚。

(待续)

[此贴子已经被作者于2006-11-26 14:30:08编辑过]

做考试题库就用#科汛在线考试系统!