-
Posts
-
Hi there. Sorry if this question has already been answered. I’ve looked but haven’t found an answer.
First, a little background: I’m running Enfold 4.2.6, WooCommerce 3.3.3 and WordPress 4.9.4. I try to keep on top of all updates for all three so I can’t say exactly when this problem arose. I have Theme Options > Store Options > Product gallery set to “Default enfold product gallery”. I have Customizer >WooCommerce > Product Images set to a main image with of 593, a thumbnail width of 394 and thumbnail cropping set to Custom (391×261). I’ve recently run Force Regenerate Thumbnails on all images on the site and it ran without errors.
Previously, my client had asked me to make the gallery images on the product page the same size as the main product image. I was able to do so fairly easily. But after recent updates, the gallery images are still displaying at full width but they are only using the 100×100 version of the gallery image, not the higher resolution version I was able to display previously. An example link is included in the Private Content.
I can’t figure out how to change which image size is used for product gallery image thumbnails. Any suggestions?
Thanks in advance for any help you can offer
Dear Sir,
I would like build a costume product page with avia builder, which is easy way, but how to integrate a woo product img gallery with magnify glass, which is available when i am using the default product page?
Ty!
After a LOT of tinkering, I was able to work this out. Apparently there’s a new way of telling WooCommerce what width to use for gallery thumbnails. Here’s what I added to my functions.php to solve the problem. The number 593 is the width I use for my main product images. This code sets the width of the gallery thumbnails to match.
add_action( 'after_setup_theme', 'my_custom_woocommerce_theme_support' ); function my_custom_woocommerce_theme_support(){ add_theme_support( 'woocommerce', array( 'gallery_thumbnail_image_width' => 593, ) ); }Hi Kevin,
Glad that you figured it out and thanks for sharing the solution that worked for you. Let us know if you need further assistance :)
Best regards,
NikkoHello
If I change the image width under customise > woocommerce, it is not reflected on the single product page. I have changed to full width using css, but cannot get the image to center aligned and I also would like to move the title and summary excerpt to above the image without changing the single_product.php file. Cannot do with hooks. Running 4.2.6. Lastest wordpress.
Thank you very much.Hi,
If I change the image width under customise > woocommerce, it is not reflected on the single product page.
Did you re-upload or regenerate the images after adjusting the size value? Please adjust the thumbnail size in the WooCommerce > Settings > Products > Display panel.
Best regards,
IsmaelThis: WooCommerce > Settings > Products > Display panel does not exist anymore, and like everyone, the Appearance > Customizer (which I have always hated) only changes the Shop gallery thumbnail image. So my single product page is trying to show a 100px thumbnail in a 450px space. I also hate trying to override Woocommerce templates because they are notorious for arbitrarily nuking hooks and filters and leaving sites to crash and burn upon update (it’s happened to me plenty). Apparently Woo has left it up to the woo-enabled themes to add this feature into their Theme Options, which would be nice with Enfold.
But if you know where I can override the image size being pulled for the single product page image, I would be grateful. This all seems like a time-consuming fix for something so simple.Hi,
Thank you for the update. The following plugin lets you override default thumbnail sizes. Install it then look for the “shop” thumbnails in the Settings > Media panel.
// https://wordpress.org/plugins/simple-image-sizes/
Best regards,
Ismael
- You must be logged in to reply to this topic.