Custom CSS & HTML

If you would like to customise your webstore but our default customisation options are not sufficient you can use Themes (Custom CSS) and Templates (Custom HTML) which give you complete control over how your webstore looks.
Themes
Creating A Theme
1.Go to Webstore > Appearance > Themes.
2.Click Change.
3.Click Create Custom Theme.
4.Enter your theme name and start adding custom CSS.
5.Click Create.
Once you have created your theme you'll need to activate it. You can do this by clicking Activate on the themes page.
Modifying A Theme
You can enter any CSS you like inside your custom theme. You are more than welcome to change colours, backgrounds, borders, etc so your webstore matches your own website style.
Templates
Creating A Template
1.Go To Webstore > Appearance > Templates.
2.Click Change.
3.Click Create Custom Template.
4.Enter the name of your new template and select the base template (We recommend using the Abstract template as the base as this is the latest version available on Tebex Store).
5.Click Create.
Modifying A Template
Once you have created your template you will be directed to the template editor. Here you will see all of your template files with the relevant HTML. The template editor allows you to:
1.Modify any page that you want along with the HTML.
2.Preview the changes before publishing them (Click the preview button).
The templating language used on Tebex Store is called Twig. You can learn more about the Twig language by viewing their documentation. It has everything you need just like any other programming language such as variables, if statements, and while/for each loops. You really can modify your store to however you like!
If you would like to view the available variables and functions inside of custom templates please read our help guide on this.​
My Changes Are Not Updating
Ensure that you have enabled your theme/template on your webstore. If you have already enabled them and your webstore is not updating this could be because you are seeing a cached version of your store. Try refreshing in a few minutes and you'll see your updated design.
I Don't Know How To Use CSS Or HTML
If you are not familiar with using CSS/HTML we, unfortunately, cannot provide support on these topics. We advise researching how to use CSS/HTML or contacting a professional developer to do this work for you. As much as we would love to be able to help our awesome customers create their own themes and templates, there could be many different reasons why something is not working as you expect it to and we, unfortunately, cannot dedicate our support resources to this.
​

Configuring Your Webstore - Previous

Currency

Next - Configuring Your Webstore

Template Variables

Last modified 2mo ago

Copy link

On this page

Themes

Creating A Theme

Modifying A Theme

Templates

Creating A Template

Modifying A Template

My Changes Are Not Updating

I Don't Know How To Use CSS Or HTML