Sorotan Plugin Divi: Woo Essential

Diterbitkan: 2023-02-20

Woo Essential adalah plugin pihak ketiga yang menambahkan 8 Modul Woo Commerce baru ke Divi Builder. Itu juga menambahkan beberapa fitur untuk merampingkan proses belanja, memungkinkan Anda menampilkan produk dan kategori dalam berbagai tata letak dan banyak opsi fitur. Dalam postingan ini, kita akan melihat modul dan fitur Woo Essential untuk membantu Anda memutuskan apakah ini produk yang tepat untuk kebutuhan Anda.

Daftar isi
  • 1 Modul Woo Essential Divi
    • 1.1 Akordeon Kategori Woo
    • 1.2 Carousel Kategori Woo
    • 1.3 Kotak Kategori Woo
    • 1.4 Masonry Kategori Woo
    • 1.5 Akordeon Produk Woo
    • 1.6 Korsel Produk Woo
    • 1.7 Filter Produk Woo
    • 1.8 Kotak Produk Woo
  • 2 Fitur Penting Woo Lainnya
    • 2.1 Kereta Mini Woo Esensial Woo
    • 2.2 Munculan Tampilan Cepat Woo Essential
    • 2.3 Woo Essential Bandingkan Produk
  • 3 Woo Pengaturan Esensial
  • 4 Templat Esensial Woo
  • 5 Beli Woo Essential
  • 6 Pemikiran Akhir

Modul Woo Essential Divi

Woo Essential menambahkan 8 modul ke Divi Builder. Beberapa fitur memerlukan plugin YITH WooCommerce Bandingkan dan YITH WooCommerce Wishlist. Versi gratisnya bagus untuk ini. Anda akan melihat pemberitahuan jika Anda belum menginstalnya. Cukup klik notifikasi untuk menginstal dan mengaktifkannya setelah mengaktifkan plugin Woo Essential.

Anda tidak akan melihat semua modul di Divi Builder pada awalnya. Sebagai gantinya, Anda akan melihat satu modul bernama Woo Essential. Klik modul ini.

WooEssential

Semua Woo Essential Modules kemudian akan ditampilkan di modal. Anda sekarang dapat menambahkan modul ke tata letak Divi apa pun untuk menampilkan produk WooCommerce.

Modul WooEssential

Mari kita lihat lebih dekat masing-masing Woo Essential Modules. Saya akan menunjukkan pengaturan default dan kemudian menunjukkan contoh beberapa fitur desain.

Akordeon Kategori Woo

Modul Akordeon Kategori Woo menampilkan gambar untuk kategori produk. Gambar diperluas saat diarahkan untuk menampilkan deskripsi kategori dan jumlah item dalam kategori tersebut. Ini akan menampilkan gambar kategori jika Anda memilikinya.

Modul WooEssential: Akordeon Kategori

Anda memiliki kendali penuh atas desain untuk setiap elemen. Dalam contoh ini, saya telah menambahkan bayangan kotak, membulatkan sudut, dan mengubah warna dan ukuran font untuk nama kategori, hitungan, dan deskripsi. Saya juga menambahkan bantalan dan tinggi garis pada deskripsi.

Korsel Kategori Woo

Carousel Kategori Woo membuat penggeser lengkap dengan navigasi dan penggeseran otomatis. Ini memiliki banyak pengaturan untuk menyesuaikan carousel.

Modul WooEssential: Carousel Kategori

Kisi Kategori Woo

Kisi Kategori Woo menampilkan kategori sebagai kartu dalam kisi. Kisi dapat disesuaikan, sehingga Anda dapat mengubah jumlah kolom.

Modul WooEssential: Kotak Kategori

Untuk yang satu ini, saya telah menambahkan batas, membulatkan sudut, menyesuaikan font, dan mengubah jumlah kisi dan pengaturan celah.

Modul WooEssential: Kotak Kategori

Woo Kategori Masonry

Modul Woo Category Masonry menempatkan kategori-kategori di dalam kotak pasangan bata.

Modul WooEssential: Kategori Masonry Grid

Dalam contoh ini, saya telah menyesuaikan nomor dan celah kisi, dan mengubah font.

Modul WooEssential: Kategori Masonry Grid

Akordeon Produk Woo

Akordeon Produk Woo berfungsi seperti Akordeon Kategori Woo kecuali akordeon ini menampilkan produk itu sendiri. Itu mengembang saat melayang untuk menunjukkan informasi produk. Pilih elemen mana yang akan ditampilkan dari tombol Tambahkan ke Troli, harga, peringkat bintang, deskripsi, Lencana Produk Unggulan, jenis Lencana Penjualan, dan teks Lencana Penjualan. Anda juga dapat mengontrol cara kerja akordeon. Semua modul produk menampilkan gambar unggulan secara default.

Modul WooEssential: Akordeon Produk

Dalam contoh ini, saya telah menyesuaikan latar belakang konten, mengubah warna font, mengubah warna lencana, memperbesar ukuran font nama produk, dan mengubah warna tombol tambahkan ke troli.

Modul WooEssential: Akordeon Produk

Korsel Produk Woo

Carousel Produk Woo menampilkan produk dalam salah satu dari enam opsi tata letak. Masing-masing menyertakan efek hover yang berbeda untuk tombol. Anda juga dapat memilih elemen mana yang akan ditampilkan, menyesuaikan pengaturan carousel, dll.

Modul WooEssential: Carousel Produk

Anda dapat menyesuaikan setiap elemen secara mandiri. Saya telah menyesuaikan banyak warna, batas, dan font dalam contoh ini. Saya juga menambahkan navigasi panah. Ini adalah Tata Letak 3, yang menempatkan gerobak dan tautan lainnya di bagian bawah gambar saat melayang.

Modul WooEssential: Carousel Produk

Filter Produk Woo

Filter Produk Woo menambahkan kisi produk WooCommerce dengan filter yang dapat disesuaikan. Anda dapat memilih elemen mana yang akan ditampilkan.

Modul WooEssential: Filter Produk

Anda memiliki kendali penuh atas setiap elemen termasuk filter, kisi, font, warna, dll. Saya telah mengubah beberapa warna, ukuran font, dan menyesuaikan jumlah kisi dalam contoh ini. Saya juga menambahkan bayangan kotak ke filter dan kisi produk.

Modul WooEssential: Filter Produk

Kisi Produk Woo

Modul Kotak Produk Woo menampilkan produk dalam kotak dengan spanduk yang menunjukkan jumlah produk. Ini memiliki 8 opsi tata letak untuk kisi yang mengubah ukuran gambar dan menempatkan tombol di lokasi berbeda saat melayang. Anda dapat memilih elemen yang ditampilkan. Ini menunjukkan tata letak 8, yang menempatkan ikon di sebelah kanan gambar dan tombol Tambahkan ke Troli di bagian bawah gambar saat melayang.

Modul WooEssential: Kotak Produk

Anda dapat menambahkan paginasi dengan tombol ke setiap halaman atau tombol Muat Lebih Banyak. Saya telah menambahkan tombol Muat Lebih Banyak dalam contoh ini dan menatanya. Ini adalah tata letak 3, yang menempatkan judul dan harga di bawah gambar dan menambahkan ikon di dekat bagian bawah gambar saat melayang.

Modul WooEssential: Kotak Produk

Lebih Banyak Fitur Esensial Woo

Ada banyak fitur, sebagian besar disertakan dalam modul, yang menambah fungsionalitas ke daftar WooCommerce. Berikut sekilas beberapa fitur tersebut.

Kereta Mini Woo Esensial Woo

Fitur Mini Cart menambahkan menu popup ke keranjang belanja. Ini secara otomatis ditambahkan ke header WordPress default. Ini hanya berfungsi dengan tajuk default, jadi Anda tidak dapat menambahkannya ke tajuk yang dibuat dengan Divi Builder. Ini berarti tidak serbaguna seperti fitur lain dari plugin ini. Anda dapat menyesuaikan ketiga elemennya secara terpisah dengan Theme Customizer.

Modul WooEssential: Keranjang Mini

Ini mencakup empat bagian pengaturan untuk pengaturan keranjang utama, desain keranjang, tombol lihat keranjang, dan tombol checkout.

Modul WooEssential: Kereta Mini Divi

Kontrol cara kerjanya dan ubah ukuran, bentuk, warna, font, ikon, dll. Buka saat melayang, klik, atau geser dari kanan atau kiri.

Modul WooEssential: Kereta Mini Divi

Kereta Mini membuka modal kecil yang menunjukkan isi keranjang Anda. Itu juga dapat membuka jendela ke kanan atau ke kiri, tergantung pada pengaturan Anda. Contoh ini menunjukkan pembukaan modal pada hover. Opsi Fly-In, yang meluncur dari kanan atau kiri, memberikan modal ketinggian penuh layar.

Modul WooEssential: Kereta Mini Divi

Munculan Tampilan Cepat Woo Essential

Anda dapat melihat detail item tanpa meninggalkan halaman saat ini. Ikon tampilan cepat ditambahkan ke beberapa modul. Mengklik ikon ini akan membuka detail dalam modal. Munculan cepat dan memudahkan untuk melihat detail produk tanpa memuat halaman lain.

Modul WooEssential: Tampilan Cepat

Detailnya mencakup semua informasi produk seperti deskripsi, galeri, tombol Tambahkan ke Troli, kategori, dll.

Modul WooEssential: Munculan Tampilan Cepat

Woo Essential Bandingkan Produk

Anda dapat membandingkan beberapa produk dengan memilih ikon perbandingan. Proses ini bisa sedikit rumit pada awalnya, sehingga banyak pengguna mungkin tidak menyadari bahwa mereka dapat membandingkan produk.

Modul WooEssential: Bandingkan Produk

Untuk melakukan perbandingan, lihat produk satu per satu yang ingin Anda bandingkan. Kemudian, klik ikon bandingkan di salah satu produk. Modal perbandingan dengan terbuka dengan produk dibandingkan dalam tabel. Ini berhasil, tetapi tidak seintuitif yang saya suka. Butuh sedikit usaha untuk mencari tahu. Informasi yang saya butuhkan ada di dokumentasi. Anda dapat menelusuri perbandingan dan menutup modal saat Anda siap.

Lebih Banyak Fitur Woo Essential Lebih Banyak Fitur Woo Essential

Woo Pengaturan Esensial

Woo Essential menambahkan tautan ke dasbor WordPress. Pilih tautan ini untuk membuka pengaturan. Halaman pertama, Beranda, menyertakan tautan ke Basis Pengetahuan, Dukungan dan Umpan Balik, Permintaan Fitur, dan Saluran YouTube DiviNext.

Woo Pengaturan Esensial

Pilih Modul untuk melihat halaman kedua. Di sini, Anda dapat menonaktifkan atau mengaktifkan salah satu Woo Essential Modules. Ini bagus jika Anda ingin membatasi desain hanya pada beberapa modul. Semua diaktifkan secara default.

Woo Pengaturan Esensial

Templat Esensial Woo

Situs web penerbit berisi 8 tata letak awal gratis untuk membantu Anda memulai desain. Mereka juga membutuhkan plugin Divi lain untuk bekerja, jadi kegunaannya terbatas pada mereka yang memiliki kedua plugin. Mereka tampak hebat dan menyediakan banyak bagian untuk digunakan.

Templat Esensial Woo

Beli Woo Essential

Wii Essential tersedia di Divi Marketplace seharga $79. Ini mencakup penggunaan tanpa batas, jaminan uang kembali 30 hari, dan dukungan serta pembaruan selama satu tahun.

Beli Woo Essential

Mengakhiri Pikiran

Itulah pandangan kami tentang Woo Essentials untuk Divi. 8 Modul Divi ini menyediakan banyak pilihan untuk grid produk dan akordeon. Tampilkan masing-masing produk dan kategori dengan mudah dan beri gaya dengan Divi Builder. Lihat konten di keranjang dengan mudah, detail produk, dan bandingkan produk. Saya ingin melihat Kereta Mini sebagai Modul Divi sehingga dapat ditambahkan ke header yang dibuat dengan Divi Builder. Ini berfungsi dengan baik, jika Anda menggunakan header WordPress default. Jika Anda tertarik untuk memperluas halaman produk WooCommerce Anda dengan banyak kisi menarik, Woo Essentials layak untuk dilihat.

Kami ingin mendengar dari Anda. Sudahkah Anda mencoba Divi Essentials? Beri tahu kami pendapat Anda tentang hal itu di komentar.