Front Page Builder – Pengaturan Element Homepage

Saudagar WP menyediakan opsi untuk membuat halaman home (halaman depan), Untuk dapat mengakses pengaturan ini silakan navigasi ke Appearance > Customize > Front Page Builder, dan pastikan Anda berada halaman home saat menggunakan pengaturan ini.

Layout #

Hal pertama yang harus Anda atur adalah layout (Nomor 1) dimana Anda dapat secara opsional mengaktifkan/menonaktifkan dan mengurutkan ulang elemen yang disediakan untuk template halaman home, kemudian Anda dapat mengatur masing-masing element pada opsi element (Nomor 2).

Element #

Penting
Element tidak akan ditampilkan hingga element diaktfikan pada opsi dibagian layout.

• Image Slider – Menampilkan tampilan gambar Slider
• Product Archives – Menampilkan produk terakhir sesuai dengan yang ada dihalaman produk
• Product Catalog 1-3 – Menampilkan produk bedasarkan opsi produk homebuilder, Anda dapat menampilkan produk terbaru, produk terlaris, atau manual bedasarkan id produk.
• Product Categories – Menampilkan semua kategori produk
• Blog/News – Menampilkan blog bedasarkan opsi blog homebuilder
• Banner – Menampilkan group gambar
• Image – menampilkan gambar, bisa Anda gunakan untuk menampilkan banner promo
• Image Content – menampilkan gambar dan content text dalam dua kolom
• Content – Menampilkan konten text
• Infobox – Menampilkan informasi static berupa gambar, judul, dan deskripsi

Image Slider #

Pada pagian ini Anda dapat mengatur tampilan slider pada halaman home, pastikan Image Slider sudah diaktifkan pada pagian layout. Untuk melakukan pengaturan silakan navigasi ke Panel Customize > Front Page Builder > Image Slider

1. Image Slides – Memasukan gambar, Link dan merubah urutan
2. Add New Slider – Menambahkan slider baru
3. Image Size – Ukuran gambar yang digunakan
4. Expand full width – Buat tampilan slider menjadi full tanpa container
5. Infinity Loop – Ulang slider
6. Auto Play – Automatis jalankan slider saat website dibuka
7. Image – Upload, ganti, hapus gambar
8. Link Url – Link url saat slider diklik (opsional)

Produk Catalog #

Pada bagian ini Anda dapat mengatur produk pada yang ditampilkan pada halaman home. Untuk melakukan pengaturan silakan navigasi ke Panel Customize > Front Page Builder > Product Catalog 1 – 3, atur sesuai produk yang Anda aktifkan pada bagian layout.

1. Column – Jumlah kolom produk dalam satu baris
2. Pagination Style – Tipe pagination
3. Query Product by – Pilih produk yang ditampilan, pilih produk unggulan, bedasarkan kategori, atau hand picks (Bedasarkan nama produk).
4. Order By – Urutkan produk
5. Posts Per Page – Jumlah produk yang ingin ditampilkan
6. Carousel – Aktifkan mode slide horizontal
7. Slider to Show – Jumlah produk yang ditampilan dalam satu slide

Banner #

Pada bagian ini Anda dapat menampilkan gambar banner halaman home. Untuk melakukan pengaturan silakan navigasi ke Panel Customize > Front Page Builder > Banner

1. Content – Memasukan gambar banner, Link dan merubah urutan
2. Carousel – Aktifkan mode slide horizontal
3. Column – Mengatur jumlah kolom pada satu baris
4. Image Size – Mengatur ukuran gambar yang ditampilkan
5. Image – Pilih gambar yang ingin ditampilkan
6. Link Url – Url ketika gambar diklik (opsional)

Image Content #

Pada bagian ini Anda dapat menampilkan gambar dan content text dalam dua kolom. Untuk melakukan pengaturan silakan navigasi ke Panel Customize > Front Page Builder > Image Content

1. Image – Pilih gambar yang ingin ditampilkan
2. Title – Judul text
3. Content – Isi Content
4. Link Text – Link tombol url, kosongkan jika tidak ingin menampilkan link
5. Link Url – Url ketika gambar diklik (opsional)

Image #

Pada bagian ini Anda dapat menampilkan gambar banner promo. Untuk melakukan pengaturan silakan navigasi ke Panel Customize > Front Page Builder > Image

1. Image – Pilih gambar yang ingin ditampilkan
2. Expand full width – Buat tampilan slider menjadi full tanpa container
3. Link Url – Url ketika gambar diklik (opsional)
4. Spacer – Jarak gambar dengan sisi luar

Product Categories #

Menampilkan semua kategori produk dengan gambar. Untuk melakukan pengaturan silakan navigasi ke Panel Customize > Front Page Builder > Product Categories

1. Style – Pilih style kategori (full gambar atau gambar dengan text)
2. Hide Empty Category – Sembunyikan kategori yang tidak memiliki produk terkait
3. Slide To Show – Jumlah gambar kategori dalam satu slide horizontal

Blog #

Menampilkan semua kategori produk dengan gambar. Untuk melakukan pengaturan silakan navigasi ke Panel Customize > Front Page Builder > Blog/News

1. Carousel – Aktifkan mode slide horizontal
2. Column – Jumlah kolom produk dalam satu baris
3. Pagination Style – Tipe pagination
4. Query Product by – Pilih produk yang ditampilan bedasarkan kategori, atau hand picks (Bedasarkan judul artikel).
5. Order By – Urutkan artikel
6. Posts Per Page – Jumlah artikel yang ingin ditampilkan

Infobox #

Infobox bisa Anda gunakan untuk menampilkan informasi berupa gambar, judul dan deskripsi statis. Untuk melakukan pengaturan silakan navigasi ke Panel Customize > Front Page Builder > Infobox

Opsi yang tersedia:

1. Info Box – Masukan gambar, judul, deskripsi dan URL
2. Add New Info Box: Menambahkan infobox baru
3. Style: Pilih gaya info box
4. Infobox Card Frame: Tambahkan kotak frame
5. Carousel: Aktifkan mode slide horizontal
6. Column – Jumlah kolom produk dalam satu baris

Section #

Masing-masing element memiliki opsi section, bagian ini dapat Anda gunakan untuk memberikan jarak dengan element sebelum dan sesudahnya. klik icon device untuk mengatur ukuran jarak untuk desktop, tablet dan mobile.

Mengaktifkan Front Page Builder #

Untuk mengaktifkan fitur front page builder silakan kunjungi halaman depan kemudian klik Edit page. Di Halaman page editor silakan navigasi Page Attribute dipojok kanan bawah kemudian pilih Front Page