{"id":37953,"date":"2015-08-04T07:03:08","date_gmt":"2015-08-04T07:03:08","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/wc-products-quick-view\/"},"modified":"2026-04-16T15:25:20","modified_gmt":"2026-04-16T15:25:20","slug":"wc-products-quick-view","status":"publish","type":"plugin","link":"https:\/\/en-gb.wordpress.org\/plugins\/wc-products-quick-view\/","author":14055832,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.0.0","stable_tag":"2.0.0","tested":"6.9.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"WCQV \u2013 Product Quick View for WooCommerce","header_author":"Mainul Hassan","header_description":"","assets_banners_color":"","last_updated":"2026-04-16 15:25:20","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"https:\/\/mainulhassan.com","rating":4.2,"author_block_rating":0,"active_installs":10,"downloads":2926,"num_ratings":5,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.0.0":{"tag":"2.0.0","author":"shamimmoeen","date":"2026-04-16 15:25:20"}},"upgrade_notice":{"2.0.0":"<p>Major rewrite. Custom template overrides must be updated \u2014 templates moved to <code>yourtheme\/wc-products-quick-view\/<\/code> and now use action hooks instead of hardcoded markup. If your theme calls <code>wpqv_button()<\/code>, rename it to <code>wcqv_button()<\/code>.<\/p>"},"ratings":{"1":"1","2":0,"3":0,"4":0,"5":"4"},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3508237,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3508237,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3508237,"resolution":"3","location":"assets","locale":""}},"screenshots":{"1":"Quick View button on the shop page","2":"Product quick view modal with gallery and product details","3":"Plugin settings under WooCommerce &gt; Settings &gt; Quick View"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[244306,140109,19156,260377,286],"plugin_category":[45],"plugin_contributors":[85108],"plugin_business_model":[],"class_list":["post-37953","plugin","type-plugin","status-publish","hentry","plugin_tags-product-modal","plugin_tags-product-quick-view","plugin_tags-quick-view","plugin_tags-quick-view-modal","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-shamimmoeen","plugin_committers-shamimmoeen"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/wc-products-quick-view.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/wc-products-quick-view\/assets\/screenshot-1.png?rev=3508237","caption":"Quick View button on the shop page"},{"src":"https:\/\/ps.w.org\/wc-products-quick-view\/assets\/screenshot-2.png?rev=3508237","caption":"Product quick view modal with gallery and product details"},{"src":"https:\/\/ps.w.org\/wc-products-quick-view\/assets\/screenshot-3.png?rev=3508237","caption":"Plugin settings under WooCommerce &gt; Settings &gt; Quick View"}],"raw_content":"<!--section=description-->\n<p>WCQV adds a Quick View button to WooCommerce product listings. When clicked, a modal opens displaying key product details such as images, title, price, description, and product options, allowing customers to quickly preview products before visiting the product page.<\/p>\n\n<p><strong>Key features:<\/strong><\/p>\n\n<ul>\n<li><strong>Quick product preview<\/strong> \u2014 open product details in a modal from anywhere the button is displayed<\/li>\n<li><strong>Product image gallery<\/strong> \u2014 browse multiple product images with navigation arrows and dots<\/li>\n<li><strong>Customizable button<\/strong> \u2014 control the label, icon, and placement<\/li>\n<li><strong>Shortcode<\/strong> \u2014 place the button anywhere with <code>[wcqv_button]<\/code><\/li>\n<li><strong>Action hooks<\/strong> \u2014 add, remove, or reorder modal sections via <code>wcqv_product_gallery<\/code> and <code>wcqv_product_summary<\/code><\/li>\n<li><strong>Accessibility<\/strong> \u2014 keyboard navigation, focus management, and screen reader support<\/li>\n<li><strong>RTL support<\/strong> \u2014 works with right-to-left languages<\/li>\n<li><strong>Multilingual ready<\/strong> \u2014 compatible with WPML and Polylang<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Install the plugin through the WordPress plugin screen, or upload the plugin folder to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> screen.<\/li>\n<li>The Quick View button appears automatically in supported product listings.<\/li>\n<li>Optionally adjust settings at <strong>WooCommerce &gt; Settings &gt; Quick View<\/strong>.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20work%20with%20variable%20products%3F\"><h3>Does it work with variable products?<\/h3><\/dt>\n<dd><p>Yes. The WooCommerce variation form loads inside the modal. Compatibility with swatches depends on your theme or swatch plugin. If you encounter issues, feel free to open a support request so we can continue improving compatibility.<\/p><\/dd>\n<dt id=\"where%20does%20the%20quick%20view%20button%20appear%3F\"><h3>Where does the Quick View button appear?<\/h3><\/dt>\n<dd><p>The button is automatically added to product listings such as shop, category, related, upsell, and other product loops. You can also place it manually using the shortcode or PHP function.<\/p><\/dd>\n<dt id=\"can%20i%20change%20the%20button%20position%3F\"><h3>Can I change the button position?<\/h3><\/dt>\n<dd><p>Yes \u2014 go to <strong>WooCommerce &gt; Settings &gt; Quick View<\/strong> and choose a position from the dropdown. To place the button manually, select <strong>None<\/strong> and use the <code>[wcqv_button]<\/code> shortcode or call <code>wcqv_button()<\/code> in your theme.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20my%20theme%3F\"><h3>Does it work with my theme?<\/h3><\/dt>\n<dd><p>The plugin inherits styles from your theme for the button and modal content. If the result doesn't fit your design, you can adjust it with CSS or override the templates.<\/p><\/dd>\n<dt id=\"is%20it%20accessible%3F\"><h3>Is it accessible?<\/h3><\/dt>\n<dd><p>Yes. The modal uses the native HTML <code>&lt;dialog&gt;<\/code> element with keyboard navigation, screen reader announcements, focus management, and reduced motion support.<\/p><\/dd>\n<dt id=\"does%20it%20support%20rtl%20languages%3F\"><h3>Does it support RTL languages?<\/h3><\/dt>\n<dd><p>Yes. The layout automatically flips for RTL languages like Arabic and Hebrew.<\/p><\/dd>\n<dt id=\"can%20i%20override%20the%20templates%3F\"><h3>Can I override the templates?<\/h3><\/dt>\n<dd><p>Yes. Copy <code>button.php<\/code> or <code>product.php<\/code> from the plugin's <code>templates\/<\/code> folder into <code>yourtheme\/wc-products-quick-view\/<\/code> and edit them there.<\/p><\/dd>\n<dt id=\"can%20i%20customize%20the%20modal%20content%3F\"><h3>Can I customize the modal content?<\/h3><\/dt>\n<dd><p>Yes. The modal content is built with action hooks. You can add, remove, or reorder sections. For example, to remove the product rating:<\/p>\n\n<pre><code>remove_action( 'wcqv_product_summary', 'woocommerce_template_single_rating', 10 );\n<\/code><\/pre><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.0.0 (16 April 2026)<\/h4>\n\n<ul>\n<li>New \u2013 Product image gallery with navigation arrows and dots<\/li>\n<li>New \u2013 Button settings for icon, icon position, style, and placement<\/li>\n<li>New \u2013 Shortcode <code>[wcqv_button]<\/code> for manual button placement<\/li>\n<li>New \u2013 Scroll lock setting to prevent background scroll while the modal is open<\/li>\n<li>New \u2013 Action hooks for modal content: <code>wcqv_product_gallery<\/code>, <code>wcqv_product_summary<\/code><\/li>\n<li>New \u2013 JavaScript events: <code>wcqv:trigger<\/code>, <code>wcqv:load<\/code>, <code>wcqv:close<\/code><\/li>\n<li>New \u2013 Accessibility: keyboard navigation, focus management, screen reader support<\/li>\n<li>New \u2013 RTL language support<\/li>\n<li>New \u2013 WPML and Polylang support for translatable strings<\/li>\n<li>Changed \u2013 Plugin name: \"WC Products Quick View\" \u2192 \"WCQV \u2013 Product Quick View for WooCommerce\"<\/li>\n<li>Changed \u2013 Template system rewritten. Templates moved from <code>yourtheme\/woocommerce\/wpqv-*.php<\/code> to <code>yourtheme\/wc-products-quick-view\/*.php<\/code> and now render via action hooks. Existing v1 overrides must be rewritten.<\/li>\n<li>Changed \u2013 Function renamed: <code>wpqv_button()<\/code> \u2192 <code>wcqv_button()<\/code><\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Adds a Quick View button to WooCommerce product listings so customers can preview product details in a modal without leaving the page.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/37953","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=37953"}],"author":[{"embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/shamimmoeen"}],"wp:attachment":[{"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=37953"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=37953"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=37953"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=37953"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=37953"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/en-gb.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=37953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}