Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

Надіслати
Поділитися на інших сайтах


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

Надіслати
Поділитися на інших сайтах

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

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

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

в ocstore есть

Надіслати
Поділитися на інших сайтах

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

Надіслати
Поділитися на інших сайтах

 

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

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

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

Надіслати
Поділитися на інших сайтах

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

в шаблоне   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;?>

 

Надіслати
Поділитися на інших сайтах

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, я правильно понимаю ?

Надіслати
Поділитися на інших сайтах


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 буквы/цифры с сайта шрифта';
}

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

Змінено користувачем Sven
Надіслати
Поділитися на інших сайтах


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

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

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

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

 

Надіслати
Поділитися на інших сайтах

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

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

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

Надіслати
Поділитися на інших сайтах

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

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

Надіслати
Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.