=== Storzen – Quick View for WooCommerce ===
Contributors: devhasib
Tags: quick view, woocommerce, product popup, woocommerce quick view, shop
Requires at least: 6.3
Tested up to: 7.0
Requires PHP: 7.4
Stable tag: 1.1.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Requires Plugins: woocommerce

Boost WooCommerce sales with instant product quick view popups, AJAX add-to-cart, and a smooth mobile-friendly shopping experience.




== Description ==

**Storzen Quick View for WooCommerce** lets your shoppers instantly preview product details in a beautiful popup modal — without leaving the shop page. Reduce bounce rates, increase add-to-cart clicks, and boost your WooCommerce store's conversion rate with zero coding required.

When customers can explore products faster, they buy faster. Storzen Quick View removes the friction of back-and-forth page navigation — giving shoppers just enough detail to make a confident purchase decision, right from your shop or category page.

**Lightweight and fast WooCommerce quick view plugin that works with any WooCommerce theme — no coding or setup hassle required.**

📖 **[View Documentation](https://storzen.webtend.net/storzen-quickview-doc.html)**

---

### ⚡ Key Features (Free)

**Instant Product Preview Popup**
A smooth modal opens on click — displaying product image, title, price, rating, short description, and Add to Cart button — all without a page reload.

**Quick View Button on Shop & Category Pages**
Automatically adds a customizable "Quick View" button to every product card on your shop, category, and archive pages.

**Works with Any WooCommerce Theme**
Built to be fully compatible with all standard WooCommerce themes right out of the box — no extra configuration needed.

**Full Design Control — No CSS Required**
Use the built-in settings panel to customize:

* Button background color & text color
* Button border radius
* Modal popup width
* Button label text & position (on image / below title / below price)

**Choose Where the Button Appears**
Control which pages show the Quick View button — shop page, category pages, or both.

**Mobile Responsive**
The popup is fully responsive and optimized for phones, tablets, and desktops.

**Lightweight & Performance-Friendly**
CSS and JavaScript load only on pages where the Quick View button is displayed — zero bloat on the rest of your site.

**Keyboard Accessible & Screen Reader Friendly**
Focus trap, Escape key support, and ARIA labels are included for full accessibility compliance.

---

### 🎯 Perfect For

* Fashion & clothing stores with size/color variants
* Electronics & gadget shops with detailed specs
* Large WooCommerce catalogs where browsing speed matters
* Any store focused on improving conversion rate optimization (CRO)

---

### 🔧 How It Works

1. Install and activate the plugin
2. Go to **WooCommerce → Quick View** in your WordPress dashboard
3. Configure the button text, position, colors, and display pages
4. Visit your shop — the Quick View button appears automatically on every product card

That's it. No shortcodes. No page builder required.

---



### 🌐 Part of the Storzen Ecosystem

Storzen Quick View is part of the **Storzen WooCommerce Growth Ecosystem** — a growing suite of plugins, themes, and tools built specifically to help WooCommerce stores convert more visitors into customers.

== Installation ==

1. Upload the plugin folder to the `/wp-content/plugins/` directory, or install directly from the WordPress Plugin Directory.
2. Activate the plugin through the **Plugins** screen in WordPress.
3. Ensure WooCommerce is installed and active.
4. Go to **Storzen Quick View** to configure button text, position, display options, and design tokens.
5. Visit your shop page — the Quick View button will appear automatically on product cards.

== Frequently Asked Questions ==

= Where can I find the documentation? =

Full documentation is available at **[https://storzen.webtend.net/storzen-quickview-doc.html](https://storzen.webtend.net/storzen-quickview-doc.html)**

= Does this plugin require WooCommerce? =

Yes. WooCommerce must be installed and active for Storzen Quick View to work.

= Does it work with variable products (size, color, etc.)? =

The free version displays a "View Product" link for variable products. Full variation selection inside the popup — choosing size, color, and other attributes — is available in [Storzen Pro](https://storzen.co/plugins/quick-view).

= Will it slow down my store? =

No. Storzen Quick View only loads its CSS and JavaScript on shop, category, and product pages where the button is shown.

= Does it work on mobile? =

Yes. The popup is fully responsive and optimized for all screen sizes.

= Which themes are supported? =

It works with most well-coded WooCommerce themes. If you experience a styling conflict, please open a support ticket and we will help you resolve it.

= Can I change the button text and position? =

Yes. Go to **WooCommerce → Quick View** in your WordPress admin. You can change the button text, set the button position (on image, below title, or below price), and choose which pages to show it on.

= Can I customise the button colours and modal size? =

Yes — use the **Design** tab in the settings page. Colour pickers let you choose button background and text colours; number inputs control the border radius and modal width. All customisation is done through structured controls — no CSS editing required.

= Is the modal keyboard accessible? =

Yes. The modal traps focus, supports Escape key to close, and includes ARIA labels for screen reader compatibility.


== Screenshots ==

1. Quick View button on product cards in the shop loop
2. Product popup showing image, price, and Add to Cart
3. Design panel with colour pickers and size controls


== Changelog ==

= 1.1.0 =
* Replaced arbitrary Custom CSS textarea with structured Design controls (button colour pickers, border-radius, modal width) to comply with WordPress.org plugin guidelines.
* Custom CSS is now generated programmatically from validated design tokens — no freeform code is stored or injected.
* Existing installs are automatically migrated: the `custom_css` option is removed and new design-token defaults are written on plugin activation.
* Added wp-color-picker integration in the admin for colour fields.
* Added live preview swatch in the Design panel.

= 1.0.0 =
* Initial release.
* Quick View button on shop, category, and related product loops.
* AJAX-powered modal with product image, title, price, rating, excerpt, and Add to Cart.
* Settings page: button text, position, and display page control.
* Mobile responsive modal.
* Keyboard accessible (focus trap, Escape to close, ARIA labels).
* Compatible with WooCommerce 8.x and WordPress 6.x.
