How to customize the UberCart Drupal 7 product template (node--product.tpl.php) and view display

Below is a general and simple outline of overriding and generate a custom display of your own Product display in UberCart for Drupal 7.

  1. Copy the node--tpl.php file, Drupal 7 standard procedure on overrriding template files
  2. Start overriding the print content render by adding the Ubercart variables. This can be referenced from the fields of your Product Content Type (see Content Type > your Product > Manage Fields > use the Machine Names used). You may alternatively use the Contemplate module for referencing your variables and display.
  3. Code necessary PHP print functions in tandem with HTML tags and CSS classes.