Listing Details Page

From Smart Job Board help

Smart Job Board Help > Tutorial > Design Basics > Listing Details Page
Jump to: navigation, search

There are two templates which are in charge with Listing Details Page.
display_job.tpl and display_resume.tpl
The path is:
Admin Panel -> Templates -> Edit Templates -> Classifieds engine -> display_job.tpl / display_resume.tpl

These templates define the way Job and Resume details will be displayed on the front-end.



  •  Making the new listing field you added displayed on the Listing details page

Let’s review the example of the Job Details page.
To make changes on that page you need to edit the display_job.tpl

 Note: instructions to add new listing field you can find here. 

E.g. you added two new listing fields for Job: “Desirable Features” and “Driving License”.
And now you need these fields to be displayed on the Job Details page as well.

Following the Templates Instructions you need to add the code defining this new field to the display_job.tpl
The instructions say:

Image:Templates instructions features.png

So you need to know where exactly in the display_job.tpl template you need to insert the {$listing.DesirableFeatures} code.

The Job Details page has 2 main blocks where details specified by users are displayed:

1) The upper block contains brief Job parameters.

Image:Upper block.png

2) The block below contains descriptions and other full-length information about a Job.

Image:Bottom block.png

1) Let the “Driving License” field would involve only “yes” or “not” answer.
And you’d like this new field to appear in the upper block on the Job Details page under the “Posted” field.

2) And the “Desirable Features” field is more lengthy one and e.g. should appear on the Job Details page after the “Job Description” field.

Instructions:
1) To place the “Driving License” after the “Posted” field find in the following part of the code in the display_job.tpl:

     <tr>
     <td colspan="2" class="DisplayListing">

     <strong>FormFieldCaptions!Posted:</strong> $listing.activation date
    </td>
     </tr>

And edit it the following way:

      <tr>
      <td width=”50%” class="DisplayListing">
      <strong>FormFieldCaptions!Posted:</strong> $listing.activation date
      </td>

      <td width=”50%” class="DisplayListing">
      <strong>FormFieldCaptions!Driving License:</strong> {$listing.DrivingLicense}
      </td>
      </tr>


Explanation:

     FormFieldCaptions!Driving License     – This code defines the name of the field

     {$listing.DrivingLicense}      – And this code will display the data which user specified when entered the information about this Job.


2) To place the “Desirable Features” after the “Job Description”, find the following part of the code in the display_job.tpl:

      <tr>
      <td colspan="2">
      <strong><font class="JobInfo">
FormFieldCaptions!Job Description:</font></strong>
      <br />{$listing.JobDescription}
      </td>
      </tr>


Then you need to put the following code after it:


     <tr>
     <td colspan="2">
     <strong><font class="JobInfo">
FormFieldCaptions!Desirable Features:</font></strong>
     <br/>{$listing.DesirableFeatures}
     </td>
     </tr>


 Note: You can simply copy the part of code defining “Job Description” display, 
 paste it below and rename the Job Description to the Desirable Features.
 Make sure to keep the spaces and other signs unchanged.
Personal tools
Toolbox