Сделать чтобы каждой категории была своя картинка (иконка)

InstantCMS 2.X
#1 20 февраля 2023 в 17:02

Добрый день, требуется сделать так чтобы у каждой категории была своя картинка (иконка). Пример, вместо иконки папки можно поставить свою оригинальную картинку на каждую категорию.

Изображение

Как вариант, в компоненте categories.tpl.php добавить класс, а я бы через CSS персонализировал бы. Пример.
Изображение

<span class=«text-warningico1»>

<span class=«text-warning ico2»>

#2 20 февраля 2023 в 17:09

 dambar, изучайте движок более детально — такая возможность уже давно в коробке

#3 20 февраля 2023 в 17:15

 dambar, уже есть все в коробке… Выберите пресеты для обложек

Изображение

Задать обложку в настройках категории

Изображение

Потом немного магии в templates\ваш_шаблон_или_modern\controllers\content\category_view.tpl.php или такой же, но для типа контента с системным именем shop templates\ваш_шаблон_или_modern\controllers\content\category_view_shop.tpl.php

У меня, например, такой код вывода категорий

  1. <?php if ($subcats) {
  2. ?>
  3. <div class="cats-shopout">
  4. <div class="cats-shop row no-gutters mb-n3 mb-md-n4">
  5. <?php
  6. $i = 1;
  7. $ctype_name = $ctype['name'];
  8. //пресет обложки
  9. $preset = 'cat_big';
  10. foreach ($subcats as $item) {
  11. if(!empty($item['cover'])){
  12. $covers = cmsModel::yamlToArray($item['cover']);
  13. $item['img_src'] = html_image_src($covers, $preset, true);
  14. }
  15. ?>
  16. <div class="col-6<?php if ((count($subcats) !== 4) && ($i == 1 || $i == 6)) { ?> col-md-6<?php } else { ?> col-md-3<?php } ?>">
  17.  
  18. <a href="<?php echo href_to($ctype_name, $item['slug']); ?>" class="cats-shop__item"<?php if (!empty($item['img_src'])) { ?> style="background-image: url(<?php echo $item['img_src']; ?>)"<?php } ?>>
  19. <span><?php echo $item['title']; ?></span>
  20. </a>
  21. </div>
  22. <?php
  23. $i++;
  24. }
  25. ?>
  26. </div>
  27. </div>
  28. <?php } ?>

И получаем так

Изображение

#4 21 февраля 2023 в 15:11

Спасибо за советы, действительно картинки добавляются, но отображение не устраивает, все подряд выводит и категории и под категории. Нужно немного изменить categories.tpl.php, заключить в контейнер (div)  категорию, а под категории в ней генерируется.
Сейчас так
Изображение 

Нужно чтобы было так:
Изображение

Прикрепленный файл
categories-tpl.zip 1 Кб
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.