1. Swatch Images

Ketika produk anda memiliki banyak warna seperti pada contoh gambar dibawah, setiap pilihan warna akan dimasukkan sehingga pelanggan dapat dengan jelas melihat barang yang diinginkan hanya dengan mengklik swatch images.

Image Placeholder

Gambar 1. Tampilan Swatch Images




  1. Base Images

Base Image adalah gambar utama pada halaman detail product. Dari ke empat kategori ini merupakan gambar yang paling besar.

  • Ketika kita menggunakan base, product akan menjadi product yang di highligt pertama kali.
Image Placeholder

Gambar 2. Tampilan Base Images

  • Jika gambar yang di unggah lebih besar dari penampung gambar, pelanggan dapat mengeklik untuk memperbesar gambar.
Image Placeholder

Gambar 3. Tampilan Base Images


  1. Small Images

Gambar pada small images sering ditemukan di halaman beranda / home page, halaman kategori / category page, halaman hasil pencarian / search result page, dan daftar produk baru / new product list. Selain itu small images digunakan pada bagian up-sell di halaman detail produk dan bagian cross-sell di keranjang belanja.

  • Home Page
Image Placeholder

Gambar 4. Tampilan Small Images pada Home Page

  • Category Page
Image Placeholder

Gambar 5. Tampilan Small Images pada Category Page

  • Search Result Page
Image Placeholder

Gambar 6. Tampilan Small Images pada Search Result Page

  • Up-Sell Product Section
Image Placeholder

Gambar 6. Tampilan Small Images pada Up-Sell Product Section

  • Cross-Sell Product Section
Image Placeholder

Gambar 7. Tampilan Small Images pada Cross-Sell Product Section


  1. Thumbnail Images

Thumbnail images sering muncul di galeri thumbnail pada halaman details product. Selain itu, anda dapat menemukan gambar-gambar ini di keranjang belanja dan di bagian item terkait. Ketika menggunakan thumbnail, produk akan menjadi produk yang di highligt pertama kali.

  • Thumbnail Product Galeri
Image Placeholder

Gambar 8. Tampilan Thumbnail Images pada Product Galeri

  • Shopping Cart
Image Placeholder

Gambar 9. Tampilan Thumbnail Images pada Shopping Cart

  • Related Items Section
Image Placeholder

Gambar 10. Tampilan Thumbnail Images pada Related Items Section



Konfigurasi Images Product

Pada bagian upload images and videos kita bisa mengatur urutan nya sesuai dengan yang kita inginkan. Contohnya kita mengubah posisi thumbnail jadi yang pertama, semua gambar akan muncul namun yang akan muncul terlebih dahulu yaitu base.

Image Placeholder

Gambar 11. Tampilan Konfigurasi Images

Image Placeholder

Gambar 12. Tampilan Frontend

____________________________________________________________________________

        FAQ Documentation -  Perbedaan Role Images Product