phpBB

Development Wiki

Tutorial.Template syntax

From phpBB Development Wiki

(Redirected from Template Syntax)

This is a very brief guide to how templates have changed in 3.0.

Contents

Assigning data

The template class (PHP side) itself has not changed much since 2.0.x, so if you're already familiar with the API you can skip this part. However, thanks to the improved Syntax elements like automatic language strings, conditionals or BEGINELSE you can assign less redundant data and move some of the logic into the template files.

Variables

Assign a single variable:

$template->assign_var('FOO'$foo);

Assign multiple variables:

$template->assign_vars(array(
    
'FOO' => $foo,
    
'BAR' => $bar,
    
'BAZ' => $baz
));

Default Template Variables

There are some variables set in includes/functions.php that are common to all templates that may be useful to a style author

Template Variable Description Sample Output
T_THEME_PATH The path to the currently selected style's theme folder (where all the css files are stored) ./styles/prosilver/theme
T_TEMPLATE_PATH The path to the currently selected style's template folder ./styles/prosilver/template
T_IMAGESET_PATH The path to the currently selected style's imageset folder (where the icons are stored) ./styles/prosilver/imageset
T_IMAGESET_LANG_PATH The path to the currently selected style's imageset/language folder, this is where the language specific buttons are stored ./styles/prosilver/imageset/en
T_IMAGES_PATH The path to phpBB's image folder ./images/
T_SMILIES_PATH The path to the smiley folder ./images/smilies/
T_AVATAR_PATH The path to the avatar upload folder ./images/avatars/upload/

Blocks

Blocks are used to assign any number of items of the same type, e.g. topics or posts ("foreach loop").

while ($row $db->sql_fetchrow($result))
{
    
$template->assign_block_vars('loopname', array(
        
'FOO' => $row['foo'],
        
'BAR' => $row['bar']
    ));
}

Nested loops:

while ($topic $db->sql_fetchrow($result))
{
    
$template->assign_block_vars('topic', array(
        
'TOPIC_ID' => $topic['topic_id']
    ));

    while (
$post $db->sql_fetchrow($result))
    {
        
$template->assign_block_vars('topic.post', array(
            
'POST_ID' => $post['post_id']
        ));
    }
}

Detailed information

Note: For more detailed information regarding the assigning of template variables have a look at the articles that are made for these functions: template::assign_var, template::assign_vars and template::assign_block_vars

File naming

Firstly templates now take the extension ".html" rather than ".tpl", this was done simply so editors would perform syntax highlighting on the files.

Syntax elements

Comments

To make comments inside the template you can use

<!-- IF 0 -->
Your comments can go here, because "0" is always false.
<!-- ENDIF -->

Variables

The basic syntax for simple (non-block) vars remains the same as with 2.0.x. That is variables take the form {X_YYYYY} with the data being assigned from the source. Note that unlike 2.0.x most language strings are not assigned from the source. When a language variable is found {L_YYYYYY} phpBB first looks if an assigned variable exists with that name. If it does, it uses that. If not it looks if an exsting string defined in the language file exists. This should reduce the need to assign loads of new lang vars in Mods.

Blocks

The basic block level loop remains and takes the form:

<!-- BEGIN loopname -->
markup, {loopname.X_YYYYY}, etc.
<!-- END loopname -->

However this has now been extended with the following additions. Firstly you can set the start and end points of the loop. For example:

<!-- BEGIN loopname(2) -->
markup
<!-- END loopname -->

Will start the loop on the third entry (note that indexes start at zero). Extensions of this are:

  • loopname(2,4): Starts loop on third values, ends on fourth
  • loopname(-4): Starts loop fourth from last value
  • loopname(2,-4): Starts loop on third value, ends four from end

Note that the indexing method may change since it's not really consistent at this time :)

A further extension to begin is BEGINELSE:

<!-- BEGIN loop -->
markup
<!-- BEGINELSE -->
markup
<!-- END loop -->

This will cause the markup between BEGINELSE and END to be output if the loop contains no values. This is useful for forums with no topics (for example) ... in some ways it replaces "bits of" the existing "switch_" type control (the rest being replaced by conditionals, see below).

You can also check if your loop has any content similar to using sizeof() in PHP:

<!-- IF .loopname -->
<!-- BEGIN loopname -->
markup, {loopname.X_YYYYY}, etc.
<!-- END loopname -->
<!-- ENDIF -->

.loopname will basically output the size of the block array. This makes sense if you want to prevent for example an empty <select> tag, which would not be XHTML valid.

Including files

Something that existed in 2.0.x which no longer exists in 3.0.x is the ability to assign a template to a variable. This was used (for example) to output the jumpbox. Instead (perhaps better, perhaps not but certainly more flexible) we now have INCLUDE. This takes the simple form:

<!-- INCLUDE filename -->

You will note in the 3.0 templates the major sources start with INCLUDE overall_header.html or INCLUDE simple_header.html, etc. In 2.0.x control of "which" header to use was defined entirely within the code. In 3.0.x the template designer can output what they like. Note that you can introduce new templates (i.e. other than those in the default set) using this system and include them as you wish ... perhaps useful for a common "menu" bar or some such. No need to modify loads of files as with 2.0.x

PHP

A contentious decision has seen the ability to include PHP within the template introduced. This is achieved by enclosing the PHP within relevant tags:

<!-- PHP -->
echo "hello!";
<!-- ENDPHP -->

You may also include PHP from an external file using:

<!-- INCLUDEPHP somefile.php -->

it will be included and executed inline.

Please be aware that the path-information of the PHP-file to include, refers to your phpBB-installation's root-path and not to the path where your template-file lies in!

Note: it is very much encouraged that template designers do not include PHP. The ability to include raw PHP was introduced primarily to allow end users to include banner code, etc. without modifing multiple files (as with 2.0.x). It was not intended for general use ... hence www.phpbb.com will not make available template sets which include PHP. And by default templates will have PHP disabled (the admin will need to specifically activate PHP for a template).

Conditionals/Control structures

The most significant addition to 3.0.x are conditions or control structures, "if something then do this else do that". The system deployed is very similar to Smarty. This may confuse some people at first but it offers great potential and great flexibility with a little imagination. In their most simple form these constructs take the form:

<!-- IF expr -->
markup
<!-- ENDIF -->

expr can take many forms, for example:

<!-- IF loop.S_ROW_COUNT is even -->
markup
<!-- ENDIF -->

This will output the markup if the S_ROW_COUNT variable in the current iteration of loop is an even value (i.e. the expr is TRUE). You can use various comparison methods (standard as well as equivalent textual versions noted in square brackets) including:

  • == [eq]
  •  != [neq, ne]
  • <> (same as !=)
  •  !== (not equivalent in value and type)
  • === (equivalent in value and type)
  • > [gt]
  • < [lt]
  • >= [gte]
  • <= [lte]
  • && [and]
  • || [or]
  •  % [mod]
  •  ! [not]
  • +
  • -
  • *
  • /
  • << (bitwise shift left)
  • >> (bitwise shift right)
  • | (bitwise or)
  • ^ (bitwise xor)
  • & (bitwise and)
  • ~ (bitwise not)
  • is (can be used to join comparison operations)

Basic parenthesis can also be used to enforce good old BODMAS rules. Additionally some basic comparison types are defined:

  • even
  • odd
  • div

Beyond the simple use of IF you can also do a sequence of comparisons using the following:

<!-- IF expr1 -->
markup
<!-- ELSEIF expr2 -->
markup
.
.
.
<!-- ELSEIF exprN -->
markup
<!-- ELSE -->
markup
<!-- ENDIF -->

Each statement will be tested in turn and the relevant output generated when a match (if a match) is found. It is not necessary to always use ELSEIF, ELSE can be used alone to match "everything else".

So what can you do with all this? Well take for example the colouration of rows in viewforum. In 2.0.x row colours were predefined within the source as either row color1, row color2 or row class1, row class2. In 3.0.x this is moved to the template, it may look a little daunting at first but remember control flows from top to bottom and it's not too difficult:

<table>
<!-- IF loop.S_ROW_COUNT is even -->
<tr class="row1">
<!-- ELSE -->
<tr class="row2">
<!-- ENDIF -->
<td>HELLO!</td>
</tr>
</table>

This will cause the row cell to be output using class row1 when the row count is even, and class row2 otherwise. Big deal you say, 2.0.x did that! True, but here you are not limited to using class row1 or row2 ... you can use any defined class, set your own inline style, etc. What's more you are not limited to two row colours at all ... e.g.

<table>
<!-- IF loop.S_ROW_COUNT > 10 -->
<tr bgcolor="#FF0000">
<!-- ELSEIF loop.S_ROW_COUNT > 5 -->
<tr bgcolor="#00FF00">
<!-- ELSEIF loop.S_ROW_COUNT > 2 -->
<tr bgcolor="#0000FF">
<!-- ELSE -->
<tr bgcolor="#FF00FF">
<!-- ENDIF -->
<td>hello!</td>
</tr>
</table>

This will output the row cell in purple for the first two rows, blue for rows 2 to 5, green for rows 5 to 10 and red for remainder. So, you could produce a "nice" gradient effect, for example.

What else can you do? Well, you could use IF to do common checks on for example the login state of a user:

<!-- IF S_USER_LOGGED_IN -->
markup
<!-- ENDIF -->

This replaces the existing (fudged) method in 2.0.x using a zero length array and BEGIN/END.

User Variables

You can also define simple (boolean, integer or double) variables from inside the template. This is for example useful if you dont want to copy&paste complex IF expressions over and over again:

<!-- IF expr1 -->
<!-- DEFINE $COLSPAN = 3 -->
<!-- ELSEIF expr2 -->
<!-- DEFINE $COLSPAN = 4 -->
<!-- ELSE -->
<!-- DEFINE $COLSPAN = 1 -->
<!-- ENDIF -->

...

<tr><td colspan="{$COLSPAN}">...</td></tr>
<tr><rd colspan="{$COLSPAN}">...</td></tr>

Note/Warning:

The DEFINE keyword has some bizarre restrictions:

-- There must be exactly one space before and after the "=".

-- When defining strings, you must use single quotes.

in other words:

<!-- DEFINE $COLSPAN = 3 -->  //GOOD
<!-- DEFINE $COLSPAN=3 -->         //BAD
<!-- DEFINE $COLSPAN  =  3 -->     //BAD 


<!-- DEFINE $CLASS = 'class1' -->  //GOOD
<!-- DEFINE $CLASS = "class1" -->  //BAD
User variables can be cleared (unset) using
<!-- UNDEFINE $COLSPAN -->

See Also