How to display data using block code?

Question

This is my code:

app/code/Vendor/Module/view/frontend/templates/storecategories.phtml

<div>
<h3>
    <a href="">
        <?php
        $categoryId = 65;
        $_objectManager = \Magento\Framework\App\ObjectManager::getInstance();
        $category = $_objectManager->create('Magento\Catalog\Model\Category')
            ->load($categoryId);
        $childrenCategories = $category->getChildrenCategories();
        echo $category->getName();
        ?>
    </a>
</h3>
<ul>
    <?php foreach($childrenCategories as $childrenCategory) {
            echo "<li>" . "<a href=" . $childrenCategory->getUrl() . ">" .  $childrenCategory->getName() . "</a>" . "</li>";}
        ?>
</ul>

For now it echo out categories and children categories.

What I want to achieve is to type block code

{{block class="Vendor\Module\Block\BlockName" category_id="49" template="Vendor_Module::storecategories.phtml"}}

into admin panel/Content/Pages/Home page/Content text area and call for categories and subcategories without using echo.

I suppose that I need to create Block file, but have no clue what code in it should look like.

Maybe I need controller as well and some changes in storecategories.phtml too?

Answer 1

You not need to create any controller but you have to create block class.

So,you have to create a module should have this command files:

app/code/{Vendor}/{Module}/composer.json
app/code/{Vendor}/{Module}/registration.php
app/code/{Vendor}/{Module}/etc/module.xml

then create a block file app/code/{Vendor}/{Module}/Block/BlockName and write a function and return children category from this function to phtml.

Block Class

<?php

namespace {Vendor}\{Module}\Block

use Magento\Framework\View\Element\Template;

class BlockName extends \Magento\Framework\View\Element\Template implements
    \Magento\Framework\DataObject\IdentityInterface
{

    /**
     * @var \Magento\Catalog\Model\CategoryFactory
     */
    private $categoryFactory;

    public function __construct(
        \Magento\Catalog\Model\CategoryFactory $categoryFactory,
        Template\Context $context,
        array $data = [])
    {
        parent::__construct($context, $data);
        $this->categoryFactory = $categoryFactory;
    }

    const CATEGORYID =  65;

    public function getSubCatgories()
    {
        $category = $this->categoryFactory->create();
        $category->load(self::CATEGORYID);
        return $category;
    }
    /**
     * Return unique ID(s) for each object in system
     *
     * @return string[]
     */
    public function getIdentities()
    {
        return [\Magento\Catalog\Model\Category::CACHE_TAG, \Magento\Store\Model\Group::CACHE_TAG];
    }
}

and phtml Code is

<div>
<h3>
    <a href="">
        <?php

        $category =$this->getSubCatgories();
        if(category){
        $childrenCategories = $category->getChildrenCategories();
        echo $category->getName();
        ?>
    </a>
</h3>
<ul>
    <?php foreach($childrenCategories as $childrenCategory) {
            echo "<li>" . "<a href=" . $childrenCategory->getUrl() . ">" .  $childrenCategory->getName() . "</a>" . "</li>";}
        ?>
</ul>
<?php  }?>
</div>