---
title: Item icon thumbnail download API
slug: world-sdk-guide-id/item-icon-thumbnail-download-api
docTags: 
createdAt: 2024-09-02T08:34:13.134Z
---

Paket ZEPETO.Module memungkinkan Anda untuk mengunduh tekstur thumbnail untuk item ZEPETO.

Dengan mengunduh thumbnail item secara dinamis, Anda dapat membantu mengurangi ukuran Paket Build Anda.



## LANGKAH 1 : Menginstal

Silakan instal Window → Package Manager → ZEPETO.World Package 1.21.14 atau versi lebih baru terlebih dahulu.

Setelah itu, silakan instal paket ZEPETO.Module.

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-VD9kRv94SPp_Mm0mSF52G-20240904-102411.png)



## LANGKAH 2 : UI > Menambahkan Gambar

1. Kita perlu menambahkan komponen Gambar ke Scene yang akan menampilkan thumbnail. Silakan tambahkan Hierarchy > UI > Gambar Mentah.
2. Atur Lebar dan Tinggi ke Ukuran yang sama.



## LANGKAH 3 : Tulis skrip

1. Buat Hierarki > Buat Objek Kosong dan ganti namanya menjadi DownloadThumbnail
2. buat Proyek > Buat > ZEPETO > TypeScript dan ganti namanya menjadi DownloadThumbnailSample.
3. Tulis skrip contoh seperti yang ditunjukkan di bawah ini.

```typescript
import { ZepetoScriptBehaviour } from 'ZEPETO.Script';
import { ShopService } from 'ZEPETO.Module.Shop';
import * as UnityEngine from 'UnityEngine';
import { RawImage } from 'UnityEngine.UI';
 
export default class DownloadThumbnailSample extends ZepetoScriptBehaviour {
 
    public image : RawImage;
    public itemCode : string;
     
    Start() {
        this.StartCoroutine(this.DownloadItemTexture());
    }
     
    *DownloadItemTexture()
    {
        // Unduh tekstur thumbnail untuk kode item yang ditentukan
        var request = ShopService.DownloadItemThumbnail(this.itemCode);
         
        yield new UnityEngine.WaitUntil(()=>request.keepWaiting == false);
         
        if(request.responseData.isSuccess)
        {
            this.image.texture = request.responseData.texture;
        }
    }
 
}
```



4\. Setelah Anda selesai menulis skrip, tambahkan skrip DownloadThumbnailSample ke objek DownloadThumbnail.

5\. Tetapkan gambar ke inspector skrip dan masukkan itemCode.

:::hint{type="info"}
**📘&#x20;**&#x53;ilakan merujuk ke panduan manekin tentang cara memeriksa itemCode. \[[\[err\] ZEPETO Mannequin](docId\:VPXaz_cddQQowEpEA0N42)]
:::

6\. Tekan tombol \[▶︎(putar)] untuk mengeksekusi, dan Anda seharusnya melihat thumbnail item di gambar yang Anda atur.

![](https://api.archbee.com/api/optimize/fCt3n1oCa8rgNJ8fw9I2N-WJ8J3zW3oIEQVmFKmMENQ-20240904-102411.png)

