~/plugins/quick-view

Underpixel Quick View

Quick view produk untuk WooCommerce. Button Quick view di shop page anda buka produk dalam popup, jadi pelanggan boleh tengok gambar, pilih variation atau pilihan dan add to cart tanpa tinggalkan senarai produk.

Beritahu saya bila launch Cuba demo live

Akan datang ke WordPress.orgPerlukan WooCommerceWordPress 6.6+ · PHP 8.0+Free + Pro

yourshop.com/shop

01 / 05Popup quick view

APA IA BUAT

Biar pelanggan tengok lebih dekat tanpa tinggalkan shop page

Popup Quick view

Galeri gambar penuh, harga, penerangan dan Add to cart dalam popup. Di telefon, ia naik dari bawah skrin.

Swatch dan pilihan anda berfungsi

Popup ini load borang add-to-cart sebenar produk, jadi plugin swatch, pilihan produk dan quotation yang sudah di-test berfungsi di dalamnya.

Fallback yang selamat

Kalau popup tak dapat load, button ini buka product page biasa. Ia guna style button dan borang theme anda sendiri.

CUBA SENDIRI · LIVE PREVIEW

Tukar settings, kemudian tekan Quick view

Ini salinan settings General Quick View yang berfungsi, dengan shop contoh yang kecil. Tiada apa-apa yang dihantar.

Live preview · tiada apa dihantarDEMO LIVE

Settings Quick View

WooCommerce → Quick View → General

Teks button

Kedudukan button Bawah Add to cart Atas gambar produk

Demo sahaja. Di shop sebenar, popup ini tunjuk borang, galeri dan style theme produk anda sendiri.

FREE VS PRO

Mula percuma, upgrade bila nak lebih kawalan

Percuma

Akan datang di WordPress.org

RM0

WordPress 6.6+ · PHP 8.0+

Button Quick view di shop, category dan search page
Galeri gambar penuh, tukar ke gambar variation
Variable product dan plugin swatch yang sudah di-test
Plugin pilihan produk dan button quotation yang sudah di-test, dalam popup
Add to cart dalam popup, kiraan cart dikemas kini
Layout telefon: naik dari bawah, swipe ke bawah untuk tutup
Berfungsi dengan plugin cache dan senarai "load more"

Beritahu saya bila launch

PRO

Pro

Semua dalam Free, ditambah

RM22/bulan

atau RM169/tahun · 1 website

Produk seterusnya / sebelumnya dalam popup
Zoom gambar pada semua theme, tap untuk zoom di telefon
Produk berkaitan dalam popup
Pilih apa yang keluar dan susunannya
Button bila hover pada gambar, atau sebagai ikon
Hanya pada category pilihan
Selepas add to cart: kekal, buka cart atau terus ke checkout
Report: quick view dan add to cart ikut produk

Beritahu saya bila launch

Pro untuk 1 website. Harga dalam RM adalah anggaran; bayaran dalam US$.

PANDUAN SETUP

Cara setup.

LANGKAH 1

Install Quick View

Pastikan WooCommerce sudah di-install dan aktif.
Dalam WordPress, pergi ke Plugins → Add New dan cari Quick View. Atau upload fail zip di Plugins → Add New → Upload Plugin.
Klik Install Now, kemudian Activate.
Buka WooCommerce → Quick View.

LANGKAH 2

Pilih di mana button keluar

Kali pertama anda buka settings, Quick View tanya satu soalan: "Where should the Quick view button show?" Tiada apa yang diteka untuk theme anda. Anda boleh tukar kemudian di tab General.

Button text: teks pada button, "Quick view" secara default.
Button position: Under Add to cart atau On the product image.
Klik Save Changes.

Tab General Quick View dengan setting Button text dan Button position — WooCommerce → Quick View → General

Button ini guna class button theme anda. Script dan style Quick View hanya load di shop, category dan search page.

LANGKAH 3

Apa pelanggan nampak

Buka shop page anda. Setiap produk ada button Quick view. Bila ditekan, produk terbuka dalam popup dengan galeri, harga, penerangan ringkas, stok, kuantiti dan Add to cart, serta link View full details ke product page. Kiraan cart dikemas kini tanpa tinggalkan page.

Shop grid dengan button Add to cart dan Quick view di bawah setiap produk — Shop grid (theme Storefront)

Di telefon, popup naik dari bawah skrin. Swipe ke bawah atau tap di luar untuk tutup.

LANGKAH 4

Swatch, pilihan produk dan button quotation

Popup ini load borang add-to-cart yang sama seperti product page, dan Add to cart guna request WooCommerce sendiri. Jadi harga dan semakan dari plugin lain sama macam di product page. Setiap release di-test dengan:

Variation Swatches for WooCommerce (GetWooPlugins), Variation Swatches for WooCommerce (CartFlows) dan WCBoost – Variation Swatches.
Advanced Product Fields for WooCommerce, Extra Product Options For WooCommerce (ThemeHigh), YITH WooCommerce Product Add-Ons & Extra Options dan PPOM for WooCommerce (versi percuma).
Plugin kami sendiri, Quote Request dan Product Options.

Guna plugin yang tiada dalam senarai? Field-nya mungkin keluar dalam popup tapi tak berfungsi, jadi pelanggan boleh guna View full details. Beritahu kami plugin apa dan kami akan test untuk release akan datang.

LANGKAH 5

Ciri Pro

Pilihan Pro ditunjuk dalam warna kelabu di tab Pro, supaya anda boleh tengok apa fungsinya. Pro tambah:

Next / previous product dalam popup, dan related products.
Image zoom pada semua theme, dan tap untuk zoom di telefon.
What shows: title, rating, harga, penerangan ringkas, Add to cart, SKU dan category, ikut susunan pilihan anda.
Button bila hover pada gambar atau sebagai ikon, hanya pada Categories pilihan, dan apa jadi After Add to cart: kekal, buka cart atau terus ke checkout.

Tab Pro Quick View dengan pilihan Pro yang dimatikan — WooCommerce → Quick View → Pro

Tab Report dalam Pro tunjuk, untuk setiap produk, berapa kali pelanggan buka Quick view dan berapa ramai daripada mereka add to cart. Tiada data pelanggan disimpan.

Tab Report Quick View yang terangkan report quick view Pro — WooCommerce → Quick View → Report

Pro dari sekitar RM22/bulan atau RM169/tahun

SOALAN LAZIM

Soalan biasa

Shop, category dan search page, juga archive tag dan attribute.

Boleh. Page hanya simpan button, dan produk diambil bila button ditekan, jadi page yang di-cache tetap buka popup. Kalau add to cart gagal pada page cache yang lama, borang dihantar sebagai request biasa. Kami test salinan statik shop page, bukan plugin cache tertentu.

Ia di-test dengan Twenty Twenty-Five (block theme), Storefront, Astra dan Kadence. Dengan Elementor, button keluar di shop, category dan search page. Senarai produk yang diletak di page lain (contohnya shortcode [products] dalam page Elementor) tiada button dalam versi ini.

Ya. Popup hantar request yang sama seperti product page, jadi harga, pilihan dan semakan dari plugin lain berjalan dengan cara yang sama.

Kalau request gagal atau disekat, script tak load, atau masa tamat, button ini buka product page biasa.

Tidak. Plugin percuma ini tidak simpan data peribadi, tidak set cookie dan tidak hantar apa-apa ke server lain. Bila anda delete plugin ini, settings-nya dibuang; produk dan order anda tidak disentuh.

Email underpixel2015@gmail.com dengan alamat website anda dan screenshot. Kami balas dalam satu hari bekerja.

LAGI DARI UNDERPIXEL