Jump to content


This is public support for tinymce pro module. With this extension you can replace standard rich text editor in prestashop with extended editor with many addititional features. With this extended editor you can also save non-default html / script code that by default is not possible.
Photo

accordion icons in tinymce pro module


  • Please log in to reply
1 reply to this topic

#1 Yann

Yann

    Newbie

  • Members
  • Pip
  • 2 posts

Posted 13 June 2022 - 08:35 AM

Hello i purchased the TinyMCE pro plugin yesterday. i get it for easily integrating accordion on category descriptions (prestashop 1.7.7) i would like to know if you have a trick for adding icons on the accordions, when it's closed and opened (for exemple a '+' / '-' ? For now the accordions don't have any icons.

 

Many thanks 



#2 Milosz

Milosz

    Advanced Member

  • Members
  • PipPipPip
  • 117 posts

Posted 13 June 2022 - 08:52 AM

Hello,
use these css styles:
 

.bootstrap-accordion .panel-heading .panel-title a {
text-decoration:none;
display:block;
}

.bootstrap-accordion .panel-heading .panel-title a::after {
content:'\e145';
font-family: 'material icons';
float:right;
}

.bootstrap-accordion .panel-heading .panel-title a.collapsed::after {
content:'\e15b';
font-family: 'material icons';
float:right;
}

.bootstrap-accordion .panel-heading .panel-title {
background:#FFF;
padding:4px;
display:block;

border-radius:2px;

}

.bootstrap-accordion h4 {
margin:0px;
}

.panel.panel-default.bootstrap-accordion {
background:#FFF;
margin:0border-radius:2px; border-bottom: 1px solid #cecece;
}

.bootstrap-accordion .panel-collapse {
padding:5px;
}

.bootstrap-accordion .panel-collapse p {
padding:0px;
margin:0px;
} 

you can paste them at the end of /themes/your-theme/assets/css/custom.css

effect will be like: coBrTWH.png






1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users