Dokumentasi ShopIsle Pro
Contents
- 1 Dokumentasi ShopIsle Pro
- 1.0.1 Instalasi
- 1.0.2 Menyiapkan Homepage & Blog
- 1.0.3 Sesuaikan Penampilan
- 1.0.4 Bagian Frontpage
- 1.0.4.1 Bagian Frontpage
- 1.0.4.2 Bagian Slider
- 1.0.4.3 Bagian Spanduk
- 1.0.4.4 Bagian produk
- 1.0.4.5 Bagian video
- 1.0.4.6 Bagian Layanan
- 1.0.4.7 Bagian pita
- 1.0.4.8 Bagian slider produk
- 1.0.4.9 Bagian Peta
- 1.0.4.10 Bagian kategori
- 1.0.4.11 Bagian Shortcode
- 1.0.4.12 Opsi Footer
- 1.0.4.13 Opsi lanjutan
- 1.0.4.14 Gambar latar belakang
- 1.0.4.15 Widget
- 1.0.4.16 Menambahkan tombol Tampilan Cepat
Dokumentasi ShopIsle Pro
ShopIsle adalah tema yang indah untuk situs web e-commerce yang hadir dengan desain modern dan elegan. Tema ini memiliki slider animasi layar penuh, gulir paralaks yang halus, animasi yang halus, pita video, bagian showcase produk dan banyak lagi. Tema ini sangat cocok untuk membuat toko online.
tautan langsung
- Klik di sini untuk mengunduh konten demo
- Lihatlah demo admin
- Tonton tutorial Video untuk mengatur tema
Di artikel ini
- Pemasangan tema
- Setel Beranda dan halaman blog
- Menambahkan Logo
- Opsi Tajuk
- Pilihan Warna
- Bagian halaman depan
- Footer
- Bagian Lanjutan
- Gambar latar belakang
- Tentang & Halaman Kontak
- Widget
- Tambahkan tombol Quick view
Instalasi
Hal pertama yang perlu Anda lakukan adalah mengunduh tema dari riwayat pembelian Anda
Setelah mengunduh tema di sistem lokal Anda, Anda perlu masuk ke dasbor WordPress dan menavigasi ke Tampilan »Tema» Tambah Baru »Unggah Tema dan pilih file zip tema yang Anda unduh sebelumnya dan klik Instal sekarang tombol.
Dalam beberapa detik, WordPress akan mengunggah dan mengekstrak tema dari arsip. Langkah terakhir adalah menekan tombol Mengaktifkan tautan yang disertakan dengan pesan yang mengonfirmasi pemasangan.
Anda perlu mengaktifkan kunci lisensi untuk mendapatkan pembaruan otomatis tema di dasbor Anda.
Menyiapkan Homepage & Blog
Untuk mengatur halaman depan Anda, Anda harus terlebih dahulu membuat dua halaman. Satu akan menjadi halaman depan, dan yang lainnya akan menjadi tempat posting Anda ditampilkan. Misalnya, Anda telah membuat dua halaman bernama “Rumah” dan “Blog”. Sekarang pergilah ke Pengaturan »Membaca, atur tampilan halaman depan ke halaman statis. Di sini pilih halaman Anda yang baru dibuat “Rumah“sebagai halaman depan Anda dan”Blog“sebagai halaman posting.
Ukuran Gambar yang Disarankan
- Ukuran Logo: 150×150 piksel
- Gambar Slider: Lebar 1600px x Tinggi 1101px
- Gambar Produk: 262px lebar x tinggi 325px
- Gambar Tajuk: Lebar 1200px × tinggi 280px
Sesuaikan Penampilan
Anda dapat dengan mudah menyesuaikan Tema ShopIsle Pro dengan menavigasi ke Appearance »Customize.
Menambahkan Logo dan Ikon Situs
Di bagian Identitas Situs, Anda dapat menambahkan logo situs web Anda, judul situs, tagline, dan ikon situs.
Opsi tajuk
Bagian ini berisi dua bagian yang berbeda, yang pertama adalah bilah paling atas di mana Anda dapat mengatur bilah atas sesuai dengan kebutuhan Anda. Bagian kedua adalah tajuk tempat Anda dapat mengatur gambar tajuk default. Ukuran tajuk yang disarankan adalah 1200 × 280px.
Judul dan subtitle tajuk halaman blog juga diubah melalui bagian tajuk.
Warna
Bagian Warna memberi Anda kendali penuh untuk mengubah skema warna situs web Anda. Bersamaan dengan itu, Anda dapat mengubah warna teks header, latar belakang, latar belakang navbar, item menu, hover menu, dan latar belakang footer.
Anda perlu menginstal dan mengaktifkan plugin WooCommerce untuk mengatur toko online. Ini adalah plugin eCommerce gratis yang memungkinkan Anda untuk menjual apa pun di situs web Anda
Bagian Frontpage
Anda dapat menyesuaikan hampir semua yang ada di halaman depan, dan inilah caranya:
Bagian Frontpage
- Bagian Slider
- Bagian Spanduk
- Bagian produk
- Bagian video
- Bagian layanan
- Bagian pita
- Bagian slider produk
- Bagian Peta
- Bagian kategori
- Bagian kode pendek
Bagian Slider
- Tambah slider baru – Untuk setiap slide, Anda dapat menambahkan gambar, judul, subtitle, label tombol, dan tautannya. Anda dapat menambahkan slide sebanyak yang Anda inginkan.
- Secara default, bagian Slider Anda terlihat. Anda dapat memeriksa tombol Hide slider section dan slider akan menghilang dari beranda Anda.
- Di bagian kode pendek slider, Anda dapat menambahkan kode pendek dari semua plugin slider untuk menggantikan slider standar tema.
Bagian Spanduk
Di bagian ini, Anda dapat menambahkan judul bagian. Secara default, ada tiga spanduk di beranda Anda, tetapi Anda dapat menambahkan sebanyak mungkin spanduk yang Anda inginkan. Di setiap spanduk, Anda dapat menambahkan gambar dan tautan ke gambar itu.
Bagian produk
- Di bagian ini, secara default, produk terbaru WooCommerce ditampilkan. Jika Anda ingin memiliki produk yang berbeda, Anda memiliki dua opsi. Masukkan kode pendek WooCommerce atau pilih kategori produk yang akan ditampilkan.
- Secara default, bagian Produk Anda terlihat. Anda dapat memeriksa tombol Sembunyikan bagian produk dan bagian itu akan hilang dari beranda Anda.
Bagian video
- Tambahkan judul untuk video Anda dan pasang video dari YouTube. Video singkat tentang produk Anda mungkin merupakan cara terbaik untuk mempromosikannya.
- Tambahkan gambar thumbnail video.
- Anda dapat menyesuaikan nilai padding untuk menambah atau mengurangi ukuran bagian video.
- Secara default, bagian Video Anda terlihat. Anda dapat memeriksa tombol Sembunyikan bagian video dan bagian video akan hilang dari beranda Anda.
Bagian Layanan
Tambah kotak layanan baru – Untuk setiap layanan, Anda dapat menambahkan ikon, judul, subtitle, dan tautannya. Anda dapat menambahkan sebanyak mungkin layanan yang Anda inginkan.
Ikon – Ada lebih banyak ikon daripada yang tercantum dalam tema, Anda dapat menemukan daftar lengkap pada halaman Ikon Font dan gulir ke bawah ke bagian “Daftar Lengkap Nama Kelas”. Di sana, ketika Anda menemukan ikon yang Anda sukai, salin saja namanya dan tempel di masukan Ikon di kotak layanan. Jangan khawatir, ikon segera muncul sehingga Anda dapat melihat apakah Anda menyalin-paste nama ikon yang tepat.
Bagian pita
Di bagian ini, Anda dapat menambahkan gambar latar belakang dengan beberapa teks, teks tombol, dan tautan tombol.
Bagian slider produk
- Secara default, produk WooCommerce dari kategori pertama yang ditemukan ditampilkan di bagian ini. Anda memiliki opsi untuk memilih kategori yang berbeda, untuk menambahkan judul dan subtitle.
- Bagian slider Produk terlihat pada setiap halaman secara default. Ada dua opsi berbeda untuk menyembunyikan bagian ini di halaman depan dan satu halaman produk Anda.
Bagian Peta
Peta – Di bagian ini Anda dapat menambahkan peta. Untuk menggunakan bagian ini, instal terlebih dahulu plugin Intergeo Maps lalu buat peta dan tempelkan kodenya di sini untuk ditampilkan di halaman depan.
Bagian kategori
Di bagian ini, Anda dapat menampilkan beberapa kategori produk. Tambahkan judul dan subtitle untuk bagian kategori Anda dan pilih kategori yang akan ditampilkan di halaman depan,
Bagian Shortcode
Di bagian ini, Anda dapat menjalankan kode pendek apa pun. Tambahkan judul, subtitle, dan kode pendek untuk menampilkan bagian baru di halaman depan. Anda dapat menambahkan kode pendek sebanyak yang Anda inginkan.
Di bagian ini, Anda dapat mengedit hak cipta situs Anda dan Anda memiliki opsi untuk menambahkan ikon media sosial. Pilih ikon yang Anda inginkan dengan tautan sosial Anda. Anda dapat menambahkan ikon sebanyak yang Anda inginkan.
Opsi lanjutan
Bagian ini memberi Anda banyak pilihan:
- Anda dapat menonaktifkan preloader dengan klik sederhana.
- Anda dapat mengatur ukuran font.
- Di sini Anda dapat menyesuaikan konten untuk halaman 404Tidak ditemukan. Bagian terbaik adalah Gambar Latar Belakang untuk Halaman 404 dan tombol “Kembali ke”. Jangan pernah kehilangan lagi pengunjung Anda dari halaman itu.
Gambar latar belakang
Di sini Anda dapat mengatur gambar latar belakang situs web Anda.
Tema ShopIsle Pro memiliki template halaman unik untuk halaman Tentang dan Kontak. Untuk menyesuaikannya, Anda harus mengikuti dokumen ini: Tentang dan Kontak Halaman Sistomisasi.
Widget
Dari bagian ini, Anda dapat menambahkan widget ke area footer dengan memilih bagian yang Anda inginkan dan kemudian mengklik “Tambahkan Widget”.
Menambahkan tombol Tampilan Cepat
Menambahkan tombol tampilan cepat yang akan menampilkan deskripsi singkat dari setiap produk selalu menjadi alat yang bagus untuk situs web e-commerce Anda, itulah sebabnya kami membuatnya mudah dengan ShopIsle Pro. Tombol tampilan cepat dapat diterapkan dengan menggunakan plugin Tampilan Cepat YITH WooCommerce. Jika Anda ingin membuat penyesuaian lebih lanjut untuk fitur ini, seluruh dokumentasi plugin ini tersedia di halaman pendaratannya di WordPress.org -> https://wordpress.org/plugins/yith-woocommerce-quick-view/.
ShopIsle Pro kompatibel dengan Mega Menu dan jika Anda tertarik menggunakan plugin, Anda dapat mengikuti instruksi dari dokumentasi ini: Membuat Mega Menu