[HowTo] Добавляем иконки категорий в модуль Категории

[afwollis]

По мотивам

...Скажите, а как Вы вставили мини иконки в левое меню, что за модуль?...

Для этого нам понадобятся, собственно, иконки и два файла - контроллер и шаблон стандартного модуля категорий.

Возьмем, например, такие иконки http://findicons.com/pack/2687/fruit:

Сохраняем их в

catalog/view/theme/{theme_name}/image/category-icons/

с именами

cat-{category_id}.png

вместо {category_id} подставляйте ID категории, у которой должна отображаться эта иконка (архив с использованными в примере оригинальными и переименованными иконками прикреплен к сообщению).

Теперь украсим наш контроллер

catalog/controller/module/category.php

раз_#1

Блок

				$children_data[] = array(
				'category_id' => $child['category_id'],
				'name'		=> $child['name'] . ($this->config->get('config_product_count') ? ' (' . $product_total . ')' : ''),
				'href'		=> $this->url->link('product/category', 'path=' . $category['category_id'] . '_' . $child['category_id'])
			);

Приводим к виду

				$categoryIcon = false;
			if (file_exists(DIR_TEMPLATE.$this->config->get('config_template').'/image/category-icons/cat-'.$child['category_id'].'.png')) {
				$categoryIcon = HTTPS_SERVER.'catalog/view/theme/'.$this->config->get('config_template').'/image/category-icons/cat-'.$child['category_id'].'.png';
			}

			$children_data[] = array(
				'category_id' => $child['category_id'],
				'name'		=> $child['name'] . ($this->config->get('config_product_count') ? ' (' . $product_total . ')' : ''),
				'href'		=> $this->url->link('product/category', 'path=' . $category['category_id'] . '_' . $child['category_id']),
				'icon'		=> $categoryIcon,
			);

два_#2:

Блок

			$this->data['categories'][] = array(
			'category_id' => $category['category_id'],
			'name'		=> $category['name'] . ($this->config->get('config_product_count') ? ' (' . $total . ')' : ''),
			'children'	=> $children_data,
			'href'		=> $this->url->link('product/category', 'path=' . $category['category_id'])
		);

Приводим к виду

			$categoryIcon = false;
		if (file_exists(DIR_TEMPLATE.$this->config->get('config_template').'/image/category-icons/cat-'.$category['category_id'].'.png')) {
			$categoryIcon = HTTPS_SERVER.'catalog/view/theme/'.$this->config->get('config_template').'/image/category-icons/cat-'.$category['category_id'].'.png';
		}

		$this->data['categories'][] = array(
			'category_id' => $category['category_id'],
			'name'		=> $category['name'] . ($this->config->get('config_product_count') ? ' (' . $total . ')' : ''),
			'children'	=> $children_data,
			'href'		=> $this->url->link('product/category', 'path=' . $category['category_id']),
			'icon'		=> $categoryIcon,
		);

сохраняем, закрываем.

И добавим перцу в шаблон:

catalog/view/theme/{theme_name}/template/module/category.tpl

раз_#1

Меняем

<?php echo $category['name']; ?>

На такой код

<?php if ($category['icon']) { ?><img src="<?php echo $category['icon']; ?>" width="24" height="24" /><?php } ?><?php echo $category['name']; ?>

два_#2

Меняем

<?php echo $child['name']; ?>

На такой код

<?php if ($child['icon']) { ?><img src="<?php echo $child['icon']; ?>" width="16" height="16" /><?php } ?><?php echo $child['name']; ?>

сохраняем, закрываем.

В обоих случаях мы всего лишь добавляем вывод иконок перед названием категории. Заменой проще ибо там по два вхождения.

Любуемся результатом:

category-icons.zip

[Esox]

Спасибо...ОГРОМНОЕ. Сделал.

[Amazko]

а как сделать чтобы название категории ровнялось по центру иконки? 

[afwollis]

http://stackoverflow.com/questions/489340/how-do-i-vertically-align-text-next-to-an-image-with-css

[vodez]

Спасибо за урок! как раз то, что искал!  

все сделал как написано, но иконка у категории появляется только при выборе категории, на главной иконки не отображаются... подозреваю что где-то в схемах и модулях настраивается, но пока не получается, подскажите начинающему )

[afwollis]

что-то сделали не так.

иконки выводятся всегда для тех категорий, у которых они есть.

[strateg2010]

для OC 2.1 данный метод подойдет?