1. Home
  2. Pengaturan
  3. Toko
  4. Cara mengatur tampilan toko: Home (Bagian konten II)

Cara mengatur tampilan toko: Home (Bagian konten II)

Terdapat beberapa bagian pada home yang dapat diatur seperti notifikasi, header, konten dan footer. Pada artikel ini khususnya akan membahas bagian konten. Konten adalah area di mana dapat ditampilkan gambar, kategori, ataupun produk sesuai dengan kebutuhan. Isi dari konten dapat beragam tergantung dari “bagian” yang digunakan.

Untuk melihat bagian lain pada konten dapat memilih + Tambah Bagian.

Terdapat beberapa bagian pada ‘tambah bagian’ yaitu teks, gambar, video, kategori, hashtag, produk, dan lainnya.

Pada bagian Konten I akan membahas bagian teks, gambar, video, kategori dan hashtag yang bisa kamu lihat di sini. Sedangkan bagian konten II akan membahas khusus untuk produk.

Sebelum masuk ke bagian produk, di sini akan dijelaskan terlebih dahulu mengenai arah scroll.

Arah scroll

Pada pengaturan arah scroll terdapat dua pilihan yaitu vertikal dan horizontal, berikut perbedaan tampilan dari 2 arah scroll:

Vertikal 

Pada arah scroll vertikal, jika kita lihat pada tampilan desktop, akan mengikuti produk per baris (yaitu 5 produk per baris), maka produk ke 6, 7 dan selanjutnya akan ada di baris ke 2. Sedangkan untuk tampilan mobile, produk per baris akan diatur menjadi 2 dan produk ke 3, 4 dan selanjutnya akan mengikuti di bawahnya. 

Tampilan Desktop

Tampilan Mobile

Horizontal

Pada tampilan arah scroll horizontal, untuk tampilan desktop jika produk lebih dari 5, maka akan tersedia pagination di samping kanan dan kiri produk sehingga pembeli dapat menggeser produk yang dilihatnya. Sedangkan pada tampilan mobile, pembeli dapat swipe ke kanan agar bisa menggeser produknya.

Tampilan Desktop

Tampilan Mobile

Tampilan

Terdapat 6 tampilan yang dapat dipilih:

  • Original
  • Flat
  • Grid
  • Kolase (hanya ada di pengaturan bagian semua produk dan halaman katalog)
  • Horizontal (hanya ada di pengaturan bagian semua produk dan halaman katalog)
  • Deskriptif (hanya ada di pengaturan bagian semua produk dan halaman katalog)

Original

Pada tampilan produk original, katalog produk akan mempunyai garis batas dan mempunyai efek timbul.

Grid

Pada tampilan produk Grid, katalog produk yang muncul hanya berupa foto produk tanpa menjelaskan mengenai nama produk dan harga.

Flat

Pada tampilan produk flat, katalog produk yang muncul akan seperti grid namun dengan penjelasan nama produk dan harga.

Kolase

Pada tampilan kolase, katalog produk tidak menginformasikan nama dan harga produk. Hanya menampilkan foto produk saja, bentuk foto produk yang ditampilkan mirip dengan tampilan produk grid, namun ukuran dari beberapa katalog produk akan dibuat tidak sama. 

Horizontal

Pada tampilan horizontal, katalog produk akan ditampilan dengan bentuk persegi panjang (ada kemungkinan fotomu akan terpotong), mempunyai efek timbul seperti pada tampilan original, dan akan menyertakan nama produk dan harga.

Deskriptif

Pada tampilan deskriptif, foto produk berada di sebelah kiri nama produk dan harga. 

Tampilan efek

Terdapat 3 efek produk yang dapat kamu pilih, original (tidak bergerak), efek hover dan efek slideshow.

Original (Tidak bergerak)

Pada tampilan efek original (tidak bergerak), produk tidak mempunyai efek apapun.

Efek hover 

Pada tampilan efek hover, jika kursor diarahkan ke foto produk, maka foto produk akan berganti ke foto produk ke 2.

Efek slideshow

Pada tampilan produk slideshow, jika produkmu mempunyai foto produk lebih dari 1 maka akan secara otomatis bergeser ke foto produk ke-2, ke-3, dan sebagainya.

Produk 

Untuk memastikan bahwa produk kamu muncul, pastikan bahwa produk kamu tidak kamu sembunyikan.

Produk terpilih

Seperti namanya pada produk terpilih kamu akan memunculkan produk yang kamu pilih untuk dimunculkan di toko online. Selanjutnya kamu bisa atur judul dan produk per baris sesuai yang kamu inginkan. 

Daftar produk dari 1 kategori

Sebelum kamu mengaktifkan bagian ini, pastikan kamu sudah mengatur kategori dan memasukkan produk ke kategorinya di sini. Jika sudah, kamu dapat memilih kategori yang kamu ingin munculkan produknya. Selanjutnya kamu bisa atur judul dan produk per baris sesuai yang kamu inginkan.

Produk baru

Produk yang akan muncul pada produk baru adalah produk yang terakhir kamu upload di menu produk. Jika produk barumu ada yang tidak memiliki stok, maka posisi akan bergeser ke paling belakang.

Produk unggulan

Produk yang akan muncul pada produk unggulan adalah produk yang sudah kamu tandai sebagai produk unggulan di halaman produk unggulan di sini.

Produk bundle

Atur sebelumnya produk bundle di sini dan tambahkan produk unggulan yang ingin kamu tampilkan.

Semua produk

Jika kamu mengatur semua produk, maka semua produk yang sudah kamu atur ditampilkan untuk semua orang akan muncul di bagian semua produk. Jika kamu mempunyai produk tertentu yang ingin muncul di paling atas katalog, maka kamu dapat menandai produk tersebut sebagai produk unggulan.

Updated on 8th Agustus 2023

Was this article helpful?