Добавление font-awesome в opencart 2.3

[zarreks]

как добавить иконки с Font-Awesome в строку категории , желательно через html / т.к. иконки будут разные ? 
Просто не могу понять как найти путь к html документу.(категорий). они же задаются через админ панель.

вот сайт http://culikdima2.temp.swtest.ru  К примеру нужно в разделе Авто и мото, добавить иконку с лева , как это сделать ?

[baster789]

Пишите в header путь к fontawesome, а вот для вывода на конкретные категорий уже придется с php танцевать(проверку по id делать, либо добавлять новую харакетристику к категории и тд, на что фантазии хватит). если в шаблоне заранее не предусмотрено

[n3bo]

 

[zarreks]

Version 2.3.0.2 (trs-2.3.0.0) для этой версии подойдет ?

[fanatic]

13 минут назад, baster789 сказал:

Пишите в header путь к fontawesome,

а что, в opencart нет  fontawesome из коробки?

в ocstore есть

[baster789]

17 минут назад, fanatic сказал:

а что, в opencart нет  fontawesome из коробки?

в ocstore есть

А точняк ступил

[Tom]

Во второй версии все эти иконки есть "из коробки", но просьба ТС из области, сделайте мне хотелку.Потому как дефолтной такой функции нет.

[fanatic]

 

1 час назад, zarreks сказал:

К примеру нужно в разделе Авто и мото, добавить иконку с лева

в меню категорий?

[zarreks]

Вот сюда как добавить ?

Змінено 12 травня 2017 користувачем zarreks

[Sven]

Можно попробовать на ИД раздела цеплять, либо через SEO URL

[fanatic]

как вариант(в лоб)

в шаблоне   catalog\view\theme\mebel\template\extension\module\category.tpl

после 

<?php foreach ($categories as $category) { ?>

вставить

<?php 
    switch($category['category_id']){
        case 20://id скатегории. узнать в админке при редактировании категории в адресной строке  category_id=20
            $fa = '<span class="fa fa-car"></span>';
            break;
        case 18://id скатегории
            $fa = '<span class="fa fa-motorcycle"></span>';
            break;
        default:
            $fa = '';
    }
?>

далее, найти  

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

и впереди подставить

<?php echo $fa;?>

 

[zarreks]

как можно добавить через SEO URL изображение ?

 

[zarreks]

5 минут назад, fanatic сказал:

как вариант(в лоб)

в шаблоне   catalog\view\theme\mebel\template\extension\module\category.tpl

после 

<?php foreach ($categories as $category) { ?>

вставить

<?php 
    switch($category['category_id']){
        case 20://id скатегории. узнать в админке при редактировании категории в адресной строке  category_id=20
            $fa = '<span class="fa fa-car"></span>';
            break;
        case 18://id скатегории
            $fa = '<span class="fa fa-motorcycle"></span>';
            break;
        default:
            $fa = '';
    }
?>

далее, найти  

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

и впереди подставить

<?php echo $fa;?>

 

Если для каждой категории нужно изображение, все код по новой вставлять придется с другими id, я правильно понимаю ?

[Sven]

fanatic, громоздкий код выйдет. 

 

Вот чуть проще

 

В том же файле

<div class="list-group">
  <?php foreach ($categories as $category) { ?>
  <?php if ($category['category_id'] == $category_id) { ?>
  <a href="<?php echo $category['href']; ?>" class="list-group-item active category-icon category<?php echo $category['category_id'];?>"><?php echo $category['name']; ?></a>
  <?php if ($category['children']) { ?>
  <?php foreach ($category['children'] as $child) { ?>
  <?php if ($child['category_id'] == $child_id) { ?>
  <a href="<?php echo $child['href']; ?>" class="list-group-item active category-icon category<?php echo $category['category_id'];?>">&nbsp;&nbsp;&nbsp;- <?php echo $child['name']; ?></a>
  <?php } else { ?>
  <a href="<?php echo $child['href']; ?>" class="list-group-item category-icon category<?php echo $category['category_id'];?>">&nbsp;&nbsp;&nbsp;- <?php echo $child['name']; ?></a>
  <?php } ?>
  <?php } ?>
  <?php } ?>
  <?php } else { ?>
  <a href="<?php echo $category['href']; ?>" class="list-group-item category-icon category<?php echo $category['category_id'];?>"><?php echo $category['name']; ?></a>
  <?php } ?>
  <?php } ?>
</div>

 

Добавил в класс 

category-icon category<?php echo $category['category_id'];?>

 

Далее в файлы .css пишем

.category-icon:before {
	content: '';
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 10px;
	vertical-align: middle;
}
.categoryИД_НУЖНОГО_РАЗДЕЛА:before {
	content: '\4 буквы/цифры с сайта шрифта';
}

Решение на коленке, если что не так - пишите, подкорректирую

Змінено 12 травня 2017 користувачем Sven

[fanatic]

8 минут назад, zarreks сказал:

с другими id, я правильно понимаю ?

вот это для каждой категории

        case 20://id скатегории. узнать в админке при редактировании категории в адресной строке  category_id=20
            $fa = '<span class="fa fa-car"></span>';
            break;

 

[fanatic]

5 минут назад, Sven сказал:

Вот чуть проще

как по мне, так в одном файле проще.  

[Sven]

fanatic, спорить не возьмусь. На вкус и цвет, как говорится

Я сам верстальщик - мне проще с CSS работать, программистам может проще с PHP будет работать. 

Вариант же тоже имеет право на жизнь?

[zarreks]

fanatic , СПАСИБО тебе. Наконец получилось)

[fanatic]

17 минут назад, Sven сказал:

Вариант же тоже имеет право на жизнь?

конечно, может кому  пригодиться