Okay
  Public Ticket #1187279
modify owl slider at the product variations
Closed

Comments

  •  2
    Steffi started the conversation
    May 29, 2017 at 9:18am

    I disabled the lightbox in the product-image.php because we want that the images opens i a new tab.

    It worked out, but for the variations, if I change the colour from blue to green (Link above) my code doesn't work anymore because html code changed. Now the green Kalga Apple tree opens i the same tab and it is not the full uploaded size.

    How can I change this, I didn't find the code anywhere?

    Please help.

    Thanks

    Steffi

  • [deleted] replied
    May 29, 2017 at 10:00am

    Hi Steffi,

    Can you please add the following code in Theme Options > Footer > Tracking Code:

    <script type="text/javascript">
    jQuery( document ).ready( function() {
    	
    	jQuery( '.single-product .product-images' ).on( 'click', 'a', function( ev ) {
    		ev.preventDefault();
    		window.open( jQuery( this ).attr( 'href' ) );
    	} );
    } );
    </script>

    This should work for you.

  •  2
    Steffi replied
    May 29, 2017 at 10:37am

    Hi Arlink,

    thanks a lot, the image now open in a new tab.

    There is just one problem left, I need the original size of images like the blue one, there I can zoom in in the new tab.
    https://whitegrid.gallery/produkt/kalga-apples-2/
    (blau -> blue ist the right size)

    Any suggestions?

    Thanks a lot

    Steffi

  • [deleted] replied
    May 30, 2017 at 8:24am

    Hi Steffi,

    Here is a modified version of the code I sent you previously (delete the old one and apply this):

    <script type="text/javascript">
jQuery( document ).ready( function() {
	
	jQuery( '.single-product .product-images' ).on( 'click', 'a', function( ev ) {
		ev.preventDefault();
                window.open( jQuery( this ).attr( 'href' ).replace( /-[0-9]+x[0-9]+\.(jpe?g|png|gif)$/, '.$1' ) );
	} );
} );
</script>

    This will open original images on new tab.