Okay
  Public Ticket #890014
secondary product images not resizing
Closed

Comments

  •  1
    Andrew started the conversation

    Hi gentlemen,

    With the last update, when you are viewing a single item, the secondary product images are no longer automatically resizing and are being cut off by the white frame. I've added a url link to a sample product page that shows the problem.

    Please let me know how to have them resize automatically again.

    All best,

    Andrew

  • [deleted] replied

    Hi Andrew,

    You are using an old version of our theme (2.9.4) and the latest version for the moment is (2.9.5), please update your theme first and then the premium plugins too.

    The easiest way to update our themes is if you use Envato Toolkit or Envato Market plugin. On this link How to update Themes and Plugins you can learn this easy step-by-step procedure :)

    If you are using Envato Market plugin to update your theme, just follow this little procedure http://drops.laborator.co/pLFH

    Important: After you update the theme please don't forget to go to Appearance > Install Plugins to update all your premium plugins to the latest version that we support.

    If you can't update LayerSlider, go to Plugins and deactivate this plugin. Then go to Appearance > Install Plugins, you now can update and then activate Layer Slider again.

    If your question is still active please reply to us.

  •  1
    Andrew replied

    Hi Yilli,

    And thank you for the quick reply. I've just updated the theme and the integrated plugins, but there was no change. Actually, I had first noticed that the product image resize was no longer working before the latest round of WP/WC updates a few weeks ago, but have contacted you only now. I should also mention that this has needed a fix for my site since the outset; initially when I set up the theme, one of you there gave me these php snippets for my custom css, but it appears that they are no longer valid:

    .shop .shop-item .item-image {
        margin-bottom: 0px !important;
    } .shop-item-single .item-details-single .shop-item .product-thumbnails {
        height: auto !important;
    }
    The rest of the custom css is working properly, though.

    All best,

    Andrew

  • [deleted] replied

    Hi Andrew,

    I've added this code in functions.php:

    add_filter('single_product_small_thumbnail_size', create_function('', 'return "large";'));
    add_filter('single_product_large_thumbnail_size', create_function('', 'return "original";'));

    and it fixed the issue.

    As for the other comment: 

    That code

    .shop .shop-item .item-image {
        margin-bottom: 0px !important;
    }
    

    is still working, as you can see on this video http://drops.laborator.co/1g9vY

    And the other code:

    .shop-item-single .item-details-single .shop-item .product-thumbnails {
        height: auto !important;
    }
    

    I don't know for what purpose it was added but i think that it is not needed anymore.

  •  1
    Andrew replied

    Hi Arlind,

    Thank you very much for adding those php snippets to my child theme's functions.php. However, when I looked at the site I noticed it was not working, so I copy/pasted the lines into the main theme's functions.php file, and this time it did work. 

    I'm not sure why the child theme's functions.php isn't working; any ideas what could be the problem there?

    Many thanks,

    Andrew

  • [deleted] replied

    Hi Andrew,

    I am not sure why this is not working in child theme, another option to see if it works is to add the "priority" to the lines:

    add_filter('single_product_small_thumbnail_size', create_function('', 'return "large";'), 1000);
    add_filter('single_product_large_thumbnail_size', create_function('', 'return "original";'), 1000);

    Please try and see if it works for you.