Gsyfuy

I am trying to get at Category Images from within Magento_Catalogtemplatenavigationleft.phtml. This file shows a list of sub-categories.

This is that file:

<?php if (!$block->getCategory()) {

    return;

} ?>

<?php $_categories = $block->getCurrentChildCategories(); ?>

<?php $_count = is_array($_categories) ? count($_categories) : $_categories->count(); ?>

<?php if ($_count): ?>

    <div class="block filter">

        <div class="title">

            <strong><?php /* @escapeNotVerified */ echo __('Shop By') ?></strong>

        </div>

        <div class="content">

            <strong class="subtitle"><?php /* @escapeNotVerified */ echo __('Shopping Options') ?></strong>

            <dl class="options" id="narrow-by-list2">

                <dt><?php /* @escapeNotVerified */ echo __('Category') ?></dt>

                <dd>

                    <ol class="items">

                        <?php foreach ($_categories as $_category): ?>

                            <?php if ($_category->getIsActive()): ?>

                                <li class="item">

                                    <a href="<?php /* @escapeNotVerified */ echo $block->getCategoryUrl($_category) ?>"<?php if ($block->isCategoryActive($_category)): ?> class="current"<?php endif; ?>>

                                        <img src="<?php echo $block->getCategory($_category)->getImageUrl(); ?>">

                                        <p><?php echo $block->escapeHtml($_category->getName()) ?></p>

                                    </a>

                                    <span class="count"><?php /* @escapeNotVerified */ echo $_category->getProductCount() ?></span>

                                </li>

                            <?php endif; ?>

                        <?php endforeach ?>

                    </ol>

                </dd>

            </dl>

        </div>

    </div>

<?php endif; ?>

The line I was hoping would work is:

$block->getCategory($_category)->getImageUrl();

However this is returning the image for the current category, not the sub-categories.

Three hours later...

This will render from a category page. You may have to modify to work with your exact requirements.

Add this block to your Module: Block/CategoryCollect.php

<?php

namespace Joshua34UpdateHeadBlock;

class CategoryCollect extends MagentoFrameworkViewElementTemplate

{

    protected $_categoryHelper;

    protected $categoryFlatConfig;

    protected $topMenu;



    /**

     * @param MagentoFrameworkViewElementTemplateContext $context

     * @param MagentoCatalogHelperCategory $categoryHelper

     * @param array $data

     */

    public function __construct(

        MagentoFrameworkViewElementTemplateContext $context,

        MagentoCatalogHelperCategory $categoryHelper,

        MagentoCatalogModelIndexerCategoryFlatState $categoryFlatState,

        MagentoThemeBlockHtmlTopmenu $topMenu

    )

    {

        $this->_categoryHelper = $categoryHelper;

        $this->categoryFlatConfig = $categoryFlatState;

        $this->topMenu = $topMenu;

        parent::__construct($context);

    }



    /**

     * Return categories helper

     */

    public function getCategoryHelper()

    {

        return $this->_categoryHelper;

    }



    /**

     * Return categories helper

     * getHtml($outermostClass = '', $childrenWrapClass = '', $limit = 0)

     * example getHtml('level-top', 'submenu', 0)

     */

    public function getHtml()

    {

        return $this->topMenu->getHtml();

    }



    /**

     * Retrieve current store categories

     *

     * @param bool|string $sorted

     * @param bool $asCollection

     * @param bool $toLoad

     * @return MagentoFrameworkDataTreeNodeCollection|MagentoCatalogModelResourceCategoryCollection|array

     */

    public function getStoreCategories($sorted = false, $asCollection = false, $toLoad = true)

    {

        return $this->_categoryHelper->getStoreCategories($sorted, $asCollection, $toLoad);

    }



    /**

     * Retrieve child store categories

     *

     */

    public function getChildCategories($category)

    {

        if ($this->categoryFlatConfig->isFlatEnabled() && $category->getUseFlatResource()) {

            $subcategories = (array)$category->getChildrenNodes();

        } else {

            $subcategories = $category->getChildren();

        }

        return $subcategories;

    }

}

Add this template file to your Module: view/frontend/templates/categorycollect.phtml

<?php

$objectManager = MagentoFrameworkAppObjectManager::getInstance();

$category = $objectManager->get('MagentoFrameworkRegistry')->registry('current_category');//get current category

$subcats = $category->getChildrenCategories();

$_helper = $this->helper('MagentoCatalogHelperOutput');

?>

<ul>

    <?php

    foreach ($subcats as $subcat) {

        if ($subcat->getIsActive()) {

            $_category = $objectManager->create('MagentoCatalogModelCategory')->load($subcat->getId());

            $_outputhelper = $this->helper('MagentoCatalogHelperOutput');

            $subcaturl = $subcat->getUrl();



            $_imgHtml = '';

            if ($_imgUrl = $_category->getImageUrl()) {



                $_imgHtml = '<img src="' . $_imgUrl . '" />';

                $_imgHtml = $_outputhelper->categoryAttribute($_category, $_imgHtml, 'image');



                /* @escapeNotVerified */

                echo '<li><a href="' . $subcaturl . '" class="block-promo" title="' . $subcat->getName() . '">' . $_imgHtml . '<span style="background-color: rgba(255,255,255,0.9)" class="content bg-white"><strong>Place custom code here</strong><br><br><span class="action more button">Learn More</span></span></a></li>';

            }

        }

    } ?>

</ul>

Reference from within CMS block / page

 {{block class="VendorModuleNameBlockCategoryCollect" template="Vendor_ModuleName::categorycollect.phtml"}}

To me:

$block->getCategory($_category)->getImageUrl();

Means that you are retrieving the main category of the block so yeah to fix that, I reckon you should modify your code to this:

$_category->getImageUrl();

You can add attributes to child category collections with a plugin, here's an example module (code not tested):

./composer.json

{

    "name": "stackoverflow/module-child-category-image",

    "require": {

        "magento/framework": "101.*",

        "magento/magento-composer-installer": "*"

    },

    "type": "magento2-module",

    "autoload": {

        "files": [

            "registration.php"

        ],

        "psr-4": {

            "StackOverflow\ChildCategoryImage\": ""

        }

    }

}

./registration.php

<?php

MagentoFrameworkComponentComponentRegistrar::register(

    MagentoFrameworkComponentComponentRegistrar::MODULE,

    'StackOverflow_ChildCategoryImage',

    __DIR__

);

./etc/module.xml

<?xml version="1.0"?>

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

        xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">

    <module name="StackOverflow_ChildCategoryImage" setup_version="1.0.0">

        <sequence>

            <module name="Magento_Catalog"/>

        </sequence>

    </module>

</config>

./etc/di.xml

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">

    <type name="MagentoCatalogModelResourceModelCategory">

        <plugin name="category" type="StackOverflowChildCategoryImagePluginCategory" />

    </type>

</config>

./etc/frontend/events.xml

<?xml version="1.0"?>

<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Event/etc/events.xsd">

    <event name="catalog_category_flat_loadnodes_before">

        <observer name="category_flat_add_image" instance="StackOverflowChildCategoryImageObserverFlatCategory" />

    </event>

</config>

./Plugin/Category.php

<?php

namespace StackOverflowChildCategoryImagePlugin;



use MagentoCatalogModelResourceModelCategory as Subject;



class Category

{

    /**

     * Add Image to Child Category Collection

     *

     * @param Subject $subject

     * @param MagentoCatalogModelCategory $category

     * @return MagentoCatalogModelResourceModelCategoryCollection

     */

    public function afterGetChildrenCategories(

        Subject $subject,

        $collection

    ) {

        $collection->addAttributeToSelect('image_url');

        return $collection;

    }

}

./Observer/FlatCategory.php

<?php

namespace StackOverflowChildCategoryImageObserver;



use MagentoFrameworkEventObserverInterface;

use MagentoFrameworkEventObserver;



class FlatCategory implements ObserverInterface

{

    public function execute(

        Observer $observer

    ) {

        $select = $observer->getData('select');

        $select->columns('image_url');

    }

}

Lots of solutions above would cause serious performance issues. Try this.

$_category  = $block->getCurrentCategory();

$_subCategories = $_category->getChildrenCategories()->addAttributeToSelect('image');

<?php foreach ($_subCategories as $_sub):?>

    <?php echo($_sub->getImageUrl());?>

<?php endforeach;?>