Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Popover Product Showcase jQuery Plugin

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Popover Product Showcase jQuery Plugin - CodeCanyon Item for Sale


Ad: Bluehost hosting

Popover Product Showcase is a jQuery plugin you can use to display you product, works etc. It can be embed in the page or trigger via popover. The plugin is lightweight, the compressed file is only 2kb. It’s mobile friendly, support wipe left/right on a touch device.


Preview without the iframe on the top

Update (You can re-download it if you purchased it before)

7 Aug 2012: Fix the bug in IE, click the link won’t open the window. Please close the purchase iframe on the top to see the preview.
13 Jun 2012: Stop the video when navigate to other item or close the popup window.
14 Nov 2011: Add Youtube/Vimeo support, fix the missing arrow buttons, make the big image clickable etc.

Available settings of the plugins:

 containerClass: 'example1', initShow: false, initZoomEffect: true, showCloseButton: true, closeButtonClass: 'closeButtonLeft', showArrow: true, arrowAutoHiden: true 

How to trigger the popover panel?

 <a href="" id="example1">Click to open Popover</a> 
 $('#example1').bind('click', function(e){ // panel1 is the productShowcase we initialized before panel1.popover(); return false; }); 


  • CSS3 driven animation.
  • Works smooth in browser doesn’t support CSS3 transition via Modernizr.
  • It’s lightweight. The compressed javascript is only 2kb.
  • Touch device support. You can wipe left/right to navigation on touch device.
  • Optional arrow and close button.
  • FAQ is included in the source package.


Some of the pictures are from

Recommendations For You

jQuery OneByOne Slider Plugin:
Touch Screen Please Wipe Left Right

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


10 November 11

Last Update:

High Resolution:

Compatible Browsers:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS

Software Version:


eCommerce, eCommerce, All Items, animate, animate.css, animation, arrow, css3, gallery, jquery, lightbox, navigation, plugin, popover, product, showcase