首頁 > ECSHOP 相關舊文章 > Ecshop 綜合文章 > ECSHOP4.1.8 商品分類如何增加小圖示
點擊圖片免費AI生圖

ECSHOP4.1.8 商品分類如何增加小圖示

2022-08-13 405

相關文章

商品分類小圖示 ECshop4.1.x 正常情況下是無法顯示的,因為這個功能只能在H5模板中使用,但是可以透過簡單的修改來達成此目的,除了可以上傳圖片小圖示之外,我更喜歡使用字型 Icon,結果就類似下圖:

點擊圖片可以放大檢視
ECSHOP4.1.8 商品分類如何增加小圖示

任何修改前,請記得備份相關檔案...

1、編輯 includes/lib_goods.php,前台分類圖示調用
約 40 行
function get_categories_tree($cat_id = 0)
{
.....省略.....
    if ($GLOBALS['db']->getOne($sql) || $parent_id == 0)
    {
        /* 獲取目前分類及其子分類 */ 
		.....增加紅字部分.....
        $sql = 'SELECT cat_id,cat_name ,parent_id,is_show,cate_img,is_top ' .
                'FROM ' . $GLOBALS['ecs']->table('category') .
                "WHERE parent_id = '$parent_id' AND is_show = 1 ORDER BY sort_order ASC, cat_id ASC";
        $res = $GLOBALS['db']->getAll($sql);
        foreach ($res AS $row)
        {
            if ($row['is_show'])
            {
.....增加紅字部分.....
				
					
				if (!empty($row['cate_img'])){
				if (is_file($row['cate_img'])){
					$cate_img = '<img src="'.$row['cate_img'].'" alt="'.$row['cat_name'].'" /> ';
				}else{
				$cate_img = '<i class="'.$row['cate_img'].'"></i>';
				}
				}
				if (!empty($row['cate_img']) && $row['is_top'])		$cat_arr[$row['cat_id']]['icon'] = $cate_img;
				
				
.....省略.....
}
--------------------------------------約 105 行----------------------
function get_child_tree($tree_id = 0)
{
.....省略.....
    if ($GLOBALS['db']->getOne($sql) || $tree_id == 0)
    {
		.....增加紅字部分.....
        $child_sql = 'SELECT cat_id, cat_name, parent_id, is_show,cate_img,is_top ' .
                'FROM ' . $GLOBALS['ecs']->table('category') .
                "WHERE parent_id = '$tree_id' AND is_show = 1 ORDER BY sort_order ASC, cat_id ASC";
        $res = $GLOBALS['db']->getAll($child_sql);
        foreach ($res AS $row)
        {
            if ($row['is_show'])
.....增加紅字部分.....
			
				
				if (!empty($row['cate_img'])){
				if (is_file($row['cate_img'])){
					$cate_img = '<img src="'.$row['cate_img'].'" alt="'.$row['cat_name'].'" /> ';
				}else{
					$cate_img = '<i class="'.$row['cate_img'].'"></i>';
				}
				}
               if (!empty($row['cate_img']) && $row['is_top'])		$three_arr[$row['cat_id']]['icon'] = $cate_img;
               
			   
.....省略.....
}
存檔
2、編輯 admin/category.php,後台編輯分類時顯示已上傳圖片
約 178 行
if ($_REQUEST['act'] == 'edit')
{
.....省略.....
    $filter_attr_list = array();
.....增加紅字部分.....
	
		
	if ($cat_info['cate_img']){
		if(strpos($cat_info['cate_img'], 'fa-')){
			$cat_info['cate_img'] = '<i class="'.$cat_info['cate_img'].'"></i>';
		}else{
			$cat_info['cate_img'] = '<img src="../'.$cat_info['cate_img'].'" style="width:20px" />';
		}
	}	
	
	
.....省略.....
存檔
最後在模板目錄的 category_tree.lbi 使用 {$cat.icon} {$child.icon} {$childer.icon} 就可以正確顯示 ICON 了
如果你對ECSHOP4.1.8 商品分類如何增加小圖示有任何問題請到討論區發帖。