Since joomlacomment 3.20, it becomes easy to customize your own joomlacomment template and not loose it when upgrade in a higher joomlacomment release. We will also assure to keep backward compatibility for release higher than 3.20.

This article will provide you informations on how to customize your own joomlacomment easily.

You need to understand some HTML code or some CSS code to be able do it but you do not need to be an expert.

1st step : copy standard template to a new one's that you will adapt.

2nd step : edit the joomlacomment template HTML and CSS code to adapt the template. Some informations about the logic of the joomlacomment template :

  • HTML code is composed by blocks starting with {blockname} and ended by {/blockname}. It is defining the position and interactivity.

  • CSS code is as standard css file, using all class or id name used by joomlacomment to change the design (colors, text, images...). 


HTML DETAILS : 

  • there is one special block : {body}{/body}  which will contain all the "board" blocks.

  • Except for the {body} block, nothing outside those blocks will be taken in account.
    for example in : 
aaaa {search} bbbbb {/search}
aaaa will be ignore. bbbbb will be displaid.

BLOCKS LIST : 

  • {readon} :  write comment link block
 

  • {search} : search form block (displaid after clic on search button)
 

  • {searchresults} : search result block (displaid after validation of the search form)
 

  • {menu} :  title and head buttons
 

  • {pagenav} : page navigation links 
 

  • {form} : input comment form
 

  • {post} : comment layout
 

  • {poweredby} : powered by text (please do not delete, just display none}