Customization

Most settings are in Webstore → Appearance → Edit Template → Options.

For advanced customization, edit the template files directly.

Colors

Edit the CSS variables at the top of style.css:

:root {
  --background: rgb(28, 36, 44);
  --background-transparent: rgba(28, 36, 44, 0.85);
  --footer: #141820;
  --transparent: rgba(255, 255, 255, 0.15);
  --panel: #25323E;
  --border: #2C3A47;
}

Navbar Icons

Navbar icons are managed from the Tebex dashboard. Go to Tebex → Packages, edit the category you want, and upload an image — it will appear automatically in the navbar.

Package Badges

In layout.html, find badge around line 60:

badge: {
    text: '<span class="mdi mdi-plus"></span> Good Deal',
    packages: [
        '4215903',
    ]
}

Add package IDs to the array. Find the ID in the URL when editing a package.

Upsell Packages

Group packages into expandable cards. In layout.html, find stacked_categories around line 55:

stacked_categories: [
  'crates',
],

Add your category slug, then name packages with this format: GroupName | VariantName

Example: Diamond Crate | x1, Diamond Crate | x5, Diamond Crate | x10