> For the complete documentation index, see [llms.txt](https://visionstore.gitbook.io/visionstore-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://visionstore.gitbook.io/visionstore-docs/scripts/advanced-clothing.md).

# Vision Advanced Clothing

A GTA Online-style appearance UI for FiveM. Clothing stores, barbers, tattoos, surgeon, wardrobes and the character creator in one interface.

**Vision Advanced Clothing** is one polished interface for every place a player changes how they look: clothing stores, barbers, tattoo parlours, the plastic surgeon, wardrobes, outfit bags, outfit sharing and the character creator. Everything is previewed live on the player's own character, and nothing is charged until they confirm.

It runs on top of **illenium-appearance**, which stays the backend: illenium applies and saves appearances and keeps the outfits table. Everything the player sees is Vision Clothing's interface.

{% hint style="success" %}
**Get it on the** [**Vision Store**](https://www.vision-store.site/) · Questions? [Join our Discord](https://discord.gg/ZvHtyhyBp4)
{% endhint %}

{% hint style="info" %}
**Version 1.0.0** · Qbox · QBCore · ESX · ox\_core · Standalone · illenium-appearance · ox\_lib · oxmysql
{% endhint %}

{% hint style="warning" %}
**illenium-appearance is not included.** It is free and open source. Download it from [its author](https://github.com/iLLeniumStudios/illenium-appearance), then follow [illenium-appearance setup](/visionstore-docs/scripts/advanced-clothing/illenium-setup.md) (about 5 minutes).
{% endhint %}

## Features at a glance

<table data-view="cards"><thead><tr><th></th><th></th></tr></thead><tbody><tr><td><strong>👕 Clothing stores</strong></td><td>15 stores already placed. Live preview, a cart that only charges what changed, and ESC puts the original clothes back.</td></tr><tr><td><strong>🔎 Find clothing fast</strong></td><td>Category tree, thumbnail grid, texture styles, search, sort, favourites, a colour filter and clickable body hotspots.</td></tr><tr><td><strong>💈 Barber, tattoo and surgeon</strong></td><td>7 barbers, 6 tattoo parlours and the plastic surgeon. Hair and makeup colour swatches, tattoos by body zone, itemised TOTAL COST.</td></tr><tr><td><strong>🧬 Character creator</strong></td><td>All six sections, free, cannot be skipped. Works with every framework's multicharacter through illenium, with no multicharacter edits.</td></tr><tr><td><strong>🗄️ Wardrobes and uniforms</strong></td><td>Up to 50 outfits per character with tags and favourites. Personal, home, job and gang wardrobes with grade, duty and gender rules.</td></tr><tr><td><strong>🎒 Outfit bags</strong></td><td>Portable wardrobes players place on the ground (ox_inventory + ox_target), sold at every clothing store.</td></tr><tr><td><strong>🔗 Outfit sharing</strong></td><td>Share codes like <code>K7-3PQX-M2ZD</code> with an import preview, or offer an outfit to a player within 10 m.</td></tr><tr><td><strong>💲 Pricing you control</strong></td><td>Price per category, per-item overrides, shop multipliers, job discounts, sales tax, cash-then-bank or a CASH / BANK choice.</td></tr><tr><td><strong>🏬 Private showroom</strong></td><td>Optional: shop inside a private interior and return to the exact spot afterwards. Off by default.</td></tr><tr><td><strong>🧍 Custom peds</strong></td><td><code>/giveped</code> gives a character any ped model, saved per character and restored on every login.</td></tr><tr><td><strong>🖼️ 4,778 thumbnails</strong></td><td>Base-game and DLC clothing, keyed by clothing collection, so they stay correct whatever add-on clothing you stream.</td></tr><tr><td><strong>🌍 English and Arabic</strong></td><td>Full right-to-left layout. Players can switch language themselves with <code>/appearancelang</code>.</td></tr></tbody></table>

## How a store visit works

```mermaid
flowchart TD
    A[Walk into a store] --> B[E prompt or target option]
    B --> C[Interface opens, camera on your ped]
    C --> D[Browse categories and preview items]
    D --> E{Happy with the look?}
    E -- yes --> F[TAB: CONFIRM]
    F --> G[Server re-prices the cart and charges]
    G --> H[illenium saves the appearance]
    E -- no --> I[ESC: original clothes come back]
```

## Built for server owners

* **Framework auto-detect**: Qbox, QBCore, ESX, ox\_core or standalone, through an open-source bridge.
* **Interaction auto-detect**: ox\_target or qb-target. Without either, ox\_lib zones with an `[E]` prompt are used.
* **Server-authoritative**: prices, sections, restrictions and distance are always checked again on the server.
* **Database tables created automatically** on first start.
* **Open files**: `config/`, `shared/locales/`, `bridge/` and `install/` are not encrypted. The interface (`html/`) is plain HTML, CSS and JavaScript.

## Where to go next

| I want to...                        | Go to                                                                                      |
| ----------------------------------- | ------------------------------------------------------------------------------------------ |
| Install the script                  | [Installation](/visionstore-docs/scripts/advanced-clothing/installation.md)                |
| Connect illenium-appearance         | [illenium-appearance setup](/visionstore-docs/scripts/advanced-clothing/illenium-setup.md) |
| Test everything in 5 minutes        | [Quick start](/visionstore-docs/scripts/advanced-clothing/quick-start.md)                  |
| Change prices, shops, uniforms...   | [Configuration](/visionstore-docs/scripts/advanced-clothing/configuration.md)              |
| Learn how players and admins use it | [Guides](/visionstore-docs/scripts/advanced-clothing/guides.md)                            |
| Open the menus from my own scripts  | [Developers](/visionstore-docs/scripts/advanced-clothing/developers.md)                    |
| Fix a problem                       | [Troubleshooting](/visionstore-docs/scripts/advanced-clothing/troubleshooting.md)          |


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://visionstore.gitbook.io/visionstore-docs/scripts/advanced-clothing.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.