Halaman home merupakan tampilan utama pada website. tampilan ini sangat penting karena semakin bagus dan menarik tampilan website maka customer akan betah untuk berlama-lama di website anda. Pada artikel kali ini kami akan memberikan tutorial cara mengatur tampilan homepage  pada pavo theme.

1. Langkah pertama masuk ke halaman admin opencart, Setelah masuk ke halaman admin, kemudian klik Design kemudian klik Layout.
   
   
2. Klik edit pada Home 1
   

Maka akan tampil halaman pavobuilder

pada halaman ini banyak sekali module yang terpasang di halaman home. Kita akan membahas beberapa module untuk menunjang penampilan home.

Slideshow

Berikut langkah-langkah untuk merubah slideshow

1. Klik menu Design lalu klik Banners. Akan diarahkan ke halaman banner list lalu klik icon (+) “add new”.
   
2. maka akan muncul form banner. silakan masukkan banner sesuai dengan kebutuhan anda.
   
3. Setelah anda selesai membuat banner baru, masuk ke halaman pavobuilder (lihat tutorial diatas). klik edit module Banner Carousel.
   
4. maka akan muncul tampilan form banner_carousel. pada bagian banner pilih banner yang sudah di buat sebelumnya.
   
5. Setelah pilih banner klik tombol update di bagian pojok kanan bawah.
   

Demikin cara merubah slideshow, untuk selanjutnya kami akan memberikan tutorial untuk membuat / merubah produk list.

Product List

pada product list ini kami akan memberika dua tutorial yaitu menambah dan mengubah produk list. Berikut langkah-langkah untuk merubah produk list.

1. masuk ke halaman pavobuilder (lihat tutorial diatas). klik edit module Product Carousel.
   
2. maka akan muncul tampilan form product_carousel. pada bagian Product Group Type terdapat 5 pilihan product group.
   – Latest : Berisi produk terbaru.
   – Best Seller : Berisi produk yang paling banyak di beli.
   – Special : Berisi product dengan harga special.
   – Most Viewed : Berisi Produk yang paling sering di lihat customer.
   – Top Rating : Berisi produk dengan rating tertinggi.
   
3. Setelah pilih Product Group Type klik tombol update di bagian pojok kanan bawah.
   

Selanjutnya langkah – langkah untuk menambah product list.

1. masuk ke halaman pavobuilder (lihat tutorial diatas). klik tombol add row di bagian bawah, maka akan muncul row baru diatasnya.
   
2. klik icon (+) “add element”.
   
3. maka akan muncul list module. Pilih module Product Carousel.
   
   
4. maka akan muncul tampilan form product_carousel. pada bagian Product Group Type terdapat 5 pilihan product group.
   – Latest : Berisi produk terbaru.
   – Best Seller : Berisi produk yang paling banyak di beli.
   – Special : Berisi product dengan harga special.
   – Most Viewed : Berisi Produk yang paling sering di lihat customer.
   – Top Rating : Berisi produk dengan rating tertinggi.
   
5. Pada bagian title dan subtitle isi sesuai keinginan anda.
   
6. Setelah itu klik tombol update di bagian pojok kanan bawah.
   
7. Setelah anda kembali di halama pavobuilder, klik tombol save di bagian pojok kanan atas.
   
8. Setelah itu reload halaman home, maka anda akan melihat product list yang baru saja anda tambahkan.
   

Demikin cara merubah dan menambah produk list, untuk selanjutnya kami akan memberikan tutorial untuk membuat / merubah banner.

Banner (Image)

pada banner ini kami akan memberika dua tutorial yaitu menambah dan mengubah banner. Berikut langkah-langkah untuk merubah banner.

1. masuk ke halaman pavobuilder (lihat tutorial diatas). klik edit module Single Image.
   
2. maka akan muncul tampilan form edit single_image. pada bagian Image silahkan di ganti dengan image sesuai kebutuhan anda.
   
3. Setelah ganti Image klik tombol update di bagian pojok kanan bawah.
   

Selanjutnya langkah – langkah untuk menambah banner.

1. masuk ke halaman pavobuilder (lihat tutorial diatas). klik tombol add row di bagian bawah, maka akan muncul row baru diatasnya.
   
2. klik icon (+) “add element”.
   
3. maka akan muncul list module. Pilih module Single Image.
   
   
4. maka akan muncul tampilan form edit single_image. pada bagian Image silahkan di ganti dengan image sesuai kebutuhan anda.
   
5. Setelah itu klik tombol update di bagian pojok kanan bawah.
6. Setelah anda kembali di halama pavobuilder, klik tombol save di bagian pojok kanan atas.
   
7. Setelah itu reload halaman home, maka anda akan melihat product list yang baru saja anda tambahkan.
   

Demikian mengenai Cara Mengatur Tampilan Homepage. Sekian dari kami, semoga bermanfaat. Jika ada kesulitan tidak usah sungkan untuk bertanya kepada kami untuk support teknis lebih lanjut.