Okay
  Public Ticket #1715162
Product zoom
Closed

Comments

  •  1
    lexandr3 started the conversation

    In an older version of Aurum there was an option to set the magnification of single product images. Now it‘s only zoom on or off, or is it somewhere else now?

    Another thing is that the (current?) zoom enlarges the image, resulting in blurry images. Is there a way to make the zoom show a high resolution version of the image?

    Also it would be great if the zooming could be set on a per product basis and not globally. Some products don‘t benefit from the zoom, while others really need it.

  •  1,559
    Laborator replied

    Hi lexandr3,

    The old lightbox is not shown anymore as WooCommerce has released their own image magnifier and we could not keep our magnifier and the one of WooCommerce, so we decided to go with the WooCommerce built in plugin.

    To set high quality images upload larger images and this way even when they will be zoomed the quality will be good, you can take a look at our fashion demo and see the images are high quality when zooming.

    Zooming images can only be enabled in the general settings and it's not possible to enable this feature on specific products only.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •   lexandr3 replied privately
  •  1,559
    Laborator replied

    Hi there,

    You're right the original image is never loading so I have added the following code to the functions.php file of your child theme:

    function woocommerce_gallery_image_size_custom( $size ) {
            return "original";
    }
    add_filter( 'woocommerce_gallery_image_size', 'woocommerce_gallery_image_size_custom' );
    

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    lexandr3 replied

    Thank you for looking into it. However, now the original image is always loaded with the page, regardless if the user zooms or not. This also means a performance hit, since the hi-res images are larger of course.

    I would prefer the zoom to work as intended — on page load the scaled down image (Wordpress-generated 680px is fine) is loaded, and when the zoom is activated, the hi-res version is shown.

    Also on retina screens, the iPad for instance, the magnification is still blurry. I‘ve tried to name the files with @2x suffix, but it didn‘t work, how can I serve retina images with Aurum? For retina screens it would also be ok, if they would show the zoomed image at 100%, if it‘s easier to achieve.

  •  1,559
    Laborator replied

    Hi again,

    Unfortunately that's the only way to make the magnifier load the original image, by loading the original image in the product too.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    lexandr3 replied

    Ok, since the Aurum zoom function is broken, how can I unload it completely and hand it over to a plugin? I‘ve tried deactivating zoom in the theme options, but still had the same huge incompatibility issues — images stacked on one another etc.

  •  1,559
    Laborator replied

    Hi there,

    The zoom function has been fixed, can you please check it. 

    P.S. Talked with the team and it is impossible to disable the magnifier function completely.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    lexandr3 replied

    What do you mean, the zoom function has been fixed? It seems to be the same as before? Can you please tell me, what exact changes you made in which files?

  •  1,559
    Laborator replied

    Hi there,

    This was a bug in our theme and I have reported it to our team, the programmer told me the bug is now fixed generally in the theme as it was coming from the theme. Product images are now not loading the largest image but depending on the screen size they will load the image size which they need, for example while I was viewing your site this image size (680x680) was being loaded while the large image is only loaded on zoom.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    lexandr3 replied

    So did you fix it on my server, or do I have to update to Aurum 3.3? I still can’t see any difference.

  •  1,559
    Laborator replied

    On your server of course, where can't you spot the difference? This is an example of what I am talking about:


    (view large version)

    The image here is loaded depending on the screen you have and this feature is called Adaptive Images, when you zoom in the loaded image will be the original one.

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    lexandr3 replied

    Sorry, that was my mistake, you are right, they are loading correctly now. 

    Could you still outline the changes in files please?

  •  1,559
    Laborator replied

    Hi there,

    The modified file is aurum-custom.min.js which has a minified code, and these are the lines that have been changed:


    (view large version)

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group

  •  1
    lexandr3 replied

    Perfect, thank you!

  •  1,559
    Laborator replied

    You're welcome, have a great weekend

    P.S: If you like our theme, it would help us a lot if you could give us five star rating on themeforest from your Downloads tab, (if you don't know how, just open this link).

    A huge thank you from Laborator in advance!

    Best regards,
    Laborator Team


      Documentation         Join Kalium Users Group