# NFT Details Display

{% hint style="success" %}
**COPY/PASTE PARAMETERS**

New in GM 0.11! Right click on a behaviour or component to copy. Then open an object, add the same behaviour or component, and right click it to paste identical parameter settings.
{% endhint %}

{% hint style="info" %}
**GAME MAKER 0.10 ENHANCEMENT**

Now supporting all marketplaces from Ethereum, Polygon and Goerli networks.
{% endhint %}

Using the NFT Display Information Component **allows you to share details about your NFT** collections directly in your experience, as well as a **link to the Marketplace** listing of that NFT.

{% embed url="<https://youtu.be/FASJGaO8OQ0>" %}

{% hint style="info" %}
[Build Singleplayer & Multiplayer Logic](/en/creator/game-maker/docs/build-singleplayer-and-multiplayer-logic.md) - about <mark style="color:green;">**\[SP]**</mark> or <mark style="color:yellow;">**\[MP]**</mark> behaviours or components
{% endhint %}

## ![](/files/uqyUCTbdJDrqBe321AHZ) NFT Details Display <mark style="color:green;">\[SP]</mark> <mark style="color:yellow;">\[MP]</mark>

Using the NFT Display Information Component **allows you to share details about your NFT** collections directly in your experience, as well as a **link to the Marketplace** listing of that NFT.

## Common Uses

* Display details about an NFT with a button to the Opensea page.

## Communications

<table data-header-hidden><thead><tr><th width="336"></th><th></th></tr></thead><tbody><tr><td><p><strong>Inputs:</strong> Message required to display</p><p></p></td><td><p><strong>Outputs:</strong> Pop up banner with NFT details</p><p></p></td></tr></tbody></table>

## Parameters

| Options                          | Details                                                                                                                                  |
| -------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
| ![](/files/3WTPwa7ovvCu2nImpBbE) | **Message required** - Add message that triggers the NFT Details Display.                                                                |
| ![](/files/4ZmJ75ib04nudkUG9dqf) | <p><strong>Details Target</strong> - Display information of the NFT.<br><br><strong>Asset</strong> -<br><strong>NFT Image</strong> -</p> |

This is a great way to **engage your visitors** by sharing your collection or directing users to the Marketplace where they can get their own copies of the displayed NFT.

### What Does It Display?

**NFT Display Information** will work directly on **Assets** to display their details, as well as on Objects using the **NFT Image Display Component**. In both cases, this will give visitors the ability to directly, or indirectly trigger a pop-up window showing information including:

<figure><img src="/files/bgMNyfkvP5M7lQpG266I" alt=""><figcaption></figcaption></figure>

1. The Name of the NFT
2. A thumbnail of the NFT
3. Identify if it’s an External NFT or a Sandbox NFT
4. Who it’s created by
5. Who it’s owned by
6. A description of the NFT
7. A button to view the NFT in the Marketplace.

{% hint style="info" %}

The Marketplace, either OpenSea or The Sandbox, depends on the type of NFT.&#x20;
If it is linked from OpenSea, the user will be able to navigate straight from the experience to the OpenSea listing.
{% endhint %}

The NFT Display Information Component is simple but powerful and only requires **two parameters** to be adjusted:

<figure><img src="/files/oBHl9xDeekyZTC9oGphE" alt=""><figcaption></figcaption></figure>

**Message Required** - to trigger the information display pop-up.

**Details Target -** to identify which assets information is being displayed.

So let’s cover how to set this component up in your experience.&#x20;

### Message Required&#xD;

The Message Required parameter can be **set to anything** you would like, however, there are a couple of **best practices to keep in mind**.

#### Direct Interaction&#xD;

If you would like users to be able to **click directly** on the **Asset** or an **NFT Image** linked in a frame, then you should **use ‘Interact’ as the Message Required**, as this is tied to the message sent by the Avatar when they press ‘E’.&#x20;

<figure><img src="/files/rvOr62cNpF78xJNj2jqV" alt=""><figcaption></figcaption></figure>

Using this message is a quick and easy set-up that **requires the user** to be able to get up **close to the object** to trigger the display.

{% hint style="info" %}
Add the **Indicator Component** and turn on the **Display Interaction Input** option to let players know how they can interact with the NFT.
{% endhint %}

#### &#xD;Display at a Distance&#xD;

You can also **set up a separate Object** to trigger Display Information, which can be useful if the NFT Display Information Component is attached to an Object or Frame that is **out of reach for the avatar** to interact with directly.&#x20;

To do this, you will need to **set the message the Component listens for**.&#x20;

First, click on the box next to ‘Message Required’. This will show a drop-down of your previous messages, which you can either choose from, or you can **type directly into the box** to **create a new message**.

<figure><img src="/files/HEW9B1jVhgCLZwxoDgGz" alt=""><figcaption></figcaption></figure>

If you have typed a new message then **click ‘Add \[Message Name]’**. This will now be the required message that will trigger the display of the NFT data.

#### Broadcasting a Message&#xD;

To trigger the NFT Details Display at a distance you will also need to **set up an object** with **a Behaviour or Component** that **can send a message** to the NFT Display Information Component.&#x20;

You can use anything that sends a message, so get creative with how you would like your NFTs to be interacted with, but in this instance, the **simplest set-up** is to choose an object and **attach the Button Behaviour** to it.

{% hint style="info" %}
While you can use any message you would like, it is useful to create **unique messages** for each display trigger. For example, if you are setting up a gallery, and don’t want to trigger the Display **Information of the wrong NFT**, then it helps to make sure you have unique messages.
{% endhint %}

Here we have used the **sign Object**, applied the **Button Behaviour** to it, and then **set the Message** that the NFT Display Information Component is listening for.&#x20;

<figure><img src="/files/LYzEFg9KbTvesFkGU9mH" alt=""><figcaption></figcaption></figure>

Because the Button Behaviour **uses ‘Interact’**, the Avatars ‘E,’ **as a trigger** by default, all we need to do is make sure that the message sent matches the Message Required on the targeted NFT, and you are almost done.

### &#xD;Details Target&#xD;

Now that we have our message set up, we’ll **go back to the Object with the NFT Image Display Component**, and make sure it’s set to call on the correct information when triggered.

<figure><img src="/files/eXx6uQYyZVap5yRzxixP" alt=""><figcaption></figcaption></figure>

#### NFTImage&#xD;

If you want to show the details of an NFT image displayed in a Frame, then make sure you **choose NftImage** from the dropdown next to **Details Target**.

{% hint style="info" %}
The NFT Image Display Component will only be available on **an Object with a Frame.**&#x20;
{% endhint %}

When the user clicks ‘**View in Market Place**', this will take them **to OpenSea**.

<figure><img src="/files/ZfZfFCmVWF7xvj0i0rnd" alt=""><figcaption></figcaption></figure>

#### Asset&#xD;

If you want to show information of an Asset in your experience, then have the dropdown next to **Details Target** set to **‘Asset.’**&#x20;

When the user clicks **‘View in Marketplace’** this will take them to **The Sandbox Market Place.**

<figure><img src="/files/3h0u7zAGFZbyLxm3EKtB" alt=""><figcaption></figcaption></figure>

**And that’s it.** You should now have an Asset or a linked NFT Image, that can be interacted with directly, or indirectly, which will **display information** about that NFT and allow the user to **view it on the Marketplace**!


---

# Agent Instructions: Querying This Documentation

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

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sandbox.game/en/creator/game-maker/docs/components/nft/nft-details-display.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.