Knowledgebase
View categorized listing of all common frequently asked questions.
Documentation
Overview, installation & setup, template customization.
Video Tutorials
Walk through on how to setup jReviews
Forum
Community forum
Submit a Ticket
Use your client area email to access the ticket system.
Downloads
Guides, modules and more...
Customizing the jReviews templates
.bgtemplates {background-color:#FEFF9F;}

Customizing the jReviews templates

Templates Overview 

Note: this only applies to jReviews 1.x; for jReviews 2.x please search the Knowledge Base.

jReviews has complete separation of code and html output through the use of patTemplate, making it easy to: (1) completely change the appearance of the jReviews pages without changing the code and (2) to maintain your templates in subsequent updates of jReviews.

The templates are html files with special tags for patTemplate and they are stored in the /components/com_jreviews/tmpl/default/ directory. Each jReviews page can utilize more than one template because they can be nested. This is the list of jReviews pages and the templates they use:

  • Yahoo style directory: this is the directory tree showing sections and categories. There are different layout options that can be configured in the directory tab of the configuration settings.

    Templates used: directory.html, search_ordering_controls.html, alphaindex.html
    CSS used: directory.css

  • Section list: this is the list of items belonging to a particular section. You see this page when you click on a section name in the directory or though a menu option configured for section list. The url task parameter = listsection. There are three different templates for the list layout: blogview, tableview, thumbview and each one has its corresponding template file.

    Templates used: contentlist.html, categories.html, search_ordering_controls.html, blogview.html, tableview.html, thumbview.html, titlebuttons.html, customfields.html
    CSS used: jreviews.css, listing.css

  • Category list: this is the list of items belonging to a particular category. You see this page when you click on a category name in the directory or though a menu option configured for category list. The url task parameter = listcategory. There are three different templates for the list layout: blogview, tableview, thumbview and each one has its corresponding template file.

    Templates used: contentlist.html, categories.html, search_ordering_controls.html, blogview.html, tableview.html, thumbview.html, titlebuttons.html, customfields.html
    CSS used: jreviews.css, listing.css

  • Index list: this is the list of items starting with same letter or number. You see this page when you click on one of the options in the alphaindex bar. The url task parameter = listindex. There are three different templates for the list layout: blogview, tableview, thumbview and each one has its corresponding template file.

    Templates used: contentlist.html, alphaindex.html, search_ordering_controls.html, blogview.html, tableview.html, thumbview.html, titlebuttons.html, customfields.html
    CSS used: jreviews.css, listing.css

  • Special list: these are filtered item lists configured through menu parameters to show: featured, top user rated, top editor rated, most reviewed, most recent. The url task parameters (seen through pagination) = toprated, topratedauthor, latest, popular, mostreviews, featured. There are three different templates for the list layout: blogview, tableview, thumbview and each one has its corresponding template file.

    Templates used: contentlist.html, search_ordering_controls.html, blogview.html, tableview.html, thumbview.html, titlebuttons.html, customfields.html
    CSS used: jreviews.css, listing.css

  • Search results list: this is the list resulting from a simple or advanced search using the jReviews search function (not Joomla's). The url task parameter = list. There are three different templates for the list layout: blogview, tableview, thumbview and each one has its corresponding template file.

    Templates used: contentlist.html, search_ordering_controls.html, blogview.html, tableview.html, thumbview.html, titlebuttons.html, customfields.html
    CSS used: jreviews.css, listing.css

  • Content: this is the actual Joomla content page (option=com_content) and through the use of the comment mambot jReviews is able to take control of the layout to add the editor and user reviews, the image gallery using the lightbox effect and the review form.

    Templates used: jreviewcontent.html, com_content.html, com_content_introimage.html, com_content_images.html, customfields.html, titlebuttons.html, authorreviewheader.html, authorreviewdetail.html, userreviewsheader.html, userreviewspage.html, ratingsbox.html, reviewform.html, reportform.html
    CSS used: jreviews.css, content.css

  • Item reviews: this is the list of reviews that can be seen when the number of reviews for an item exceeds the page limit. A "view all reviews" link appears at the bottom of the reviews and it leads to this page. The url task parameter = itemreviews.

    Templates used: jreviewcontent.html, userreviewspage.html
    CSS used: jreviews.css, content.css

  • My reviews: this is the list of reviews written by a user. It can be seen by clicking on the "see all my reviews" link in a user review or through a menu configured through menu parameters to show myreviews. The rul task parameter = myreviews.

    Templates used: userreviews.html
    CSS used: jreviews.css, myreviews.css

  • User rank list: this is the list of users that have left a review and their ranking based on number of reviews and their usefulness according to user votes. This page can be seen through the rank number displayed in user reviews.

    Templates used: reviewrank.html
    CSS used: jreviews.css

  • Advanced search

    Templates used: advanced_searchform.html, customfieldsform.html
    CSS used: jreviews.css

  • New content submit

    Templates used: newitemform.html, customfieldsform.html
    CSS used: jreviews.css