Salah satu kelebihan platform baru yang saat ini kami gunakan untuk membangun web toko online anda adalah fleksibilitas yang tinggi dalam mengatur tampilan web toko online sesuai keinginan anda.

Jika dibandingkan dengan design template lama yang masih digunakan oleh penyedia jasa toko online lainnya, tampilan web-web toko online yang menggunakan template yang sama hanya terlihat berbeda pada gambar header/banner dan background saja. Sedangkan jika menggunakan template dengan platform baru yang kami gunakan saat ini tampilan web-web toko online yang menggunakan template yang sama akan terlihat jauh berbeda karena hampir semua bagian tampilan bisa diatur sesuai imaginasi anda sebagai pemilik web toko online. Dan semua bisa dengan mudah anda atur sendiri settingnya dari menu Administrator (Administration Page), tanpa perlu mengerti kode pemrograman. Berikut ini cara menggunakan fitur-fitur yang sudah kami sediakan dalam pengaturan tampilan web toko online anda :

Page Maker & Customized Menu

Web toko online anda dilengkapi dengan fitur Page Maker sehingga anda bisa membuat menu baru sendiri, caranya sebagai berikut :

  1. Pilih menu Halaman -> Tambah Baru. 
  2. Masukkan judul Halaman & isi Halaman.
  3. Klik tombol Terbitkan untuk menyimpan.
  4. Jika anda ingin mengubah URL Halaman sesuai kata kunci yang anda kejar, klik tombol Edit pada bagian Permalink. Selanjutnya klik tombol Oke untuk menyimpan URL dan klik tombol Perbarui untuk menyimpan perubahan pada Halaman.

Selanjutnya gunakan fitur Customized Menu untuk menampilkan Halaman baru tersebut sebagai Menu di web toko online anda caranya sebagai berikut :

  1. Pilih menu Tampilan -> Menu.
  2. Klik / centang judul Halaman yang ingin ditampilkan di Menu.
  3. Klik tombol Tambahkan ke Menu, maka Halaman tersebut sudah ditampilkan di bagian paling bawah Struktur Menu.
  4. Seret  / drag and drop Halaman tersebut untuk mengatur urutan letak menu.
  5. Klik tombol Simpan Menu.

Anda bisa mengatur tampilan Menu, caranya lihat bagian Struktur Menu, klik collapse menu Halaman, maka akan ditampilkan kotak pengaturan tampilan menu, yang isinya sebagai berikut :

  1. Label Navigasi : Nama menu di web toko online untuk Halaman baru yang telah anda buat. Anda bisa membuat nama menu yang berbeda dengan judul Halaman baru yang telah anda buat.
  2. Atribut Judul : Tulisan yang ditampilkan jika pengunjung menggerakkan mouse di atas Menu di web toko online anda.
  3. Icon : Gambar kecil yang ditampilkan di depan menu. Tersedia banyak pilihan icon yang bisa anda pilih. Klik Select untuk memilih icon.
  4. Klik tombol Batal jika anda tidak jadi mengubah tampilannya. Klik tombol Singkirkan untuk menghapus menu dari web toko online anda.
  5. Klik tombol Simpan Menu untuk menyimpan perubahan pada Menu.

 

Customized Widget

Anda bisa mengatur menu yang ditampilkan di sisi kiri / kanan / footer web toko online anda. Caranya sebagai berikut :

  1. Pilih menu Tampilan -> Widget. Kolom kiri adalah daftar widget yang tersedia. Kolom kanan adalah daftar Widget Area (tempat menampilkan widget di web toko online) beserta daftar widget yang digunakan di web toko online anda. Widget Area berbeda-beda tergantung pada template / theme yang anda gunakan.
  2. Klik pada salah satu nama widget yang ada di daftar widget (kolom kiri), maka akan ditampilkan pilihan Widget Area. Pilih di mana anda ingin meletakkan widget tersebut.
  3. Klik tombol Tambahkan Widget.
  4. Lihat daftar Widget Area di kolom kanan, klik gambar panah bawah di belakang nama Widget Area, maka akan ditampilkan daftar widget yang ditampilkan di web toko online.
  5. Seret  / drag and drop Widget untuk mengatur urutan letaknya.

Anda bisa mengatur tampilan Widget, caranya lihat daftar Widget Area di kolom kanan, klik gambar panah bawah di belakang nama Widget, maka akan ditampilkan kotak pengaturan tampilan widget (isinya tidak sama antar widget). Bagian pengaturan widget yang pasti ada di semua widget adalah :

  1. Judul : Judul widget yang ditampilkan di sidebar kiri / kanan / footer.
  2. Icon library : Pilihan tipe icon. Pilih salah satu.
  3. Widget icon : Daftar gambar icon ditampilkan sesuai Icon library yang anda pilih. Pilih salah satu yang anda suka.
  4. Icon position : Pilihan letak gambar icon (bisa di depan widget, di belakang, dll).
  5. Icon padding : Jarak antara gambar icon dan judul widget.
  6. Vertical align : Perataan vertical gambar icon.
  7. Icon size : Ukuran gambar icon.
  8. Icon color : Ada 2 pilihan yaitu Inherit (warna dipilihkan oleh template yang dipakai saat ini) atau Custom (warna bisa anda pilih sendiri).

 

Pengaturan Tampilan Halaman Produk

A. Anda bisa menentukan sendiri Produk / halaman Shop akan ditampilkan di halaman mana dan apa yang ditampilkan waktu pertama kali halaman Shop tersebut dibuka.

Misalnya ada pemilik toko online yang ingin menampilkan halaman Shop di halaman Home dan langsung terlihat produk-produk yang dijualnya, sehingga pengunjung bisa langsung berbelanja. Pemilik toko online yang lain ingin halaman Homenya berisi tulisannya dan slideshow promosinya, sedangkan untuk berbelanja dilakukan dari menu Shop yang menampilkan kategori pengelompokan produknya dan pengunjung harus memilih salah satu kategori dulu untuk melihat produk yang dijualnya.

Cara pengaturannya sebagai berikut : 

  1. Pilih menu eCommerce -> Settings -> tab Products -> Display.
  2. Lihat bagian Shop & Product Pages.
  3. Shop Page : Pilih halaman mana yang dijadikan tempat menampilkan produk / halaman Shop.
  4. Shop Page Display : Tampilan pada saat halaman Shop dibuka. Ada 3 pilihan, yaitu Show Categories & Subcategories (menampilkan kategori & subkategori), Show Products (menampilkan produk), Show Both (menampilkan kategori & subkategori serta produknya). 
  5. Default Category Display : Tampilan pada saat Kategori dipilih. Ada 3 pilihan, yaitu Show Subcategories (menampilkan subkategori), Show Products (menampilkan produk), Show Both (menampilkan subkategori serta produknya).
  6. Klik tombol Save Changes.

B. Anda bisa mengatur jumlah kolom produk yang ditampilkan dalam 1 baris dan mengatur jumlah produk yang ditampilkan dalam 1 halaman.

Cara pengaturannya sebagai berikut :

  1. Pilih menu eCommerce -> Settings -> tab Products -> Display.
  2. Lihat bagian Product Archives.
  3. Product Columns : Jumlah kolom produk yang ditampilkan per baris.
  4. Products per page : Jumlah produk yang ditampilkan per halaman.
  5. Klik tombol Save Changes.

 

Customized Template

Anda bisa mengubah tampilan template seperti :

  1. Mengubah warna template
  2. Mengganti header / banner / logo. Design template lama yang masih digunakan oleh jasa pembuat toko online lainnya, mengharuskan penggunaan header / banner (jika tidak ada header / banner yang dipasang, maka akan terlihat ada bagian kosong di atas web). Sedangkan pada design template baru yang kami gunakan tidak selalu mengharuskan penggunaan header/banner. Jika anda memilih tidak menggunakan header, maka tampilan web tetap terlihat bagus karena tidak terlihat bagian kosong di atas web.
  3. Mengganti warna / gambar background web.
  4. Mengubah letak sidebar dan menentukan jumlah sidebar yang digunakan (tergantung template yang digunakan).
  5. Mengatur jumlah kolom footer yang digunakan (tergantung template yang digunakan).

Untuk customized template biasanya dilakukan dari menu Tampilan -> Ubah. Dan untuk template-template tertentu, kadang ada tambahan menu baru untuk customized template. Anda bisa bertanya langsung pada kami via YM / telp / email / BBM jika mengalami kesulitan. 

Anda juga bisa mengganti template sendiri dari menu Tampilan -> Tema.

 

Pengaturan Slideshow

A. Anda bisa memilih model slideshow bahkan melakukan customized tampilan slideshow, sehingga terlihat berbeda dengan web lain.

Cara pengaturannya sebagai berikut :

  1. Pilih menu Slider.
  2. Pada masing-masing gambar slide, anda bisa menampilkan tulisan / Caption dan juga menambahkan URL / link (jika gambar slide diklik  oleh pengunjung akan menampilkan halaman URL tersebut).
  3. Lihat bagian Settings & Advanced Settings di kolom kanan. Anda bisa memilih model slider, mengatur lebar & tinggi, memilih model tombol navigasi mengatur penggunaan panah prev / next, mengatur perataan slider, mengatur lamanya suatu gambar slide ditampilkan, mengatur kecepatan animasi, pergantian gambar slide otomatis / auto play, dll.
  4. Klik tombol Save untuk menyimpan.

Untuk melakukan customized tampilan slideshow, caranya :

  1. Pilih menu Slider -> Theme Editor. 
  2. Klik tombol Save untuk menyimpan hasil customized anda. 
  3. Untuk menggunakan hasil customized slideshow tersebut, pilih menu Slider, lihat bagian Setting, pilih nama Theme yang telah anda buat tadi dan klik tombol Save.

B. Dengan design template baru yang kami gunakan untuk membangun web toko online anda, slideshow bisa anda atur sendiri letaknya, tidak selalu di bagian atas halaman. Slideshow sekarang tidak hanya ditampilkan di halaman Home saja, tapi bisa ditampilkan di Halaman apa saja sesuai keinginan anda, ditampilkan di Artikel yang anda buat,  ditampilkan dalam Deskripsi / keterangan Produk dan bisa juga ditampilkan di sidebar kiri / kanan / footer.

Cara menampilkan slideshow di Halaman / Artikel / Deskripsi Produk adalah sebagai berikut :

  1. Pilih Halaman / Artikel / Produk sesuai di mana anda ingin menampilkan slideshow. Letakkan cursor di bagian anda ingin menampilkannya.
  2. Klik tombol Add Slider, pilih salah satu slideshow yang sudah anda buat. Klik tombol Insert Slideshow, maka akan terlihat kode slideshow tersebut. Jangan hapus kode tersebut jika anda ingin menampilkan slideshow di web toko online anda.
  3. Klik tombol Perbarui untuk menyimpan perubahan Halaman / Artikel / Produk.

Untuk menampilkan slideshow di sidebar kiri / kanan /footer, telah disediakan widget Slider. Anda bisa menampilkan widget Slider tersebut dengan mengikuti cara Customized Widget yang telah dijelaskan di atas.