> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.easystore.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Paparkan koleksi-koleksi sebagai imej gird boleh klik

Paparkan koleksi dengan imej akan memberi pelanggan anda kelebihan daripada apa yang akan mereka lihat sebelum mereka mengklik padanya.

Jadi, tunjukkan semua koleksi-koleksi anda di satu halaman adalah seperti anda memberi satu peta tentang apa yang anda menjual. Imej sentiasa mudah memahami dan lebih menari daripada perkataan. Sediakan kategori yang menarik daripada memberi pelanggan anda klik pada kategori-kategori di menu utama satu per satu.

  
📌 **Nota Penting :**

*   Langkah dibawah adalah untuk tema lama.
    
*   Jika anda menggunakan [Fall](https://www.easystore.co/en-my/themes/fall) atau yang lebih terkini. Ciri ini telah sedia ada di Admin panel. Anda boleh pergi ke Admin Panel > Saluran > Kedai Online > Ubah Suai > **Feature collections** dan pilih di mana-mana collection > Simpan.
    

**Langkah 1 :** Pergi ke [EasyStore Admin](https://admin.easystore.co/) > Saluran > Kedai Online > Halaman > Home > Klik pada ikon **Insert table** dan pilih bilangan koleksi yang anda perlukan.

![](https://storage.crisp.chat/users/helpdesk/website/7f5cc65d50a96000/128df859-020f-43e9-a5b7-cd3282_i4i8ll.png)

**Langkah 2 :** Klik pada grid kosong > Clik pada ikon **Imej**

![](https://storage.crisp.chat/users/helpdesk/website/1c347ba4df80ce00/070a1dfa-b243-4fd3-9425-4533e2_bl8fsr.png)

**Langkah 3 :** Tambahkan imej koleksi anda.  

![](https://storage.crisp.chat/users/helpdesk/website/8464d54eb230c000/a1a769ba-d9ce-4a24-9b34-770021_8mdr5e.png)

**Langkah 4 :** Klik pada imej > Clik pada ikon **Pautan**

![](https://storage.crisp.chat/users/helpdesk/website/b0a08f507d5fd800/22c7279d-3f3d-4c14-a862-2536a4_1l2v8v0.png)

**Langkah 5 :** Tampalkan **URL Koleksi** anda supaya pelanggan anda boleh terus pergi ke halaman koleksi apabila mereka klik pada imej tersebut > **Insert**.

![](https://storage.crisp.chat/users/helpdesk/website/99a39760e0d84800/08da927b-7f36-4a3e-8408-4bd990_18vy7nx.png)

**Langkah 6 :** Ulangi Langkah 1 hingga 5 untuk koleksi-koleksi lain.

![](https://storage.crisp.chat/users/helpdesk/website/9622de4fadfa4800/b4880830-750c-411b-af1d-cf24b9_cxkwhe.png)

**Langkah 7** : Setelah siap, pilih semua iimej > Klik pada ikon **Cell Style** > Pilih **Borderless** untuk sembunyikan garisan jadual (pilihan) > Simpan  
Once done, select all images > click on **Cell Style** icon > select **Borderless** to hide the table borders ( optional ) > Save.

![](https://storage.crisp.chat/users/helpdesk/website/6fc9150d2bd2ec00/a8c86e30-f8fe-492b-96a0-d8f604_1yuu62p.png)

**Langkah 8 :** Ini lah hasilnya

![](https://storage.crisp.chat/users/helpdesk/website/ab2feca93ada3000/62598d58-bc28-4c66-a20f-dfc073_onqn9f.png)

**Langkah 9 :** Dan yang terakhir sekali, pergi kr Admin > Kedai Online > Tema > Ubah suai > Layout untuk pastikan **Page Content** terpilih dimana-mana section > Simpan > Siap

![](https://storage.crisp.chat/users/helpdesk/website/dc7d9f34d1b13800/4eda0647-7070-44b2-8657-1848ed_1x5vu1a.png)

**Artikel berkenaan:**  
[Managing product collections](https://help.easystore.co/latest-version-products-and-collections/managing-product-collections)  
[Move products to other page](https://help.easystore.co/latest-version-products-and-collections/move-products-to-other-page)  
[Display no. of products in row](https://help.easystore.co/latest-version-store-design-and-content/display-no-of-products-in-row)