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

InstantCMS 2.X

#1 20 февраля 2023 в 17:02

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

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

Ищу разработчика на Instantcms

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

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

https://vk.com/instantmake - полезное сообщество в VK про InstantCms

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

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

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

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

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

<?php if ($subcats) {
        ?>
        <div class="cats-shopout">
            <div class="cats-shop row no-gutters mb-n3 mb-md-n4">
                <?php
                $i = 1;
                $ctype_name = $ctype['name'];
                //пресет обложки
                $preset = 'cat_big';
                foreach ($subcats as $item) {
                    if(!empty($item['cover'])){
                        $covers = cmsModel::yamlToArray($item['cover']);
                            $item['img_src'] = html_image_src($covers, $preset, true);
                    }
                    ?>
                    <div class="col-6<?php if ((count($subcats) !== 4) && ($i == 1 || $i == 6)) { ?> col-md-6<?php } else { ?> col-md-3<?php } ?>">
 
                        <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 } ?>>
                            <span><?php echo $item['title']; ?></span>
                        </a>
                    </div>
                    <?php
                    $i++;
                }
                ?>
            </div>
        </div>
    <?php } ?>

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

Разработка виджетов, полей и компонентов для instantcms 2, сайты под ключ. site: www.zau4man.ru telegram: @zau4man

Сегодня в 11:44

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

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