How to Add Extra Category Description on Product Listing Page in magento2

 Steps  Add Extra Category Description on Product Listing Page in Magento 2:

Step 1: First we need to create the DescriptionAttribute.php file inside the Setup folder


app\code\Vendor\Extension\Setup\Patch\Data


Now add the code as follows


<?php

namespace Vendor\Extension\Setup\Patch\Data;

 

use Magento\Eav\Setup\EavSetupFactory;

use Magento\Framework\Setup\ModuleDataSetupInterface;

use Magento\Framework\Setup\Patch\DataPatchInterface;

use Magento\Framework\Setup\Patch\PatchRevertableInterface;

use Magento\Store\Model\Store;

 

class DescriptionAttribute implements DataPatchInterface

{

    private $eavSetupFactory;

 

    /**

     * Constructor

     *

     * @param \Magento\Eav\Setup\EavSetupFactory $eavSetupFactory

     */

    public function __construct(EavSetupFactory $eavSetupFactory, ModuleDataSetupInterface $moduleDataSetup)

    {

       $this->eavSetupFactory = $eavSetupFactory;

       $this->setup = $moduleDataSetup;

    }

 

    /**

     * {@inheritdoc}

     */

    public function apply()

    {  

         $eavSetup = $this->eavSetupFactory->create(['setup' => $this->setup]);

 

           $eavSetup->addAttribute(

               \Magento\Catalog\Model\Category::ENTITY,

                'extra_description',

            [

                'type' => 'text',

                'label' => 'Extra Description',

                'input' => 'textarea',

                'required' => false,

                'sort_order' => 8,

                'global' => ScopedAttributeInterface::SCOPE_STORE,

                'wysiwyg_enabled' => true,

                'is_html_allowed_on_front' => true,

                'group' => 'General Information',

            ]

        );

    }

    public static function getDependencies()

    {

        return [];

    }

 

    /**

     * {@inheritdoc}

     */

    public function getAliases()

    {

        return [];

    }

 

    /**

     * {@inheritdoc}

     */

    public static function getVersion()

    {

        return '1.0.0';

    }

}

Step 2: In the next step, we need to create category_form.xml file inside the view folder


app\code\Vendor\Extension\view\adminhtml\ui_component  


And add the below code snippet


<?xml version="1.0" ?>

<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">

    <fieldset name="content">

        <field name="extra_description" template="ui/form/field" sortOrder="50" formElement="wysiwyg">

            <argument name="data" xsi:type="array">

                <item name="config" xsi:type="array">

                    <item name="wysiwygConfigData" xsi:type="array">

                        <item name="height" xsi:type="string">100px</item>

                        <item name="add_variables" xsi:type="boolean">false</item>

                        <item name="add_widgets" xsi:type="boolean">false</item>

                        <item name="add_images" xsi:type="boolean">true</item>

                        <item name="add_directives" xsi:type="boolean">true</item>

                    </item>

                    <item name="source" xsi:type="string">category</item>

                </item>

            </argument>

            <settings>

                <label translate="true">Extra Description</label>

                <dataScope>extra_description</dataScope>

            </settings>

            <formElements>

                <wysiwyg class="Magento\Catalog\Ui\Component\Category\Form\Element\Wysiwyg">

                    <settings>

                        <rows>8</rows>

                        <wysiwyg>true</wysiwyg>

                    </settings>

                </wysiwyg>

            </formElements>

        </field>

    </fieldset>

</form>

Step 3: After that we need to create extra_description.phtml file at the below path


app\code\Vendor\Extension\view\frontend\templates\product\list  


Then add the below-mentioned code


<?php if ($_bottomDescription = $block->getCurrentCategory()->getExtraDescription()): ?>

    <div class="category-extra-description">

        <?= /* @escapeNotVerified */ $this->helper('Magento\Catalog\Helper\Output')->categoryAttribute($block->getCurrentCategory(), $_bottomDescription, 'extra_description') ?>

    </div>

<?php endif; ?>

Step 4: In the last step, we need to create catalog_category_view.xml at the following path


app\code\Vendor\Extension\view\frontend\layout


Now add the code as follows


<?xml version="1.0"?>

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" layout="2columns-left" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">

    <body>

        <referenceContainer name="content">

            <block class="Magento\Catalog\Block\Category\View" name="extra.description" template="Vendor_Extension::product/list/extra_description.phtml" after="-"/>

        </referenceContainer>

    </body>

</page>

Comments

Post a Comment

Popular posts from this blog

Add Admin User name and Action name in Order Comment Section through Action Performed from Sales Order Grid in Magento 2

  Step 1:  First, we need to create an “events.xml“ file inside our extension at the following path app\code\Vendor\Extension\etc\adminhtml\ Then add the code as follows. <?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="sales_order_save_after">         <observer name="sales_order_save_after_comment_history_add"           instance="\Vendor\Extension\Observer\OrderSaveAfter" />     </event> </config> Step 2:  After that, we need to create an “OrderSaveAfter.php” file inside our extension at the following path app\code\Vendor\Extension\Observer\ And embed the code as given below. <?php  namespace Vendor\Extension\Observer;   use Magento\Framework\Event\ObserverInterface; use Magento\Framework\App\RequestInterface; use Magento\Backen...
Read more

How to Update Product Stock Programmatically in Magento 2

 Steps to Update Product Stock Programmatically in Magento 2: Step 1: We need to create a “Data.php” file inside our extension at the following path app\code\Vendor\Extension\Helper\ Now add the code as follows <?php namespace Vendor\Extension\Helper;   class Data extends \Magento\Framework\App\Helper\AbstractHelper {     protected $_productobj;     protected $_stockRegistry;       public function __construct(         \Magento\Framework\App\Helper\Context $context,         \Magento\Catalog\Model\Product $productobj,         \Magento\CatalogInventory\Api\StockRegistryInterface $stockRegistry,      ) {         $this->_productobj = $productobj;         $this->_stockRegistry = $stockRegistry;         parent::__construct($context);     }       public function updateProductStock($pr...
Read more

How to Set and Get Cookie in Magento 2

 <?php namespace Vendor\Extension\Model; class Customcookie {     private $customCookieManager;     private $customCookieMetadataFactory;     public function __construct(         \Magento\Framework\Stdlib\CookieManagerInterface $customCookieManager,         \Magento\Framework\Stdlib\Cookie\CookieMetadataFactory $customCookieMetadataFactory)    {         $this->customCookieManager = $customCookieManager;         $this->customCookieMetadataFactory = $customCookieMetadataFactory;     }     public function setCookie()     {         $customCookieMetadata = $this->customCookieMetadataFactory->createPublicCookieMetadata();         $customCookieMetadata->setDurationOneYear();         $customCookieMetadata->setPath('/');         $customCookieMe...
Read more