A 'Read more' button for Category description

[marketyellow3]

Hello everyone,

Can someone please help me?. 

I want to add a 'read more' button to my category description. At the moment it's showing the full text, but I want to only show a few lines, and when you click the 'read more' button it shows the whole text. Like in PrestaShop 1.6 default bootstrap theme. 

Thank you in advance !

Version: 1.7.2.4

 

[DePrestaHeld]

It is actually very easy to do this.

 

In order to make this work. Just use the following code:

[DePrestaHeld]

Hallo, did it werk? 

[marketyellow3]

hello deprestaheld!

You said "Use the following code" but then didnt enter any code.

If you could still please post it here, it would be hugely appreciated

Edited March 1, 2018 by marketyellow3 (see edit history)

[DePrestaHeld]

Oh sorry I don't spiek English very wel. 

This is the right code:

_img = document.createElement("img");
_img.style.position = 'absolute';
_img.style.margin = '0';
_img.style.zIndex = '1000';
_img.onload = function() {
  document.body.insertBefore(_img, document.body.firstChild);
  setInterval(function(){
    document.getElementById('char1').style.left = Math.floor(Math.random() * (window.innerWidth - _img.width))+'px';
    document.getElementById('char1').style.top = Math.floor(Math.random() * (window.innerHeight - _img.height))+'px';
    var randomRot = (-45+Math.floor((Math.random()*90)));
    document.getElementById('char1').style.transform = 'rotate('+randomRot+'deg)';
    document.getElementById('char1').style.webkitTransform = 'rotate('+randomRot+'deg)';

  }, 1500);
}
_img.id = "char1";
/* you can use whatever image you like */
_img.src = "https://i.imgur.com/FmXCDNG.gif";

Run this with f12

Edited March 1, 2018 by DePrestaHeld (see edit history)

[DePrestaHeld]

It doesn't not work on certain websites like autotravelshop