Content / Old tutorial about porting Solid theme / 11. Solid - static page About (I.)

11. Solid - static page About (I.)

Don't forget - it was written in 2014

comments: 0
Our goal: e107plugin about page At first, change SEF url for about menu (footer part). We will want to use "about" for our page. e107plugin about page Create new page is easy, the worst problem was behaviour of tinymce4 (or better e107 parser), but about it later. Add new page, copy there html content of about.html page. e107plugin about page Don't forget for SEF setting: e107plugin about page Add new sitelink: e107plugin about page Set new tablestyle:
if($style == 'about')
	{
  echo '
  <div id="blue">
    <div class="container">
      <div class="row">
        <h3>'.$caption.'</h3>
      </div><!-- /row -->
    </div> <!-- /container -->
  </div><!-- /blue -->
  <div class="container mtb"> 
    <div class="row">
      '.$text.' 
    </div><! --/row -->
  </div><! --/container -->
';
		return;			
	}
And change the about layout:
$LAYOUT['solid_about'] =  '  
  {SETSTYLE=about}
  	{---}
  {MENU2}
  {TESTIMONIALS}
  {OURCLIENTS}  
';
Result: e107plugin about page You have 2 problems with tags with tinymce4. First, when you insert html code, it change \n to after saving. You can correct this manually (You see this in source code.) But... e107 parser add tags too, but you don't see it (and you are not able to change it) in tinymce4: e107plugin about page Note: the photo is from time when I put in page only right column. I tried not to use tags, create paragraph manually, use SHIFT-ENTER instead ENTER, but nothing helped. So I do only one thing what I know: in e_parse_class.php I changed this setting:
// Line break compression - TRUE removes newline characters
		'nobreak' 		=> TRUE,
Result: e107plugin about page Done. With this page is related menu on frontpage, let set it now. e107plugin about page
$LAYOUT['solid_home'] = '
  <div id="headerwrap">
...
	</div><!-- /headerwrap -->
  <div id="service">
...
  </div><! --/service -->  
  {---}  
	 <div class="container mtb">
	 	<div class="row">
	 		<div class="col-lg-4 col-lg-offset-1">
      {SETSTYLE=default}
      {CMENU=aboutcenter}
	 		</div>	 		
	 		<div class="col-lg-3">
 	 		</div>
	 		<div class="col-lg-3">
 	 		</div>
	 	</div><! --/row -->
	 </div><! --/container -->  
  {TESTIMONIALS}
  {OURCLIENTS}  
';
Result: e107plugin about page Let styling for later whe we have finished next 2 positions.