Quickview on thumbnail click

[fghtdmns]

Hi guys,

Is it possible to do this? When you click on the item thumbnail, can it to open up the quickview window, rather than taking you to the actual item page (url.com/product/product-name).

Thanks!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Unfortunately not sorry, on standard layout you can click the quickview icon. But it’s not currently possible to set on the whole image

– Kyle

[fghtdmns]

Hey Kyle,

Thanks for the quick reply! Damn I was told by pre-support that it would be possible. Is there a way to get any quickview or wishlist icon on the gallery layout?

Cheers

[Kyle – SUPPORT]

Hi

Pre support?

– Kyle

[Kyle – SUPPORT]

Should show anyway on gallery view, can you provide a login so I can check the settings?

– Kyle

[fghtdmns]

This reply has been marked as private.

[David Martin – Support]

Hi,

The only easy way I know to trigger the quickview via a product link, on the homepage is with jQuery.

Here is an example I can provide you, please add this to Theme Options => Custom JS:

jQuery(document).ready(function() {
    if ( jQuery("body").hasClass("home") ) {
        jQuery("ul.products li.product a").click(function(e) {
            jQuery(this).removeAttr('href');
            jQuery( ".jckqvBtn" ).trigger( "click" );
        });
    }
});

[fghtdmns]

Hey David,

Thanks so much for that – it seems to pull up the quick view box perfectly. There is a slight problem though as it seems to show a random product rather than the one I’m clicking?

[Kyle – SUPPORT]

Hi

Does that only happen when you add that code?

– Kyle

[fghtdmns]

Hi Kyle,

It does yeah, it always pulls the last product image on the page, regardless of which item I click.

[David Martin – Support]

Hi,

I underestimated this one! It needs to loop through the products.

This should do it:

jQuery(document).ready(function() {
    if ( jQuery("body").hasClass("home") ) {
        // Remove product link            
        jQuery("ul.products li.product a").removeAttr('href');
        // For each product that is clicked, simulate QuickView button click
         jQuery('ul.products').each(function(i, li) {
            jQuery("ul.products li.product a").live( "click", function() {
                jQuery(this).parent().find(".jckqvBtn").trigger( "click" );
            });
        });
    }
});

[fghtdmns]

Hi David,

That’s perfect – I had to make a little change but it works great. Thanks so much for your help!

[Kyle – SUPPORT]

Great! Thanks David

– Kyle