1.3.1.28   Feature Products (with Category)

Products (with Category)

VERSI TANGGAL PERUBAHAN
1 29/12/2017 Initial Release
2 08/01/2017 Penambahan Ilustrasi Pada Aplikasi Yang Sudah Publish

FAQ

  1. Apakah perbedaan fitur Products dengan fitur Products with category?

Overview

Fitur products with category memungkinkan user untuk melakukan pengelompokan dari fitur products.

Tampilan

Ilustrasi pada Bagian Engine

Berikut adalah langkah-langkah yang perlu di perhatikan untuk mengaktifkan fitur products with category.

Masuk ke https://engine.compro.id/ lalu pada langkah ke 3, tekan menu Add New Feature seperti pada gambar di bawah.

image0

Berikut adalah halaman yang akan muncul ketika add new feature.

image1

  1. Products (with Category)
    Pilih menu Products with Category pada list feature di bagian kiri.
  2. Choose Depth Level
    Pilih berapa level kedalaman yang diinginkan untuk ditampilkan di aplikasi Anda.
  3. Layout
    Pilih layout yang diinginkan.
  4. Add This Feature
    Setelah melakukan ke-2 langkah di atas tekan tombol Add This Feature untuk menambahkan fitur dan dapat melakukan pengaturan di bagian admin.

Ilustrasi pada Bagian Admin

Berikut adalah langkah-langkah yang perlu di perhatikan untuk mengisi konten Product with category.

Masuk ke https://admin.compro.id/ pada sidebar pilih menu manage content

image2

Setelah memilih menu Manage Content, pilih menu Product yang diinginkan.

image3

Setelah memilih menu Product with category, akan tampil halaman seperti pada di bawah.

image4

Tekan tombol add untuk membuat kategori product tersebut. Berikut adalah tampilan untuk membuat kategori product.

image5

Keterangan:

  1. Menu Title
    Kolom ini diisi dengan judul daripada kelompok product yang ingin ditampilkan.
  2. Icon
    User dapat mengubah icon daripada kelompok product yang ingin ditampilkan pada kolom ini.
  3. Featured Image
    Kolom ini diisi dengan gambar daripada kelompok product yang ingin ditampilkan.

Setelah mengisi ketiga kolom di atas, user dapat mengubah isi dari kelompok yang dibuat dengan menekan tombol edit content seperti pada gambar di bawah.

image6

Untuk menambahkan isi dari setiap kelompok tekan tombol add seperti pada gambar di bawah.

image7

Setelah menekan tombol add, berikut adalah halaman yang akan ditampilkan.

image8

Keterangan:

  1. Product Name
    Kolom ini di isi dengan judul dari isi konten.
  2. Subtitle (Optional)
    Kolom ini di pakai untuk membuat keterangan singkat produk
  3. Small Label (Optional)
    Kolom ini dapat di pakai untuk mengisikan harga lama produk
  4. Label (Optional)
    Kolom ini dapat di pakai untuk memasukkan harga produk. Di pakai bila ingin menampilkan perubahan harga dari produk yang sama.
  5. Featured Image
    Kolom ini di gunakan untuk menambah gambar produk, gambar yang di input dapat lebih dari 1, sehingga dapat di slide.

image10

  1. Action Button Name
    Kolom ini di isikan bila ingin menambahkan sebuah tombol berfungsi untuk menghubungkan ke bagian menu lain nya. Pada tahap ini, di isikan nama yang ingin di tampilkan di tombol.
  2. Target Page
    Kolom ini di isikan target menu yang akan di tuju ketika Action Button di tekan.
  3. Add Action Button
    Ketika di klik, maka akan muncul sebuah tombol pada kolom Content.
  4. Publish At Di isikan bila ingin menjadwalkan konten yang telah di isikan.
  5. Submit Tekan tombol ini bila semua pengaturan sudah selesai dilakukan.

Setelah ke-11 langkah di atas dilakukan maka, Product akan masuk ke dalam list dan dapat diperiksa dengan menekan menu product pada sidebar kembali. Untuk menambahkan Product, dapat dilakukan dengan menekan tombol add kembali.

Ilustrasi pada Bagian Aplikasi Berdasarkan Layout

Berikut adalah hasil yang akan muncul pada Aplikasi sesuai dengan Layout yang tersedia.

  • Layout 1

    Pada Layout 1 dapat mengurutkan item berdasarkan harga, abjad, popularitas. Dari tampilan, nama produk di sisi kiri sedangkan harga pada sisi kanan

    image11image12

  • Layout 2

    Pada Layout 2 dapat mengurutkan item berdasarkan harga, abjad, popularitas, serta dapat memilih kategori produk. Dari tampilan, nama produk di sisi kiri sedangkan harga pada sisi kanan

    image13image14

  • Layout 3

    Pada Layout 3 dapat mengurutkan item berdasarkan harga, abjad, popularitas, serta dapat memilih kategori produk. Dari tampilan, nama produk dan harga di tampilkan pada sisi kiri

    image15image16

  • Layout 4

    Pada Layout 4 hanya menampilkan jenis produk serta keterangan dari produk. Dari tampilan, nama produk sebelah kiri dan harga di tampilkan pada sisi kanan.

    image17image18

  • Layout 5

    Pada Layout 5 dapat memilih jenis kategori yang ingin di tampilkan. Dari tampilan, nama produk di sisi kiri sedangkan harga pada sisi kanan

    image19image20

  • Layout 6

    Pada Layout 6 dapat mengurutkan item berdasarkan harga, abjad, popularitas, Serta dapat memilih kategori produk. Dari tampilan, nama produk dan harga di tampilkan pada sisi bawah gambar produk

    image21image22

Contoh pada aplikasi yang sudah terpublish : Aplikasi MyUGF

image23image24image25