Skip to content

XOOPS Template System

The XOOPS Template System is built on the powerful Smarty template engine, providing a flexible and extensible way to separate presentation logic from business logic. It manages themes, template rendering, variable assignment, and dynamic content generation.

graph TD
A[XoopsTpl] -->|extends| B[Smarty]
A -->|manages| C[Themes]
A -->|manages| D[Template Variables]
A -->|handles| E[Block Rendering]
C -->|contains| F[Templates]
C -->|contains| G[CSS/JS]
C -->|contains| H[Images]
I[Theme Manager] -->|loads| C
I -->|applies| J[Active Theme]
I -->|configures| K[Template Paths]
L[Block System] -->|uses| A
M[Module Templates] -->|uses| A
N[Admin Templates] -->|uses| A

The main template engine class that extends Smarty.

namespace Xoops\Core;
class XoopsTpl extends Smarty
{
protected array $vars = [];
protected string $currentTheme = '';
protected array $blocks = [];
protected bool $isAdmin = false;
}
use Xoops\Core\XoopsTpl;
class XoopsTpl extends Smarty
{
private static ?XoopsTpl $instance = null;
private function __construct()
{
parent::__construct();
$this->configureDirectories();
$this->registerPlugins();
}
public static function getInstance(): XoopsTpl
{
if (!isset(self::$instance)) {
self::$instance = new self();
}
return self::$instance;
}
}

Gets the singleton template instance.

public static function getInstance(): XoopsTpl

Returns: XoopsTpl - Singleton instance

Example:

$xoopsTpl = XoopsTpl::getInstance();

Assigns a variable to the template.

public function assign(
string|array $tplVar,
mixed $value = null
): void

Parameters:

ParameterTypeDescription
$tplVarstring|arrayVariable name or associative array
$valuemixedVariable value

Example:

$xoopsTpl->assign('page_title', 'Welcome');
$xoopsTpl->assign('user_name', 'John Doe');
// Multiple assignments
$xoopsTpl->assign([
'items' => $items,
'total_count' => count($items),
'show_pagination' => true
]);

Appends values to template array variables.

public function appendAssign(
string $tplVar,
mixed $value
): void

Parameters:

ParameterTypeDescription
$tplVarstringVariable name
$valuemixedValue to append

Example:

$xoopsTpl->assign('breadcrumbs', ['Home']);
$xoopsTpl->appendAssign('breadcrumbs', 'Blog');
$xoopsTpl->appendAssign('breadcrumbs', 'Posts');
// breadcrumbs = ['Home', 'Blog', 'Posts']

Gets all assigned template variables.

public function getAssignedVars(): array

Returns: array - Assigned variables

Example:

$vars = $xoopsTpl->getAssignedVars();
foreach ($vars as $name => $value) {
echo "$name = " . var_export($value, true) . "\n";
}

Renders a template and outputs to browser.

public function display(
string $resource,
string|array $cache_id = null,
string $compile_id = null,
object $parent = null
): void

Parameters:

ParameterTypeDescription
$resourcestringTemplate file path
$cache_idstring|arrayCache identifier
$compile_idstringCompile identifier
$parentobjectParent template object

Example:

$xoopsTpl->assign('page_title', 'Home');
$xoopsTpl->display('user:index.tpl');
// With absolute path
$xoopsTpl->display(XOOPS_ROOT_PATH . '/templates/user/index.tpl');

Renders a template and returns as string.

public function fetch(
string $resource,
string|array $cache_id = null,
string $compile_id = null,
object $parent = null
): string

Returns: string - Rendered template content

Example:

$xoopsTpl->assign('message', 'Hello World');
$html = $xoopsTpl->fetch('user:message.tpl');
echo $html;
// Use for email templates
$emailContent = $xoopsTpl->fetch('mail:notification.tpl');
mail($to, $subject, $emailContent);

Loads a specific theme.

public function loadTheme(string $themeName): bool

Parameters:

ParameterTypeDescription
$themeNamestringTheme directory name

Returns: bool - True on success

Example:

if ($xoopsTpl->loadTheme('bluemoon')) {
echo "Theme loaded successfully";
}

Gets the name of the currently active theme.

public function getCurrentTheme(): string

Returns: string - Theme name

Example:

$currentTheme = $xoopsTpl->getCurrentTheme();
echo "Active theme: $currentTheme";

Adds an output filter to process template output.

public function setOutputFilter(string $function): void

Parameters:

ParameterTypeDescription
$functionstringFilter function name

Example:

// Remove whitespace from output
$xoopsTpl->setOutputFilter('trim');
// Custom filter
function my_output_filter($output) {
// Minify HTML
$output = preg_replace('/\s+/', ' ', $output);
return trim($output);
}
$xoopsTpl->setOutputFilter('my_output_filter');

Registers a custom Smarty plugin.

public function registerPlugin(
string $type,
string $name,
callable $callback
): void

Parameters:

ParameterTypeDescription
$typestringPlugin type (modifier, block, function)
$namestringPlugin name
$callbackcallableCallback function

Example:

// Register custom modifier
$xoopsTpl->registerPlugin('modifier', 'markdown', function($text) {
return markdown_parse($text);
});
// Use in template: {$content|markdown}
// Register custom block tag
$xoopsTpl->registerPlugin('block', 'permission', function($params, $content, $smarty, &$repeat) {
if ($repeat) return;
// Check permission
if (has_permission($params['name'])) {
return $content;
}
return '';
});
// Use in template: {permission name="admin"}...{/permission}

Standard XOOPS theme directory structure:

bluemoon/
├── style.css # Main stylesheet
├── admin.css # Admin stylesheet
├── theme.html # Main page template
├── admin.html # Admin page template
├── blocks/ # Block templates
│ ├── block_left.tpl
│ └── block_right.tpl
├── modules/ # Module templates
│ ├── publisher/
│ │ ├── index.tpl
│ │ └── item.tpl
│ └── news/
│ └── index.tpl
├── images/ # Theme images
│ ├── logo.png
│ └── banner.png
├── js/ # Theme JavaScript
│ └── script.js
└── readme.txt # Theme documentation
namespace Xoops\Core\Theme;
class ThemeManager
{
protected array $themes = [];
protected string $activeTheme = '';
protected string $themeDirectory = '';
public function getActiveTheme(): string {}
public function setActiveTheme(string $theme): bool {}
public function getThemeList(): array {}
public function themeExists(string $name): bool {}
}

XOOPS automatically assigns several global template variables:

VariableTypeDescription
$xoops_urlstringXOOPS installation URL
$xoops_userXoopsUser|nullCurrent user object
$xoops_unamestringCurrent username
$xoops_isadminboolUser is admin
$xoops_bannerstringBanner HTML
$xoops_notificationstringNotification markup
$xoops_versionstringXOOPS version

When rendering blocks:

VariableTypeDescription
$blockarrayBlock information
$block.titlestringBlock title
$block.contentstringBlock content
$block.idintBlock ID
$block.modulestringModule name

Modules typically assign:

VariableTypeDescription
$module_namestringModule display name
$module_dirstringModule directory
$xoops_module_headerstringModule CSS/JS
ModifierDescriptionExample
capitalizeCapitalize first letter{$title|capitalize}
count_charactersCharacter count{$text|count_characters}
date_formatFormat timestamp{$timestamp|date_format:'%Y-%m-%d'}
escapeEscape special chars{$html|escape:'html'}
nl2brConvert newlines to <br>{$text|nl2br}
strip_tagsRemove HTML tags{$content|strip_tags}
truncateLimit string length{$text|truncate:100}
upperConvert to uppercase{$name|upper}
lowerConvert to lowercase{$name|lower}
{* If statement *}
{if $user->isAdmin()}
<p>Admin content</p>
{else}
<p>User content</p>
{/if}
{* For loop *}
{foreach $items as $item}
<div class="item">{$item.title}</div>
{/foreach}
{* For loop with counter *}
{foreach $items as $item name=item_loop}
{$smarty.foreach.item_loop.iteration}: {$item.title}
{/foreach}
{* While loop *}
{while $condition}
<!-- content -->
{/while}
{* Switch statement *}
{switch $status}
{case 'draft'}<span class="draft">Draft</span>{break}
{case 'published'}<span class="published">Published</span>{break}
{default}<span class="unknown">Unknown</span>
{/switch}
<?php
/**
* Module Article List Page
*/
include __DIR__ . '/include/common.inc.php';
$xoopsTpl = XoopsTpl::getInstance();
// Check if module is active
$module = xoops_getModuleByDirname('articles');
if (!$module) {
redirect_header(XOOPS_URL, 3, 'Module not found');
}
// Get item handler
$itemHandler = xoops_getModuleHandler('item', 'articles');
// Get pagination parameters
$page = !empty($_GET['page']) ? (int)$_GET['page'] : 1;
$perPage = $module->getConfig('items_per_page') ?: 10;
$offset = ($page - 1) * $perPage;
// Build criteria
$criteria = new CriteriaCompo();
$criteria->add(new Criteria('status', 1));
$criteria->setSort('published', 'DESC');
$criteria->setLimit($perPage);
$criteria->setStart($offset);
// Fetch items
$items = $itemHandler->getObjects($criteria);
$total = $itemHandler->getCount(new Criteria('status', 1));
// Calculate pagination
$pages = ceil($total / $perPage);
// Assign template variables
$xoopsTpl->assign([
'module_name' => $module->getName(),
'items' => $items,
'total_items' => $total,
'current_page' => $page,
'total_pages' => $pages,
'items_per_page' => $perPage,
'show_pagination' => $pages > 1
]);
// Add breadcrumbs
$xoopsTpl->assign('xoops_breadcrumbs', [
['url' => XOOPS_URL, 'title' => 'Home'],
['url' => $module->getUrl(), 'title' => $module->getName()],
['title' => 'Articles']
]);
// Display template
$xoopsTpl->display($module->getPath() . '/templates/user/list.tpl');
<div id="articles-list">
<h1>{$module_name|escape}</h1>
{if $items}
<div class="articles-container">
{foreach $items as $item}
<article class="article-item">
<header>
<h2>
<a href="{$item.url|escape}">
{$item.title|escape}
</a>
</h2>
<div class="meta">
<span class="author">By {$item.author|escape}</span>
<span class="date">
{$item.published|date_format:'%B %d, %Y'}
</span>
</div>
</header>
<div class="content">
<p>{$item.summary|truncate:150}</p>
</div>
<footer>
<a href="{$item.url|escape}" class="read-more">
Read More »
</a>
</footer>
</article>
{/foreach}
</div>
{* Pagination *}
{if $show_pagination}
<nav class="pagination">
{if $current_page > 1}
<a href="?page=1" class="first">« First</a>
<a href="?page={$current_page - 1}" class="prev">‹ Previous</a>
{/if}
{for $i=1 to $total_pages}
{if $i == $current_page}
<span class="current">{$i}</span>
{else}
<a href="?page={$i}">{$i}</a>
{/if}
{/for}
{if $current_page < $total_pages}
<a href="?page={$current_page + 1}" class="next">Next ›</a>
<a href="?page={$total_pages}" class="last">Last »</a>
{/if}
</nav>
{/if}
{else}
<p class="no-items">No articles found.</p>
{/if}
</div>
<?php
/**
* Custom Smarty block function for permission checking
*/
function smarty_block_permission($params, $content, $smarty, &$repeat)
{
if ($repeat) return;
if (!isset($params['name'])) {
return 'Permission name required';
}
$permName = $params['name'];
$user = $GLOBALS['xoopsUser'];
// Check if user has permission
if ($user && $user->isAdmin()) {
return $content;
}
if ($user && check_user_permission($user->uid(), $permName)) {
return $content;
}
return '';
}

Register and use:

$xoopsTpl->registerPlugin('block', 'permission', 'smarty_block_permission');

Template:

{permission name="edit_articles"}
<button>Edit Article</button>
{/permission}
  1. Escape User Content - Always use |escape for user-generated content
  2. Use Template Paths - Reference templates relative to theme
  3. Separate Logic from Presentation - Keep complex logic in PHP
  4. Cache Templates - Enable template caching in production
  5. Use Modifiers Correctly - Apply appropriate filters for context
  6. Organize Blocks - Place block templates in dedicated directory
  7. Document Variables - Document all template variables in PHP
  • ../Module/Module-System - Module system and hooks
  • ../Kernel/Kernel-Classes - Kernel and configuration
  • ../Core/XoopsObject - Base object class

See also: Smarty Documentation | XOOPS Template API