ECSHOP模板修改13問

笑傲人生239 2014-04-16

展開全文

原文地址：ECshop 模板修改十三問答作者：花落無聲

轉(zhuǎn)自：A5論壇自己留下備用

在最新版本的EC2.7.2我只用到了幾個還是能用的其它的沒測試。

第一問答

問：怎樣把ECSHOP商城系統(tǒng)中的相對地址變成帶域名的絕對地址？

答：我們一般所說的絕對地址（也有朋友稱其為：完整地址）是指我們在網(wǎng)頁前臺查看源文件時，在源文件中都所能看到的帶域名的完整URL形式，比如：

“<a href="http://www./sitemap.xml ">xxxxx</a>”

修改說明：

這樣修改的好處：

也許很多朋友都非常想把以www（www.）開頭的URL和不帶www（）的URL同時指向同一個地方。

通過這個方法進行修改以后方便搜索引擎“第一時間”確定以 www 開頭的域名為首選域，也不需要再做301重定向了。

具體操作方法：

其實這個問題操作起來并不復(fù)雜

在ECSHOP商城系統(tǒng)里找到 /includes/lib_common.php這個文件

把return $uri;

修改為

return 'http:// www./'.$uri;

這樣就OK了，是不是很簡單，呵呵

第二問答

問：怎樣在ECSHOP首頁分別調(diào)用商品的品牌名稱？

答：為了講起來方便，為了照顧大部份人，在這里以ECSHOP 2.7.2默認官方模板為例子來分析。事實上“品牌字段”在ECSHOP程序里已經(jīng)取出來了，沒有顯示出來的原因，僅僅是因為模板中沒有去調(diào)用它而已。所以只需要在模板中把這個品牌標簽加上就OK了。

具體操作方法：

A）、在ECSHOP商城系統(tǒng)里找/themes/default/library/recommend_best.lbi

找到

在它上邊增加一行

{if $goods.brand_name}<p>品牌:{$goods.brand_name}</p>{/if}

B）、在ECSHOP商城系統(tǒng)里找/themes/default/library/recommend_new.lbi ，修改方法同上

C）、在ECSHOP商城系統(tǒng)里找/themes/default/library/recommend_hot.lbi ，修改方法也同上

D）、在ECSHOP商城系統(tǒng)中找到themes/default/library/recommend_promotion.lbi ，

找到下面代碼

{$lang.promote_price}<font class="f1">{$goods.promote_price}</font>

在它上邊添加如下代碼

{if $goods.brand_name}<p>品牌:{$goods.brand_name}</p>{/if}

刷新看看，是不是多了一個品牌，如果刷新沒有變化，請到后臺清除緩存再試一下。

第三問答

問：為什么我的ECSHOP首頁和商品列表頁中的商品縮略圖很模糊,我應(yīng)該怎么做，圖片才會清晰呢？

答：經(jīng)?？吹秸搲镉腥朔从痴f首頁或列表頁的縮略圖的質(zhì)量不高，比較模糊......

原因是因為ECSHOP生成縮略圖時，用到的函數(shù) imagejpeg() 沒有設(shè)置質(zhì)量參數(shù)。注釋：質(zhì)量參數(shù)為可選項，范圍從 0（最差質(zhì)量，文件更?。┑?100（最佳質(zhì)量，文件最大）。如果沒有設(shè)置質(zhì)量參數(shù)，那么質(zhì)量默認為75。下面，我們通過修改生成縮略圖質(zhì)量的默認值來提高縮略圖的質(zhì)量。

具體操作方法：

找到 /includes/cls_image.php，把 imagejpeg($img_thumb, $dir . $filename);修改為

imagejpeg($img_thumb, $dir . $filename, 100);

這樣縮略圖就會變清晰了。

注意：按照以上方法修改完后，還需要到后臺執(zhí)行一下“商品管理》圖片批量處理 ”才能看到效果。

第四問答

問：怎樣修改Ecshop站內(nèi)快訊標題的長度(字數(shù))

答：這是一個ECSHOP使用中的小問題，但是群里和論壇里還是經(jīng)常有人在問，下面共享一下。進入后臺》商店設(shè)置》顯示設(shè)置，找到“ 文章標題的長度: ” ，修改輸入框里的數(shù)字即可。

第五問答

問：將默認模板首頁的best,hot,new三個水印刪除掉

答：此方法僅對ECSHOP默認模板有效，其他模板也許根本就沒這幾個水印

A）、打開 /themes/default/library/recommend_best.lbi 文件

將 <span class="best"></span>

刪除即可

B）、打開 /themes/default/library/recommend_hot.lbi 文件

將 <span class="hot"></span>

刪除即可

C）、打開 /themes/default/library/recommend_new.lbi 文件

將 <span class="new"></span>

刪除即可

第六問答

問：在ECSHOP首頁顯示商品總數(shù)和本月更新數(shù)

答：經(jīng)常在論壇里看到有人問到類似問題，今天就把方法共享一下。

1）、首先修改 /index.php

找到

assign_dynamic('index');

在它后邊添加一些代碼

$sql="select count(*) as goods_all from ". $ecs->table('goods'); //商品總數(shù)

$smarty->assign('goodsnum_all',$db->getOne($sql));

$time_month=mktime(0,0,0,date('m')-1,1,date('Y'));

$sql="select count(*) as goods_month from ". $ecs->table('goods') ." where last_update >= " . $time_month; //本月更新數(shù)

$smarty->assign('goodsnum_month',$db->getOne($sql));

2）、打開首頁模板文件 index.dwt，在合適的地方調(diào)用，調(diào)用代碼為

本商城共有商品 {$goodsnum_all} 件，本月更新 {$goodsnum_month} 件

第七問答

問：如何去掉首頁的商店公告

答：不同的模板，具體的修改細節(jié)是不一樣的，

A）、如果你使用的是官方默認模板，請看下面

打開 /themes/default/index.dwt 文件

將下面代碼部分刪除即可

<h3><span>{$lang.shop_notice}</span></h3>

{$shop_notice}

</div>

B）、

如果你使用的是其他模板，打開 /themes/你的模板文件夾/index.dwt

搜索

{$shop_notice}

注意，搜索到該字符串以后，要觀察它周圍（前后都算）的一些DIV 標簽，把對應(yīng)的DIV部分都刪掉就可以了。

如果你能看懂HTML代碼，那應(yīng)該很容易的。

第八問答

問：怎樣給ECSHOP商城增加一個加入QQ群的快捷按鈕

答：大家都知道，普通的加QQ群方法，一般是先到QQ中查找群 --> 輸入群號碼 --> 發(fā)驗證信息，等待群主或管理員通過，步驟比較繁瑣。

現(xiàn)在簡單了，我們可以直接在網(wǎng)頁上放一個按鈕，用戶點擊該按鈕，便可以直接加入該QQ群，省略了一些繁雜的步驟。用戶體驗更友好一些。

以下教程講解怎么給ECSHOP商城系統(tǒng)也加上如此功能。

以官方默認模板為例。

打開 themesdefaultlibrarypage_footer.lbi

找到

在它上邊增加

ECSHOP QQ群： 1111111<a target="_blank" ><img border="0" src="http://cgi.qun.qq.com/gscgi/s1/gp.do?gid=31497022" alt="點擊這里加入此群" title="點擊這里加入此群"></a>

第九問答

問：輕松實現(xiàn)Ecshop商城多語言切換

答：很多人都想讓自己的ECSHOP商城實現(xiàn)多語言支持（能夠方便的在首頁切換多語言）。其實實現(xiàn)起來也挺簡單的。效果圖如下：

下面就說一下修改方法。

A）、

首先打開 includds/init.php 文件，

找到

require(ROOT_PATH . 'languages/' . $_CFG['lang'] . '/common.php');

與

$smarty->assign('lang', $_LANG);

先將這兩行代碼刪掉。

B）、找到

if ((DEBUG_MODE & 1) == 1)

在它上邊增加

if(!empty($_REQUEST['lang'])){

$_SESSION['lang']=$_REQUEST['lang'];

}

if (!empty($_SESSION['lang']))

{

switch($_SESSION['lang']){

case 'zh_cn':

$_CFG['lang']="zh_cn";

break;

case 'zh_tw':

$_CFG['lang']="zh_tw";

break;

case 'en_us':

$_CFG['lang']="en_us";

break;

}

require(ROOT_PATH . 'languages/' . $_CFG['lang'] . '/common.php');

$smarty->assign('lang', $_LANG);

C）、修改　/themes/default/library/page_header.lbi 文件

在

上邊添加

| <a href="?lang=zh_cn">簡體</a> |

<a href="?lang=zh_tw">繁體</a> |

第十問答

問：怎樣在Ecshop首頁上顯示最新評論(評論內(nèi)容&時間)？

答：以“ECSHOP2.7.2 + 官方默認模板” 為例，其他模板大同小異，效果圖如下圖所示：

第一步：

將下面代碼復(fù)制，并保存為一個庫文件，文件名和保存路徑為： /themes/default/library/index_comments.lbi

<?php

if(!function_exists("get_comments")){

function get_comments($num)

{

$sql = 'SELECT * FROM '. $GLOBALS['ecs']->table('comment') .

' WHERE status = 1 AND parent_id = 0 and comment_type=0 '.

' ORDER BY add_time DESC';

if ($num > 0)

{

$sql .= ' LIMIT ' . $num;

}

//echo $sql;

$res = $GLOBALS['db']->getAll($sql);

$comments = array();

foreach ($res AS $idx => $row)

{

$comments[$idx]['add_time'] = $comments[$idx]['add_time'] = local_date

($GLOBALS['_CFG']['time_format'], $row['add_time']);

$comments[$idx]['user_name'] = $row['user_name'];

$comments[$idx]['content'] = $row['content'];

$comments[$idx]['id_value'] = $row['id_value'];

}

return $comments;

}

$GLOBALS['smarty']->assign('my_comments',get_comments(10)); // 10條數(shù)據(jù)

{$comments.content|truncate:21:""}</a><br />

{$comments.add_time}

</li>

</ul>

</div>

第二步：

在ECSHOP首頁模板文件中，調(diào)用這個庫文件

打開 themes/default/index.dwt 文件，

在

</div>

上面增加一行調(diào)用代碼

清除一下緩存

第十一問答

問：請問Ecshop首頁精品推薦（新品上市、熱賣商品）的數(shù)量在哪設(shè)置

答：雖然只是一個很小的ECSHOP設(shè)置問題，但是QQ群里經(jīng)常有人問到類似問題，所以將修改教程共享在這里。

方法：

進后臺》模板管理》設(shè)置模板，

找到 “精品推薦、新品上架、熱賣商品”打頭的三行，

修改每行對應(yīng)“數(shù)量”的那個輸入框里的數(shù)字即可。

第十二問答

問：將ECSHOP分類樹修改成一行兩個

答：經(jīng)常看到有朋友問“怎么將ECSHOP分類樹顯示為一排（行）兩個”，也就是如下面的效果圖：

這個ECSHOP模板修改問題，主要就是靠修改CSS來實現(xiàn)。但是不同模板的具體CSS代碼是不一樣的，所以不同模板的具體修改方法也是不完全相同的，沒有通用的修改方法。

下面教程是以 2.7.2版官方默認模板為例進行講解的，已經(jīng)測試通過，完全兼容IE6,IE7,火狐。其他模板請參照舉一反三。

-------------------------------------------------------------------------------------------------------------------

打開 /themes/default/style.css 文件

找到

#category_tree dd{padding:3px 0 3px 10px;}

將它修改為

#category_tree dd{padding:3px 0 3px 10px;width:40%;overflow:hidden;float:left;white-space:nowrap;word-break:keep-all;display: inline;}

然后再打開 /themes/default/library/category_tree.lbi 文件

在

</dl>

下面增加一行代碼

第十三問答

問：請問ECSHOP首頁站內(nèi)快訊在哪里添加和修改？

答：“添加新聞后在首頁站內(nèi)快訊處顯示不出來？”、“請問首頁中站內(nèi)快訊（最新文章）在后臺哪個位置管理”、“如何讓發(fā)布的文章進入首頁站內(nèi)快訊”等等諸如此類的問題，經(jīng)常在論壇里看到一些朋友在詢問。

本ECSHOP教程就來講解一下上述問題的解決辦法：

進入 ECSHOP后臺》文章管理》文章列表》添加新文章，輸入文章標題、文章內(nèi)容，發(fā)布一篇文章即可。

不過有以下幾個注意點很重要：

1）、文章分類，不能選擇“系統(tǒng)分類及子分類”，要選擇其他分類。如果不存在其他分類，請先建立

2）、文章重要性，要選擇“置頂”。

發(fā)布完文章后，記得到后臺“清除緩存”。

第十四問答

問：在ECSHOP首頁增加一個瀏覽排行

答：最近有看到朋友在ECSHOP論壇里提問：如何在首頁增加一個類似于“銷售排行榜”的“瀏覽排行榜”，并且可以在后臺的“模板設(shè)置”里進行控制。

由于系統(tǒng)默認是沒有讀取瀏覽排行的，所以這部分功能既得增加程序，又得增加模板。

本教程是以 ecshop2.7.2 官方默認模板為例進行講解的。

效果圖如下：

1）、將下面代碼復(fù)制并保存到

一個新文件中，文件路徑為： /themes/default/library/top10_click.lbi

</li>

<a href="{$goods.url}" title="{$goods.name|escape:html}">{$goods.short_name}</a><br />

{$lang.shop_price}<font class="f1">{$goods.price}</font><br />

</li>

</ul>

</div>

2）、修改 /includes/lib_goods.php 文件

在最下面增加一個函數(shù)

function get_top10_click()

{

$sql="SELECT goods_id, goods_name, shop_price, goods_thumb " .

'FROM ' . $GLOBALS['ecs']->table('goods')." where is_on_sale = 1 AND is_alone_sale = 1 AND is_delete = 0 order by click_count desc limit 10";

$arr = $GLOBALS['db']->getAll($sql);

for ($i = 0, $count = count($arr); $i < $count; $i++)

{

$arr[$i]['short_name'] = $GLOBALS['_CFG']['goods_name_length'] > 0 ?

sub_str($arr[$i]['goods_name'], $GLOBALS['_CFG']['goods_name_length']) : $arr[$i]['goods_name'];

$arr[$i]['url'] = build_uri('goods', array('gid' => $arr[$i]['goods_id']), $arr[$i]['goods_name']);

$arr[$i]['thumb'] = get_image_path($arr[$i]['goods_id'], $arr[$i]['goods_thumb'],true);

$arr[$i]['price'] = price_format($arr[$i]['shop_price']);

}

return $arr;

}

3）、修改 /index.php 文件

在

$smarty->assign('top_goods', get_top10()); // 銷售排行

下面另起一行增加

$smarty->assign('top_goods_click', get_top10_click()); // 瀏覽排行

修改模板文件 /themes/default/index.dwt

找到

在它的前面增加

4）、修改 /admin/includes/lib_template.php 文件

在

'/library/invoice_query.lbi' => 0,

上邊增加一行代碼

'/library/top10_click.lbi' => 0,

5）、繼續(xù)修改語言包文件 /languages/zh_cn/admin/template.php

在

$_LANG['template_libs']['top10'] = '銷售排行';

下邊增加一行代碼

$_LANG['template_libs']['top10_click'] = '瀏覽排行';

6）、修改 /themes/default/lib.xml 文件

找到

并且在它下面另起一行，增加

<lib>top10_click</lib>

7）、最后進入后臺》模板管理》設(shè)置模板，是不是看到了期待已久的“瀏覽排行”，設(shè)置一下，并清除緩存，就OK了

第十五問答

問：在ECSHOP首頁頂部增加通欄廣告位的方法

答：ECSHOP系統(tǒng)默認預(yù)留的廣告位很少，如何才能在首頁或者其他頁面增加自己想要的廣告位呢？？下面就講一講方法。

下面以“在ECSHOP首頁頂部增加一個通欄廣告”為例進行講解。

另外：本例是在ECSHOP2.7.2 官方默認模板基礎(chǔ)上進行講解的，其他模板及其他頁面原理相同。

第1步：

進入ECSHOP后臺》廣告管理》廣告位置，點擊“增加廣告位”按鈕。

廣告位名稱輸入“首頁頭部通欄廣告位”，

廣告位寬度輸入“960”

廣告位高度輸入“100”。。。。。

點“確定”。

第2步：然后進入“廣告列表”，點擊“添加廣告”按鈕，

注意，廣告位置下拉框要選擇剛才第1步里添加的那個廣告位，即“首頁頭部通欄廣告位 [960x100]”。

上傳一張廣告圖片，點確定。

第3步：打開首頁模板文件 index.dwt

找到下面代碼

在它下面增加幾行代碼

</div>

第4步：進入后臺》模板管理》設(shè)置模板，選擇首頁模板。

到最下面找到“廣告位”，點擊“+”展開，

在第一個下拉框里

選擇 “首頁頭部通欄廣告位（寬：960px）”

在第二個下拉框里選擇 “首頁頭部通欄廣告位 [960x100]”

點擊 “確定”，保存，然后到首頁看看，是不是通欄廣告已經(jīng)顯示出來了

第十六問答

問：怎樣讓首頁“站內(nèi)快訊”垂直滾動顯示（無縫滾動）？

答：Ecshop首頁“站內(nèi)快訊”默認是靜止不動的，很多人想讓它垂直滾動顯示，這里簡要說一下方法

如果只是要簡單的垂直滾動用 html 標簽中的 <maquee> 就能實現(xiàn)，但是不能實現(xiàn)無縫結(jié)合。

如果想要無縫垂直滾動，就需要一點JS代碼的支持。

下面就講一講如何實現(xiàn)“站內(nèi)快訊”垂直無縫滾動顯示：

將 library/new_articles.lbi 文件內(nèi)容完全替換為下面代碼即可：

（經(jīng)測試完全兼容IE6,IE7,FIREFOX）

注意：下面方法已經(jīng)在官方默認模板基礎(chǔ)上測試完全通過，其他模板沒做測試。

<li>

[<a href="{$article.cat_url}">{$article.cat_name}</a>] <a href="{$article.url}" title="{$article.title|escape:html}">{$article.short_title|truncate:10:"...":true}</a>

</li>

</ul>

</div>

</div>

var speed=30;

var ARTUP=document.getElementByIdx_x('artup');

var ARTUP1=document.getElementByIdx_x('artup1');

var ARTUP2=document.getElementByIdx_x('artup2');

var ARTUP1ul=document.getElementByIdx_x('artup1ul');

var result = "";

for(var i=0; i<25; i++) result += ARTUP1ul.innerHTML;