> ## Documentation Index
> Fetch the complete documentation index at: https://docs.fzd-scripts.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Shop demo

> Test the real contextual-menu export with the included demo resource.

The supplied `fzd_actionwheel_shop_demo` is a separate FiveM resource that calls `exports.fzd_actionwheel:open`.

## Install

```text theme={null}
refresh
ensure fzd_actionwheel
ensure fzd_actionwheel_shop_demo
```

Then run:

```text theme={null}
/shopwheel
```

The menu displays:

* **Pay for items**
* **Put items back**

Each choice triggers a local demo event and GTA notification. The demo does **not** change money or inventory.

## Demo implementation

```lua theme={null}
local success, reason = exports.fzd_actionwheel:open({
    {
        id = 'shop_demo_pay',
        label = 'Pay for items',
        icon = 'cash-register',
        clientEvent = 'fzd_actionwheel_shop_demo:pay'
    },
    {
        id = 'shop_demo_return',
        label = 'Put items back',
        icon = 'basket-shopping',
        clientEvent = 'fzd_actionwheel_shop_demo:returnItems'
    }
}, { title = 'SHOP' })
```

The demo also exports:

```lua theme={null}
exports.fzd_actionwheel_shop_demo:openCheckout()
```

Use the demo to verify integration behaviour, not as a production purchasing system.