商城建站考慮用ECSHOP，其實選用什么軟件不重要，重要的是資源多就行，不然再好用沒人研究也是浪費精力。網(wǎng)上有許多免費的模板，對要求不算高的用戶來說，已經(jīng)足夠了。

       首先下載的模板如果只包含 /themes/模板，那么恭喜你，這樣的模板99%有問題，不是這里調(diào)用不出來就是那里有代碼錯誤。  

       免費的模板自然存在許多問題，對新手來說是比較傷腦筋，這當(dāng)然也包括筆者在內(nèi)...遇到過首頁輪播圖無法調(diào)用出來的錯誤沒有？這里分享一下經(jīng)驗。

       許多效果都可以采用SuperSlide進(jìn)行整合，這里就不提供下載鏈接，直接搜就是了。筆者選擇這個插件基本可以搞定現(xiàn)有的JS效果，引用也簡單。ECSHOP輪播圖默認(rèn)的是flash，搜索引擎不抓取。有自定義播放器，這兩者只可以選擇其中一個。先把輪播圖填寫完之后，按下圖切換至自定義。

1.用代碼編輯器打開/index.php

找到
$smarty->display('index.dwt', $cache_id);
下面增加
function get_flash_xml()  
 { 
  $flashdb = array();    
  if (file_exists(ROOT_PATH . DATA_DIR . '/flash_data.xml'))  
{     
  // 兼容v2.7.0及以前版本
  if (!preg_match_all('/item_url="([^"]+)"\slink="([^"]+)"\stext="([^"]*)"\ssort="([^"]*)"/', file_get_contents(ROOT_PATH . DATA_DIR . '/flash_data.xml'), $t, PREG_SET_ORDER))
{
preg_match_all('/item_url="([^"]+)"\slink="([^"]+)"\stext="([^"]*)"/', file_get_contents(ROOT_PATH . DATA_DIR . '/flash_data.xml'), $t, PREG_SET_ORDER);
  }
  if (!empty($t))
 {
  foreach ($t as $key => $val)
  {
   $val[4] = isset($val[4]) ? $val[4] : 0;
   $flashdb[] = array('src'=>$val[1],'url'=>$val[2],'text'=>$val[3],'sort'=>$val[4]);
   }
   }
  }
  return $flashdb;
}
找到
$smarty->assign('auction_list',index_get_auction());// 拍賣活動
下面加上：
$smarty->assign('playerdb',get_flash_xml());// FLASHJS廣告

2.用代碼編輯器打開/index_ad.lbi，也可新建一個/index_ad2.lbi

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">     
    <!-- {if $index_ad eq 'sys'} -->     
    <script type="text/javascript">     
    var swf_width=534;     
    var swf_height=200;     
    </script>     
    <script type="text/javascript" src="data/flashdata/{$flash_theme}/cycle_image.js"></script>     
    <!-- {elseif $index_ad eq 'cus'} -->     
    <!-- {if $ad.ad_type eq 0} -->     
    <a href="{$ad.url}" target="_blank"><img src="{$ad.content}" width="534" height="200" border="0"></a>    
    <!-- {elseif $ad.ad_type eq 1} -->     
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="534" height="200">    
    <param name="movie" value="{$ad.content}" />     
    <param name="quality" value="high" />     
    <embed src="{$ad.content}" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="534" height="200"></embed>     
    </object>     
    <!-- {elseif $ad.ad_type eq 2} -->    
    <p id="picBox">     
    <ul id="show_pic" style="left:0;">     
    {foreach from=$playerdb item=item key=key}     
    <li><a href="{$item.url}" target="_blank"><img src="{$item.src}" alt="{$item.text}" /></a></li>     
    {/foreach}     
    </ul>     
    <ul id="icon_num">     
    {foreach from=$playerdb item=item name=picsitem key=key}    
    <li <!--{if $smarty.foreach.picsitem.iteration eq 1}-->class="active" <!--{/if}-->>{$item.text}</li>    
    {/foreach}     
    </ul>     
    </p>     
    {$ad.content}     
    <!-- {elseif $ad.ad_type eq 3} -->     
    <a href="{$ad.url}" target="_blank">{$ad.content}</a>     
    <!-- {/if} -->     
    <!-- {else} -->     
    <!-- {/if} -->

3.用編輯器打開/themes/模板/index.dwt

在</head>之前引入上傳好的SuperSlide的js，具體的路徑自己把握，我是放到根的js目錄下，
<script type="text/javascript" src="/js/jquery1.42.min.js"></script>
<script type="text/javascript" src="/js/jquery.SuperSlide.2.1.1.js"></script>

4.后臺設(shè)置

       自定義選項里，選擇廣告類型為代碼，粘貼的代碼比許多帖子的要少得多，代碼如下：

<script type="text/javascript">
jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true});
</script>

       給個全通欄的參考樣式，個性的就自己寫咯

.slideBox{width:100%;height:500px;overflow:hidden;position:relative;border:1px solid #ddd;}
.slideBox .hd{height:15px;overflow:hidden;position:absolute;right:5px;bottom:5px;z-index:1; }
.slideBox .hd ul{overflow:hidden;zoom:1;float:left;}
.slideBox .hd ul li{float:left;margin-right:2px;width:15px;height:15px;line-height:14px;text-align:center;background:#fff; cursor:pointer;}
.slideBox .hd ul li.on{background:#f00;color:#fff;}
.slideBox .bd{position:relative;height:100%;z-index:0;}
.slideBox .bd li{zoom:1;vertical-align:middle;}
.slideBox .bd img{width:100%;height:500px;display:block;}

總結(jié)