Using hooks to display templates

Let's come back to our main goal here: we want to add the possibility for customers to rate and comment on products. We first have to create a form for the customers. In order to avoid HTML code in PHP files, we will use what we learned in the previous chapter:

1. Create a template for the hook:

   views/templates/hook/displayProductTabContent.tpl

2. Use the display method in the hookDisplayProductTabContent function:

   return $this->display(__FILE__, 'displayProductTabContent.tpl');

3. Then, write a simple form in the displayProductTabContent.tpl template we just created:

   <h3 class="page-product-heading">Product Comments</h3>
   <div class="rte">
     <form action="" method="POST" id="comment-form">
       <div class="form-group">
         <label for="grade">Grade:</label>
         <div class="row">
           <div class="col-xs-4">
             <select id="grade" class="form-control" name="grade">
               <option value="0">-- Choose --</option>
               <option value="1">1</option>
               <option value="2">2</option>
               <option value="3">3</option>
               <option value="4">4</option>
               <option value="5">5</option>
             </select>
           </div>
         </div>
       </div>
       <div class="form-group">
         <label for="comment">Comment:</label>
         <textarea name="comment" id="comment" class="form-control"></textarea>
         </div>
       <div class="submit">
         <button type="submit" name="mymod_pc_submit_comment" class="button btn btn-default button-medium"><span>Send<i class="icon-chevron-right right"></i></span></button>
       </div>
     </form>
   </div>

In the default Bootstrap theme, CSS will automatically get applied, so, you should have a nice form displayed. On your front office, you should see this: