Display the category description on product detail page

[Pragati P]

Hello 

I had tried to display the category description on product detail page but it is not displaying and mess up all page below syntax i have use to display description

{if $category.description}
       <div id="category-description" class="text-muted">{$category.description nofilter}</div>
{/if}

I have to display on product detail page can you help me how can I show it and in which file need to do modification

 

[Piotr3qx]

Hi, unfortunately this is not possible to code within a .tpl file. You need to write a module to display the category description on the product page. Are you familiar with writing custom modules? 

[Pragati P]

No I am not familiar that much but I can do it if got some guidance

[Piotr3qx]

https://github.com/Piotr3qx/categorydesconproductpage - I wrote a quick minimal version of the module. It's not ideal, you would need to implement a cache for this module

[Pragati P]

Thanks for your instant reply

And thanks for you solutions I will go through it and try to implement it 

 

[Pragati P]

Can you please send the structure where need to put this code because I tried but doesn't work for me.

[ps8modules.com]

Man, he gave you a link to the whole module. download it from github as a zip and install it.

[ps8modules.com]

52 minutes ago, Piotr3qx said:

https://github.com/Piotr3qx/categorydesconproductpage - I wrote a quick minimal version of the module. It's not ideal, you would need to implement a cache for this module

Hi.

Please can you put it on github as a zip module?

[Pragati P]

42 minutes ago, prestashopfree.com said:

Man, he gave you a link to the whole module. download it from github as a zip and install it.

Their are only 2 files in github code one is controller and another is .tpl it wouldn't be upload thats why I said for whole structure

[ps8modules.com]

The name of the module dir must be the same as the name of the php file. Then you need to add the index.php file.

https://devdocs.prestashop-project.org/1.7/modules/creation/tutorial/

Edited December 22, 2022 by prestashopfree.com (see edit history)

[Pragati P]

No its not working the description is not showing their. can any of you send exact where need to place this file

[Piotr3qx]

Download the attached file, go to Module managment and install it. You install just like any other module

categorydesconproductpage.zip

[Pragati P]

Thanks @Piotr3qx 

Thank its working fine and displaying the text. Thank you so much.

[Pragati P]

Hello @Piotr3qx 

I need little more help from you. The module you have send its working fine but I need to show that details on popup on same page it could be possible?

[Piotr3qx]

Which version of bootstrap are you using? And I'm not quite understand where you wanna have this button with popup? Instead of displaying category description? Or in differente place?

[Pragati P]

Version is not specified I will share you the link of bootstrap 

https://ebinger-test.lcmx.at/modules/tvcmsthemeoptions/views/css/bootstrap-toggle.min.css

 

Below are some screenshot where i need to show that popup in which the category discription will display

[Pragati P]

Image having red square box need to show chat icon there

[Piotr3qx]

In categorydesconproductpage.php change

public function install()
    {
        return (parent::install()
            && $this->registerHook('displayProductAdditionalInfo')
        );
    }

to 

public function install()
    {
        return (parent::install()
            && $this->registerHook('displayProductActions')
        );
    }

and replace categorydesconproductpage.tpl with 

<button type="button" class="btn btn-primary ml-2" data-bs-toggle="modal" data-bs-target="#categorydesconproductpage-modal">ICON</button>

<div id="categorydesconproductpage-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="{l s='Close' d='Shop.Theme.Global'}">
          <span aria-hidden="true"><i class="material-icons">close</i></span>
        </button>
        <p class="modal-title h6">Category description</p>
      </div>
      <div class="modal-body">
        {$description nofilter}
      </div>
    </div>
  </div>
</div>

or if it is not working with 

<button type="button" class="btn btn-primary ml-2" data-toggle="modal" data-target="#categorydesconproductpage-modal">ICON</button>

<div id="categorydesconproductpage-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="{l s='Close' d='Shop.Theme.Global'}">
          <span aria-hidden="true"><i class="material-icons">close</i></span>
        </button>
        <p class="modal-title h6">Category description</p>
      </div>
      <div class="modal-body">
        {$description nofilter}
      </div>
    </div>
  </div>
</div>

Then reset the module. You will need to correct the HTML code to display the icon you want

[Pragati P]

Thank you Its working fine you are having great knowledge of prestashop thanks

[Pragati P]

59 minutes ago, Piotr3qx said:

In categorydesconproductpage.php change

public function install()
    {
        return (parent::install()
            && $this->registerHook('displayProductAdditionalInfo')
        );
    }

to 

public function install()
    {
        return (parent::install()
            && $this->registerHook('displayProductActions')
        );
    }

and replace categorydesconproductpage.tpl with 

<button type="button" class="btn btn-primary ml-2" data-bs-toggle="modal" data-bs-target="#categorydesconproductpage-modal">ICON</button>

<div id="categorydesconproductpage-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="{l s='Close' d='Shop.Theme.Global'}">
          <span aria-hidden="true"><i class="material-icons">close</i></span>
        </button>
        <p class="modal-title h6">Category description</p>
      </div>
      <div class="modal-body">
        {$description nofilter}
      </div>
    </div>
  </div>
</div>

or if it is not working with 

<button type="button" class="btn btn-primary ml-2" data-toggle="modal" data-target="#categorydesconproductpage-modal">ICON</button>

<div id="categorydesconproductpage-modal" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="{l s='Close' d='Shop.Theme.Global'}">
          <span aria-hidden="true"><i class="material-icons">close</i></span>
        </button>
        <p class="modal-title h6">Category description</p>
      </div>
      <div class="modal-body">
        {$description nofilter}
      </div>
    </div>
  </div>
</div>

Then reset the module. You will need to correct the HTML code to display the icon you want

I have added description to the category it working fine on localhost but in live it doesnt show any thing

https://ebinger-test.lcmx.at/home/167-testing-product.html

you can check the above link

 

[Pragati P]

https://prnt.sc/f5YOw-OzScAD

also modify the code and cleared the cache 

[Pragati P]

Hi @prestashopfree.com

Can we make our product name dynamic on changing of attributes or we can append the attributes value to product title?

I have search the file like displayAjaxRefresh() function in ProductController but didn't work. Can you have any idea related to this?