• Resolved samamerrifield

    (@samamerrifield)


    Just wondering if anyone knows how to change the thumbnail size? I see that there’s other options, how do I select those options?

    I want to change the size of the thumbnails on my product pages, like this one

    The thumbnails are too small.

Viewing 9 replies - 1 through 9 (of 9 total)
  • You need to list more information.

    Is there a URL to the site you’re working on?

    What theme are you using? Have you checked the demo of the base theme you’re using to see what size images the theme uses? Generally, the theme dictates the size of the thumbnail. You could child theme the parent theme and set a new width/height for the image. But then you might throw the whole design off.

    What size are the thumbnails you’re uploading to your media library? If you upload small image files, you can’t increase the size. You can only decrease the size of substantially larger image files to meet your needs.

    Under Settings > Media, you can set the size of images uploaded to the Media library for later use, but if your images are substantially smaller than the default sizes that are already listed, you’ll simply need to create new, correctly sized images to upload.

    Thread Starter samamerrifield

    (@samamerrifield)

    The thumbnails are automatically generated somehow. The link to the site is in my original post and I believe we’re using DIVI? Other than that I don’t know what else to tell you…

    • This reply was modified 8 years, 2 months ago by Jan Dembowski.

    Sorry, I thought the link you referenced was from someone else’s site.

    Thumbnail size is auto generated when you upload an image to the media library.

    Settings > Media is where you might set a larger image height/width, then WordPress will generate a thumbnail at that size and a Medium and Large image for you.

    Generally speaking, when inserting an image into a post, you can select Thumbnail, Medium, Large, or Original. But this is in a “product page” you are using from WooCommerce, so it’s a function of Woo Commerce to set the image sizes. I suspect if you change the page settings for an all products page from 4 column to 3 column, the image sizes will get larger automatically based on the fact that three columns needs to now fill the entire page width and not 4. So, check your WooCommerce settings and see if you can change your display layout to 3-columns.

    Other than that, this is a WooCommerce issue, not a WordPress issue.

    While you might think the image sizes are too small, WooCommerce has standardized product images in their theme to work across the web for tens of thousands of websites. You might want to investigate a plugin for WooCommerce that “zooms” into your thumbnails, like here on https://copperrivertrading.com, which I’ve been working on for a client. Remember that your thumbnails on the all products or category landing page are going to be smaller than the primary product page.

    I’m sure WooCommerce must also have a plugin that generates a “Quick View” modal window of the product, so that you don’t have to go into the page and you can add it to cart without having to navigate to the page.

    Actually, I just found it here: https://woocommerce.com/products/woocommerce-quick-view/

    That may be better than trying to increase the size of the thumbnail.

    Settings > Media is where you might set a larger image height/width, then WordPress will generate a thumbnail at that size and a Medium and Large image for you.

    Thread Starter samamerrifield

    (@samamerrifield)

    Wow! Thanks I’ll try these suggestions ??

    @lantran, if you do change the Settings > Media sizes, you’ll have to use the Regenerate Thumbnails plugin to go through your library and regenerate the new size for all previously uploaded image, I believe.

    • This reply was modified 8 years, 3 months ago by Tony Zeoli.
    Thread Starter samamerrifield

    (@samamerrifield)

    Changing the column number worked! My boss still wants them a little bigger than this though without changing the amount of columns.

    Thread Starter samamerrifield

    (@samamerrifield)

    Wow! Awesome find! Thanks ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How do I change the thumbnail size in my shop?’ is closed to new replies.