{"id":367034,"date":"2026-10-12T13:33:49","date_gmt":"2026-10-12T13:33:49","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/quick-image-swap-for-woocommerce\/"},"modified":"2026-10-12T13:33:41","modified_gmt":"2026-10-12T13:33:41","slug":"pluginskart-product-secondary-image-hover","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/pluginskart-product-secondary-image-hover\/","author":23552391,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.1.3","requires":"6.7","requires_php":"8.1","requires_plugins":null,"header_name":"Pkart Product Secondary Image Hover","header_author":"PluginsKart","header_description":"Automatically displays the first WooCommerce product gallery image when hovering over product images.","assets_banners_color":"a478e5","last_updated":"2026-10-12 13:33:41","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/pluginskart\/pkart-product-secondary-image-hover","header_author_uri":"https:\/\/www.pluginskart.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":96,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"pluginskart","date":"2026-10-12 13:33:41","revision":3741731}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3741731,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3741731,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3741731,"resolution":"1544x500","location":"assets","locale":"","width":3088,"height":1000},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3741731,"resolution":"772x250","location":"assets","locale":"","width":1544,"height":500}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3741731,"resolution":"1","location":"assets","locale":"","width":1536,"height":1024},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3741731,"resolution":"2","location":"assets","locale":"","width":1536,"height":1061}},"screenshots":{"1":"Product image on the shop page before hover.","2":"Secondary image shown on hover."}},"plugin_section":[],"plugin_tags":[35106,18250,184671,29381,286],"plugin_category":[45],"plugin_contributors":[276302],"plugin_business_model":[],"class_list":["post-367034","plugin","type-plugin","status-publish","hentry","plugin_tags-hover-image","plugin_tags-product-gallery","plugin_tags-product-hover","plugin_tags-product-image","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-pluginskart","plugin_committers-pluginskart"],"banners":{"banner":"https:\/\/ps.w.org\/pluginskart-product-secondary-image-hover\/assets\/banner-772x250.png?rev=3741731","banner_2x":"https:\/\/ps.w.org\/pluginskart-product-secondary-image-hover\/assets\/banner-1544x500.png?rev=3741731","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/pluginskart-product-secondary-image-hover\/assets\/icon-128x128.png?rev=3741731","icon_2x":"https:\/\/ps.w.org\/pluginskart-product-secondary-image-hover\/assets\/icon-256x256.png?rev=3741731","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/pluginskart-product-secondary-image-hover\/assets\/screenshot-1.png?rev=3741731","caption":"Product image on the shop page before hover."},{"src":"https:\/\/ps.w.org\/pluginskart-product-secondary-image-hover\/assets\/screenshot-2.jpg?rev=3741731","caption":"Secondary image shown on hover."}],"raw_content":"<!--section=description-->\n<p>Pkart Product Secondary Image Hover displays the first image from a WooCommerce product's gallery when visitors hover over the product image.<\/p>\n\n<p>The plugin is designed for WooCommerce product listing pages, including WooCommerce Product Collection blocks and classic WooCommerce product loops.<\/p>\n\n<p>It provides a simple CSS-based hover effect without requiring JavaScript or a configuration page.<\/p>\n\n<p>The plugin does not modify the product image gallery on single-product pages.<\/p>\n\n<h3>Features<\/h3>\n\n<ul>\n<li>Display the first product gallery image on hover.<\/li>\n<li>Supports WooCommerce Product Collection blocks.<\/li>\n<li>Supports classic WooCommerce product loops.<\/li>\n<li>Uses the WooCommerce thumbnail image size.<\/li>\n<li>CSS-only hover effect.<\/li>\n<li>No JavaScript required.<\/li>\n<li>No shortcode required.<\/li>\n<li>No settings page required.<\/li>\n<li>Automatically skips products without gallery images.<\/li>\n<li>Does not modify single-product pages.<\/li>\n<li>Lightweight frontend implementation.<\/li>\n<li>Uses the product-secondary-image CSS class for customization.<\/li>\n<\/ul>\n\n<h3>How It Works<\/h3>\n\n<p>When a product has at least one gallery image, Pkart Product Secondary Image Hover adds the first gallery image as a secondary image in the product listing.<\/p>\n\n<p>When a visitor moves the mouse over the product image, the secondary gallery image becomes visible using a CSS transition.<\/p>\n\n<p>The plugin works automatically after activation.<\/p>\n\n<p>No additional configuration is required.<\/p>\n\n<h3>Customization<\/h3>\n\n<p>The secondary image uses the following CSS class:<\/p>\n\n<p>'product-secondary-image'<\/p>\n\n<p>You can use this class to customize the hover image transition and appearance.<\/p>\n\n<h3>Privacy<\/h3>\n\n<p>Pkart Product Secondary Image Hover does not collect, store, or transmit personal data.<\/p>\n\n<p>The plugin does not connect to any external service.<\/p>\n\n<h3>Requirements<\/h3>\n\n<p>WordPress 6.7 or later\nWooCommerce\nPHP 8.1 or later<\/p>\n\n<!--section=installation-->\n<p>Method 1: WordPress Admin<\/p>\n\n<ol>\n<li>Make sure WooCommerce is installed and activated.<\/li>\n<li>Upload the plugin ZIP file through Plugins &gt; Add New Plugin &gt; Upload Plugin.<\/li>\n<li>Install the plugin.<\/li>\n<li>Activate Pkart Product Secondary Image Hover.<\/li>\n<li>Visit your WooCommerce shop or product archive.<\/li>\n<li>Hover over a product image that has a gallery image.<\/li>\n<\/ol>\n\n<p>Method 2: Manual Installation<\/p>\n\n<ol>\n<li>Extract the plugin ZIP file.<\/li>\n<li>Upload the plugin folder to: \/wp-content\/plugins\/<\/li>\n<li>Log in to the WordPress dashboard.<\/li>\n<li>Go to Plugins \u2192 Installed Plugins.<\/li>\n<li>Locate \"Pkart Product Secondary Image Hover\".<\/li>\n<li>Click Activate.<\/li>\n<\/ol>\n\n<p>The first gallery image will appear when hovering over the product image.<\/p>\n\n<p>No additional CSS configuration is required.<\/p>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20the%20plugin%20require%20woocommerce%3F\"><h3>Does the plugin require WooCommerce?<\/h3><\/dt>\n<dd><p>Yes. Pkart Product Secondary Image Hover requires WooCommerce.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20work%20with%20woocommerce%20product%20collection%20blocks%3F\"><h3>Does the plugin work with WooCommerce Product Collection blocks?<\/h3><\/dt>\n<dd><p>Yes. The plugin supports WooCommerce Product Collection blocks.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20work%20with%20classic%20woocommerce%20product%20loops%3F\"><h3>Does the plugin work with classic WooCommerce product loops?<\/h3><\/dt>\n<dd><p>Yes. The plugin supports classic WooCommerce product loops.<\/p><\/dd>\n<dt id=\"does%20it%20work%20on%20single-product%20pages%3F\"><h3>Does it work on single-product pages?<\/h3><\/dt>\n<dd><p>No. The plugin is intended for product listing and archive pages and does not modify the single-product image gallery.<\/p><\/dd>\n<dt id=\"which%20image%20is%20displayed%20on%20hover%3F\"><h3>Which image is displayed on hover?<\/h3><\/dt>\n<dd><p>The first image from the product's WooCommerce gallery is displayed.<\/p><\/dd>\n<dt id=\"what%20happens%20if%20a%20product%20has%20no%20gallery%20image%3F\"><h3>What happens if a product has no gallery image?<\/h3><\/dt>\n<dd><p>The product's main image remains unchanged. No secondary image is added.<\/p><\/dd>\n<dt id=\"does%20the%20plugin%20use%20javascript%3F\"><h3>Does the plugin use JavaScript?<\/h3><\/dt>\n<dd><p>No. The hover effect is handled entirely with CSS.<\/p><\/dd>\n<dt id=\"do%20i%20need%20to%20configure%20the%20plugin%3F\"><h3>Do I need to configure the plugin?<\/h3><\/dt>\n<dd><p>No. The plugin works automatically after activation.<\/p><\/dd>\n<dt id=\"can%20i%20customize%20the%20hover%20effect%3F\"><h3>Can I customize the hover effect?<\/h3><\/dt>\n<dd><p>Yes. The secondary image uses the product-secondary-image CSS class. You can customize its appearance and transition using your theme's CSS.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<li>Displays the first product gallery image as a secondary image on hover.<\/li>\n<li>Supports classic WooCommerce product loops.<\/li>\n<li>Supports the WooCommerce Product Collection block.<\/li>\n<li>CSS-based hover effect (no JavaScript required).<\/li>\n<li>Adds the <code>product-secondary-image<\/code> CSS class for custom styling.<\/li>\n<li>Accessible secondary image markup.<\/li>\n<li>Compatible with WooCommerce product thumbnails.<\/li>\n<li>Disabled on single-product pages.<\/li>\n<\/ul>","raw_excerpt":"Add a CSS-only hover image swap to WooCommerce product loops and Product Collection blocks with no JavaScript or settings page required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/367034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=367034"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/pluginskart"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=367034"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=367034"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=367034"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=367034"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=367034"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=367034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}