Viewing 30 posts - 1 through 30 (of 33 total)
  • Author
  • #14067

    I’d like to modify the size,(or more precisely the cropping), of the images displayed in the slideshow of the product pages. (This type of page: (Purchase code hidden if logged out) /)

    What happens is that if I upload an image in portrait format, it will be cropped. How can I adjust the default format of the slideshow to one particular image size?


    The image/slideshow size (single shop page) is defined in propulsionconfig-woocommerceconfig.php – adjust the height value and regenerate the thumbnails with:

    $avia_config['imgSize']['shop_single'] 		= array('width'=>450, 'height'=>355);


    Thanks! So I did just that, but it doesn’t seem to modify the size of the pictures in the slideshow…



    Maybe you need to configure the image size via WooCommerce – go to WooCommerce > Settings > Catalog and scroll down to the “Image Options” section to change the thumbnail size.

    Best regards,



    So I tried redoing it all, but no luck. I managed to change the format/ratio of the pictures on the homepage and of the thumbnails on the product page, but this won’t work for the bigger pic over the thumbnails on the product page.




    On the link provided, there is no slideshow. Are you referring to the lightbox preview?




    I think that’s it, yes. The picture on the left.



    Go to js > prettyPhoto > js > jquery.prettyPhoto.js and find this code.

    (function($){$.prettyPhoto={version:'3.1.3'};$.fn.prettyPhoto=function(pp_settings){pp_settings=jQuery.extend({animation_speed:'fast',slideshow:5000,autoplay_slideshow:false,opacity:0.80,show_title:true,allow_resize:true,default_width:500,default_height:344,counter_separator_label:'/',theme:'pp_default',horizontal_padding:20,hideflash:false,wmode:'opaque',autoplay:true,modal:false,deeplinking:true,overlay_gallery:true,keyboard_shortcuts:true,changepicturecallback:function(){},callback:function(){},ie6_fallback:true,markup:'<div class="pp_pic_holder">

    You can choose not to resize the images by changing this line of code to false.


    Or you set the default width and height of the images on lightbox with this code.


    If you mean to change the thumbnail. I think Dude’s solution is the way to go. You just need to regenerate the thumbnails. Remove cache then reload the page.




    I’m having problems with the bigger pic over the thumbnails on the product page (not the light box).

    Images are cropped but they are originally uploaded as 600×600 and set in Woo as 450×450 for product page, and I tweaked config-woocommerce/config.php to set images at 450×450.

    Pls help.


    Use this page as example of what’s happening: (Purchase code hidden if logged out) /



    You are cropping them now at 450 x 335.

    To quote Dude:

    “The image/slideshow size (single shop page) is defined in propulsionconfig-woocommerceconfig.php – adjust the height value and regenerate the thumbnails with:

    $avia_config['imgSize']['shop_single'] 		= array('width'=>450, 'height'=>450);





    How do you know I’m cropping images at 450 x 335?

    I had already set up propulsionconfig-woocommerceconfig.php as below and reconfig’d thumbnails:

    product thumbnails

    $avia_config = array(‘width’=>80, ‘height’=>80);

    $avia_config = array(‘width’=>450, ‘height’=>450);

    $avia_config = array(‘width’=>450, ‘height’=>450);

    Am I missing something? / Can you double check my code?


    Meant to say I redid thumbnails again this AM but still having cropped images….


    Hi ATX,

    Try to change:

    $avia_config['imgSize']['shop_catalog'] = array('width'=>450, 'height'=>450);


    $avia_config['imgSize']['shop_catalog'] = array('width'=>450, 'height'=>450, 'crop'=>false);

    Regenerate the images and clear the browser cache and try to check it again.




    Added suggested code, regenerated the images for 2 page (below) and cleared cache but still had problems/no change.

    I even added ‘crop’=>false to ‘shop_single’ but still no change.

    Pls help. (Purchase code hidden if logged out) /


    Hi ATX,

    This is the image being used for that page:×335.jpg

    As you can see it has been generated to be cropped at 335 pixels tall. One of the settings either in woocommerce>config.php, functions.php or in the WooCommerce image settings should have this size. That is where it needs to be changed.

    Otherwise, please try regenerating ALL images for your entire site so that any function up until now gets properly generated.

    I also noticed you have an error showing up with the themes woocommerce-mod.js file, please re-upload it via ftp just in case the error causes any normal functions to not work correctly. This is inside the config-woocommerce folder within your theme files.




    Devin, super appreciate all the help from you and the team!

    With regard to the images, when I hover over the product image on the product page it tells me the file is the correct one (EG: big_blk_on_red600.jpg) and indeed they all look fine in light box.

    I checked woocommerce>config.php, functions.php and the WooCommerce image settings but all seem set up correctly. I really don’t know what to do – can you see these files etc are correct in case I’m not where I need to be?

    Would you mind checking that the js file is not corrupt – I just uploaded it again.

    Also, just so understand, why doesn’t _silver600-450×335.jpg doesn’t show up in my media file library?

    NOTE: I am having problems batch regenerating images (see my post here:



    If you have problems with batch, check what your host is allocating for you memory wise. This plugin is old and hard to find (search for keyword health), and it has a memory test, where it adds 1meg in usage one at a time until wordpress can’t handle it, because some hosts say one number but the plugin shows a much lower number.

    Simple Image Sizes plugin ( ). The plugin will give you complete control over all images in the theme -from aspect ratio, to width, whether to crop the image, and even has a built in thumbnail re-generator.

    After installing the plugin, you will find your Settings > Media page in the back-end to contain the various sizes. Then simply find the dimensions you want to change. Save. Regenerate the images and see if you like what you see or want to tweak the image sizes further.




    Nick, I like the plugin – thx. And update my settings with my host server really helped with regenerating images.

    Installed, changed settings in plugin and regenerated images but still no change (even when clearing my cache in Fireforx). I checked Woo settings etc too.

    Is it not something in the template since it seems to effect all main product images?

    Pls help. Had hoped to launch e-store this weekend.

    PS; I don’t understand where Devin found this image/link (or how these images exist since not in media library):×335.jpg



    Did you check the WooCommerce thumbnail settings (WooCommerce > Settings > Catalog and scroll to the bottom)?

    Best regards,



    yes : (

    Really not sure what’s going on.

    Are there examples of people using this theme where the product photo isn’t cropped?


    Is it possible to set up a temporary admin account for you to log in and see whats going on?

    I’m reasonably savvy so I feel I’ve made all settings etc as you recommended.

    But maybe I’ve missed something? Def. confused why images are not working.



    I will take a look. Please email a temp admin account and ftp info. usjahm aaattt gmail dddooottt com




    Thx Nick, just set it up for you.

    Appreciate you taking the time to check into it – you guys are phenomenal!



    You have 2 errors showing up in WooCommerce :

    1) WP Memory Limit 32MB – We recommend setting memory to at least 64MB. See: Increasing memory allocated to PHP

    2) PHP Sessions – Session save path does not exist – contact your host to resolve the problem.

    OK, I got it to accept images and resize them to 450×450, (Purchase code hidden if logged out) /

    Please keep your plugins up to date. Also remove plugins you are not using WP e-Commerce … since just because they aren’t activated doesn’t mean that they are ignored.

    **please don’t forget to delete the temp account you made**

    Overall though you have a pretty fast admin area, almost feels like you are running on Nginx and not Apache.




    Thx Nick. That’s a HUGE help.

    I need to resolve 1 and 2, but what about other images (I see you got big_in_japan but not others – will this be fixed with regenerating images?)

    Out of interest how/where/what did you do to get b_i_j to work?

    Thx again man.



    You need to go… here easier to show a video:

    Do the same thing for all the products. If you see any settings for the radio buttons (size different then what i show in video) switch it to the settings you see in video 450×450 , the very bottom one. This will work if all your images are proportional h=w (a square) , i have set the single product image at 450×450 crop.

    After you do what is shown on video for all items, don’t forget to save (do not insert since they are already inserted). After you save, regenerate the images and everything will be fine. When you upload you will also see multiple size options, so make sure you select the single product image.

    The one white shirt with godzilla was tough, i had to remove it from the page and add it again, it would not regenerate no matter what, while it seems everything else listened.





    I was able to get my host to create a PHP Session save path and memory_limit is set to 96M (see:

    However, Woo System Status still says I’m at 32M.

    I am confused about changing memory limits, even after reading WP instructions.

    I didn’t understand where to add: define(‘WP_MEMORY_LIMIT’, ’96M’);

    I just emailed you info to log in as FTP user. Could you have a look and edit files as needed?

    Super appreciate your help with this.




    Do I need to change memory limits before doing what you suggest in the video?


    You need to insert the define(‘WP_MEMORY_LIMIT’, ’96M’); in wp-config.php (use a ftp software like Filezilla to access your server directories and wp-config.php can be found in the main directory where wp-content, wp-admin, etc. is located). Insert the line after i.e. following line:

    define('WPLANG', '');

Viewing 30 posts - 1 through 30 (of 33 total)

The topic ‘Changing size/cropping of the slideshow images in Product pages’ is closed to new replies.