Customizing the listing detail page

From JReviews Documentation
Revision as of 12:10, 20 August 2010 by Jreviews (Talk | contribs)

Jump to: navigation, search

Theme file of the listing detail page is located here:

  • \com_jreviews\jreviews\views\themes\{theme_name}\listings\detail.thtml


Before making any changes, read about JReviews Code Overrides.

Almost every block of code in detail.thtml is commented and it shouldn't be a problem to find what you want to modify.

You can make any modifications below "EDIT HTML BELOW THIS LINE" comment.


Structure of the detail.thtml file

  • <div class="jr_pathway"> - JReviews breadcrumbs
  • <h1 class="contentheading"> - listing title and icons (new, featured, hot)
  • <div class="contentInfoContainer"> - author details, date, hits, favorite button, listing management, rss icons
  • <div class="itemImages">
    • <div class="itemMainImage"> - main listing image
    • <div class="itemThumbnails"> - thumbnails of other images
  • <table class="rating_table"> - editor and user rating stars
  • <div class="jr_customFields"> - listing custom fields, /elements/custom_fields.thtml file included
  • <div class="contentFulltext"> - summary & description
  • <div id="jr_reviewEditorSummary"> - editor reviews summary
  • <form class="jr_form jr_formContainer"> - editor review submit form, /reviews/reviews.thtml file included
  • <div id="jr_reviewEditor"> - editor reviews
  • <div id="jr_reviewUserSummary"> - user reviews summary
  • <form class="jr_form jr_formContainer"> - user review submit form, /reviews/reviews.thtml file included
  • <div id="jr_user_reviews"> - user reviews, /reviews/reviews.thtml file included


To see what data you can use in detail.thtml file, uncomment this line:

prx($listing); // Listing array


Or take a look at the list of mostly used Data you can use in detail.thtml theme file