Dreamweaver FrontPage HTML/CSS Javascript 
Google adsense申请技巧本站核心代理域名注册主机业务 快速发布你的买卖域名买卖网站信息 1元注册 cn域名
站长每日新闻导读 √ ·推荐万网空间¥120元 150m 站长网:站长必上的网站网站联盟大全本站代理万网域名55空间120元
 2007-3-22 14:21:19

KesionShopV300新手提高教程(九)

来源: 字体:[ ]
九(三)商城频道栏目页的制作
1、拷贝“商城频道首页模板”内容到“商城频道栏目页”模板中

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

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


点此在新窗口浏览图片此主题相关图片如下:
点此在新窗口浏览图片

九(四)商城频道内容页的制作
1、拷贝“商城频道首页模板”内容到“商城频道内容页”模板中,标题替换为{$GetSiteTitle}-{$GetProductName},在<head>中拷贝一段JS代码:
<s cript language=Javas cript type=text/Javas cript>
//改变图片大小
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;
}
</s cript>

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> </TD>
  </TR>
  <TR>
    <TD>

发表评论
你的昵称:  邮件: 匿名发表  注册
评定分值:0分10分25分40分55分70分85分100分
评论内容:
查看全部评论
</TD>
  </TR>
</table>
 
点此在新窗口浏览图片此主题相关图片如下:
点此在新窗口浏览图片

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

2、整个主体替换为
<table cellSpacing=0 cellPadding=0 width="98%" align=center border=0>
                        <tr>
                          <td height=25> </td>
                        </tr>
                        <tr>
                          <td height=25>

发表评论
你的昵称:  邮件: 匿名发表  注册
评定分值:0分10分25分40分55分70分85分100分
评论内容:
查看全部评论
</td>
                        </tr>
</table>九(六)银行付款页的制作
1、把三个银行的徽标从科汛网站上下载后存放在系统/UpFiles/BeyondPic,用相对于根目录的路径方式链接。
2、把里面的所有联系方式都改换成自己的联系信息,否则把用户把钱汇到科汛公司或其它人的帐户里就要赔本罗。

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


(待续)
网站地图 - 域名注册续费虚拟主机代理 - 交易论坛 - 网站投稿 - 广告服务 - 帮助中心 - 联系我们
Copyright ©2003-2007 www.Admin5.com All Rights Reserved