Appearance
Last updated
Was this helpful?
Last updated
Was this helpful?
The Appearance page is the place to manage exactly how your Tebex store looks, from your template (the building blocks of your store) to your theme (the colours and style) and other options, we'll guide you through the whole thing.
To get started, from the left-sidebar click 'Webstore' then ''.
A Template is what we refer to the HTML of a store as - it's the building blocks. HTML gives a Tebex store its structure and layout. Here's what our free template, Exo, looks like:
A Theme is what we refer to the CSS of a store as - it's the style and colours. We provide multiple themes for our free template, Exo, for free also - here's one (Space):
You can provide multiple IPv4 addresses if you like, just seperate each one with a comma - for example: 8.8.8.8,8.8.4.4
Store not appearing online after checking this?
You can provide a Logo and Favicon for your store here - the logo will be displayed instead of the store's name as text and the Favicon sets the mini icon that appears on the browser tab.
For logos we support PNG and WEBP image formats - images must be no bigger than 5MB and must have a minimum width of 500px.
For favicons we support PNG and WEBP images - images must be a minimum of a 25px square (25px on all sides).
Here you can choose how your store behaves when customers add a package to their basket and how things should look when guests (customers who aren't logged in) browse your store.
When customers add a package to their basket you can either:
Redirect the customer to their basket (the default option)
Redirect the customer to the package's category page
Redirect the customer to the checkout.
For customers that haven't logged into your store yet, you can choose whether they should be able to see the packages you offer or not. By default, we let all customers (logged in or not) view all your packages, but you can change this so that customers have to login before being able to view any packages.
At the bottom of the page, we show you any Template Options provided by the template creator. If you're using 'Exo' (our default template) you'll see options relating to:
The style of your overall store
The header (that's the part at the very top of your store)
The layout of your overall store
The Sale Banner (this is a banner of text you can display at the top of your store)
From there, you can view & preview all the templates we offer, as well as create your own - the templates we offer are:
Exo - free, our default template
Night - premium template, £24.99
Dusk - premium template, £24.99
Noon - premium template, £24.99
Combat - premium template, £24.99
Flow - premium template, £24.99
If you'd like to purchase one of our Premium Templates, they come provided with the colour themes you can see in the circles below each template. Purchasing a template allows you to use that template for the store you've purchased it on, for the life of that store; you can't transfer them between stores.
Once you've found a template you like, click 'Activate' on the template in question and you're done.
Click 'Create Custom Template' in the top-right.
Enter the name of your new template and select the base template (we recommend using the Exo template).
Click 'Create'.
You'll then see the code editor for the template you've just created - now you can get coding!
When you're done, at the top, click 'Save as Draft' or use the dropdown menu to select 'Save and Publish' to make your changes and template live straight away.
From there, you can view & preview all the themes we offer for your particular template, as well as create your own.
Once you've found a theme you like, click 'Activate' on the theme in question and you're done.
Click 'Create Your First Custom Theme' (if it's your first time) or 'Create Custom Theme' at the bottom of the page.
Enter the name of your new theme and start coding your template's CSS.
Click 'Create'.
You'll then be taken back to the Theme Selection page, click 'Preview' next to your newly created theme at the bottom of the page to check it works correctly.
When you're happy, click 'Activate' next to your newly created theme to make it live on your Tebex store.
Tebex cannot assist you with installing or editing a Custom Template or Theme, and we cannot assist you in troubleshooting errors that occur due to your custom template code. Some platform updates may require you to edit your template code - Tebex cannot assist you in doing this.
Have you published the changes you've made; activated the template or theme you've created or edited? If so, try clearing your cache and cookies and refresh your store or try viewing your store in a private browser tab or window. If problems persist, try waiting a little time and viewing from a different device.
Sadly not, but you can reach out to a web designer or developer and show them this page - this should give them enough information to give you a quote or more information.
Clicking 'Visibility' just below the name of your template will give you options to restrict who can view your store. You can toggle the option to 'prevent your store from being accessible by the public' and provide IP addresses to bypass this restriction; any IPs you provide will be allowed to access your store even if you toggle the option on. - only IPv4 addresses are supported.
You may need to pass our Store Reviews process -
From the , on the left-hand-side, click 'Change Template'.
Our free template, Exo, also comes with multiple free themes that you can choose between to change how your store looks.
You'll need Tebex Plus to use this feature, see
From the , click 'Change Template'.
The templating language used on Tebex Stores is Twig - you can .
From the , on the right-hand-side, click 'Change Theme'.
You'll need Tebex Plus to use this feature, see
From the , click 'Change Theme'.
If things still aren't working after that,
The templating language used on Tebex Stores is Twig - you can .