ClipBucket
Search…
Template Customization
Good to know: your product docs aren't just a reference of all your features! use them to encourage folks to perform certain actions and discover the value in your product.
The basics
We use Smarty Templating Engine to Render Template. Here is the current structure. and how it works.
For each file that Person is landed on we load the HTML file of it using Smarty. E.g
When user open /watch_video.php, for smarty, we have watch_video.html file present in /styles/template/layout/ folder
template_directory is basically a placeholder by default template_directory is cb_28
Directory Structure
1
/styles
2
|--/template_directory
3
|--/layout
4
|--/theme
5
|--/images
6
|--/template.xml
Copied!
/Layout Directory
it has all the HTML files of the template and that is where you edit the files. to access this folder dynamically use {$tyles_dir}
1
//Home Page is index.php and we load index.html file
2
{include file="$styles_dir/my_file.html}
3
4
//This will load file that is present in /styles/template_directory/layout/my_file.html
Copied!
/theme Directory
this is where we place our CSS files, this is to include them easily and place them seperately.
1
<link rel="stylesheet" href="{$theme}/css/bootstrap.min.css?cache={$cache_buster}" />
2
/images Directory
3
//This will load css from /styles/template_directory/theme/css/bootstrap.min.css
Copied!
/images Directory
This directory is where we place our images file required for any template and to access it
1
<img src="{$imageurl}/logo.png" />
Copied!
Common Variables
$baseurl
returns the base url of the website
$imageurl
to access the images folder URL of the template
$theme_url
to access the theme folder of the URL
Objects & Methods That you can use
$vdo object from Video.class.php
$userquery object from User.class.php
Basically all is mentioned in /includes/common.php
Methods
userid();
get_videos();
get_video();
and all PHP functions...because smarty support PHP
in Vodlix we use two parenthesis {{ }} for smarty while for ClipBucket we use single.
So in case of ClipBucket if you enter a JS code such as data({'yes','test'}) it will throw an error so you will have to wrap this kind of a code in {literal} ... {/literal}
Template Editing in Action
Last modified 6mo ago