Skip navigation
Currently Being Moderated

Product Quick View - Popup Window for quick view of details w/ overlay

Apr 19, 2012 6:26 PM

Tags: #quick_look #quick_view #product_details



I saw this mentioned in the forums, and some information was shared, but I was wondering if anyone has more indepth knowledge of how to implement this with Business Catalyst?  I am looking for something like on this site (,4846696 ,HP_Major_1_W_OF&clink=4846696 ) where upon hovering over the image there is a "Quick Look" button that can be clicked - and an pop-up shows basic details of the item without having to leave the main catalog page.  I have a client looking to implement this, and I have been checking around for some tips, but curious whether anyone has done this on their BC site and how you might have gone about handling the programming.  Thanks!

  • Currently Being Moderated
    Apr 20, 2012 10:46 AM   in reply to TiffanyP2010

    Hi Tiffany,


    For this you would include the info for the popup in a hidden div, in your list view template. You will need to use javascript for the various states.


    1. On hover the Quick Look button is visible.

    2. On click of Quick Look button, show the hidden div with the additional info.

    3. On click of an x or close button, the div with the additional info is hidden again.


    It may take a little research but you can accomplish this pretty easy using jquery.


    Brian Lowry | for only $7

    Mark as:
  • Currently Being Moderated
    Apr 23, 2012 2:31 PM   in reply to TiffanyP2010

    We don't normally offer coding servies through BCGurus, but we have been known to create tutorials that our members request. I think this would make a great video tutorial. If you're interested in trying out a membership with us I'll record a detailed tutorial on this. That would save you quite a bit of time because you'd get access to the code snippets and all the info you need.


    Brian Lowry | for only $7

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points