Title: Quickview on thumbnail
Last modified: April 27, 2020

---

# Quickview on thumbnail

 *  [luckygoseven](https://wordpress.org/support/users/luckygoseven/)
 * (@luckygoseven)
 * [6 years ago](https://wordpress.org/support/topic/quickview-on-thumbnail/)
 * Instead of clicking on the small black hover bar that says “Quick view”, I would
   like to press anywhere on the thumbnail to trigger quick view. How do I do this?
 * I really hope someone here can help me out 🙂
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fquickview-on-thumbnail%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [6 years ago](https://wordpress.org/support/topic/quickview-on-thumbnail/#post-12735867)
 * Hello,
 * 1. Please add the below code to the Customize > Custom CSS/JS – Custom JS field–
 *     ```
       $(document).ready(function(){
         $('.image-wrap').each( function(){
          $(".woo-entry-image").addClass("owp-quick-view");
         });
       });
       ```
   
 * 2. Now add the below code to the Customize > Custom CSS/JS – Custom CSS field–
 *     ```
       .woo-entry-image.owp-quick-view {
           position: relative;
           opacity: 1;
           visibility: visible;
       }
       ```
   
 * Publish the changes, clear cache, and reload the site. Let me know it works or
   not.
 *  [shayed](https://wordpress.org/support/users/shayed/)
 * (@shayed)
 * [6 years ago](https://wordpress.org/support/topic/quickview-on-thumbnail/#post-12735884)
 * Hi amit singh Can u help me with another big issue? i am in problem with search
   bar. I have installed smart woocommerce search. It works on every page other 
   than home page. Can you help me? i am using oceanwp.
 *  Thread Starter [luckygoseven](https://wordpress.org/support/users/luckygoseven/)
 * (@luckygoseven)
 * [6 years ago](https://wordpress.org/support/topic/quickview-on-thumbnail/#post-12735998)
 * [@apprimit](https://wordpress.org/support/users/apprimit/) Thanks for your response!
   
   So I add both to a: Custom JS field ?
 * So far I can’t get it to work.
    I tried adding 1. To JS field and 2. To a CSS
   field, using the (Simple Custom CSS and JS) plugin.
 * I’m using the plugin because under customize I can only find Additional CSS.
   
   Would love to know what I’m doing wrong.
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [6 years ago](https://wordpress.org/support/topic/quickview-on-thumbnail/#post-12736045)
 * [@luckygoseven](https://wordpress.org/support/users/luckygoseven/) Yes, you can
   use the simple css and js plugin. Add the js code in js field and css code in
   the css field.
 * For the custom section, if you have enabled ocean extra, you can see it under
   the Customize > Custom CSS/JS section after scrolling down the panel.
 * For the js try this with the script. No need to use script tag if you will add
   the code in the customize – custom js section –
 *     ```
       <script>
       $(document).ready(function(){
         $('.image-wrap').each( function(){
          $(".woo-entry-image").addClass("owp-quick-view");
         });
       });
       </script>
       ```
   
 * [@shayed](https://wordpress.org/support/users/shayed/) can you share your site
   link? Have you tested it with the other theme like twenty-twenty?
    -  This reply was modified 6 years ago by [Amit Singh](https://wordpress.org/support/users/apprimit/).
 *  [shayed](https://wordpress.org/support/users/shayed/)
 * (@shayed)
 * [6 years ago](https://wordpress.org/support/topic/quickview-on-thumbnail/#post-12736453)
 * [@apprimit](https://wordpress.org/support/users/apprimit/) thank you. I am using
   oceanwp for my online food delivery business. Oceanwp is better than twenty twenty.
   Here is my website address kroybook.com/food. Please help out.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Quickview on thumbnail’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.5/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

## Tags

 * [quick+view](https://wordpress.org/support/topic-tag/quickview/)
 * [thumbnail](https://wordpress.org/support/topic-tag/thumbnail/)

 * 5 replies
 * 3 participants
 * Last reply from: [shayed](https://wordpress.org/support/users/shayed/)
 * Last activity: [6 years ago](https://wordpress.org/support/topic/quickview-on-thumbnail/#post-12736453)
 * Status: not resolved