Changing the Category Formatting

If you want more control over how your categories are displayed, it is possible to replace the default formatting of categories with your own unique HTML using templates. A template can be created using your favorite editor and is simply a plain HTML with the addition of a special syntax that tells VPCart where it needs to fill in information from the database.

VPCart’s default categories template is “tmp_categorytemplate.htm.” This file is located in “templates/default”.

Any field in the categories table can be placed into your template. The field must be surrounded by square brackets, for example, [catmemo], as shown below:

<div class="categorysummary col-xs-6" >

   <div class="main-product">

      [FormatImage SUB]

      <span class="cattitle global-font-color" style="display:block; text-align:center;">

         [FORMATHYPERLINKS SUB]

         [AddNumberSubCats SUB]

      </span>

$  <p class="catmemo global-font-color">[catmemo]</p>

   </div>

</div>

Note: Adding a “$ symbol” at the very start of the line in a template tells VPCart not to display anything on that line if there is nothing in that field.

For more information about using templates to display categories, please refer to Section 4.13.2. Category Display with Templates of the VPCart 8.00 User Manual.