afwollis

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

Рекомендуемые сообщения

afwollis    1 099

По мотивам

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

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

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

post-3682-0-46772400-1362969068.png post-3682-0-89528700-1362969071.png post-3682-0-01656600-1362969075.png post-3682-0-52238800-1362969078.png post-3682-0-51945700-1362969081.png post-3682-0-61018000-1362969084.png post-3682-0-43746200-1362969087.png post-3682-0-96848800-1362969089.png

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

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']; ?>

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

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

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

post-3682-0-28759100-1362971257_thumb.png

category-icons.zip

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Esox    20

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Amazko    6

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
vodez    0

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
afwollis    1 099

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
strateg2010    30

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу