Viewing 21 posts - 1 through 21 (of 21 total)
  • Author
    Posts
  • July 18, 2016 at 2:25 pm #661978
    brianacunningham

    I have a website store that I built for my friend and for some reason I can’t seem to get the product thumbnails to crop to the settings I have put into woocommerce (also hard crop).

    I have been doing some reading but haven’t found a combination of tricks that has worked for me OR I didn’t truly understand what I was supposed to do.

    I ended up setting a size for my thumbnails so they wouldn’t be massive but then when you go to the individual product page and click the main image to have it open up in lightbox (which I want) it opens the thumbnail size of course and not the full image size so the customer can get a good look at the product.

    I have had this one another website so if I get some assistance here I can probably apply it to the other one.

    See the private area for log in details.

    • This topic was modified 8 years, 5 months ago by brianacunningham. Reason: Adding a specific page to look at part of the issue
    July 19, 2016 at 11:25 am #662407
    Rikard

    Hi brianacunningham,

    First off, could you try updating to the latest version of the theme (3.6.1) to see if that helps please?

    Best regards,
    Rikard

    July 30, 2016 at 8:49 am #666788
    brianacunningham

    Ok I updated the theme and it broke the website! :S
    Please please help.

    Fatal error: Call to undefined function avia_header_class() in /home/samant29/public_html/wp-content/themes/enfold-child/header.php on line 12

    July 30, 2016 at 8:58 am #666789
    brianacunningham

    I replaced the header php file in the child theme and it’s back up. That was scary.

    The main image now seems to be working but the little gallery of images below it are not cropped to a square as I believe they should : http://www.samanthadoyle.com/product/your-ultimate-body-guide-starter-pack/

    • This reply was modified 8 years, 4 months ago by brianacunningham. Reason: I thought it was resolved but it isn't quite fixed
    August 3, 2016 at 5:20 am #667919
    Ismael

    Hi!

    Adjust the Product Thumbnail’s dimension in the Woocommerce > Settings > Display > Products panel then regenerate the thumbnails afterwards. Default size is 120x120px.

    Cheers!
    Ismael

    February 15, 2017 at 4:15 pm #747509
    pkonstan

    I have an issue with this also. The images do not crop even with the settings set to hard crop. Why doesn’t this function properly?

    Peter

    February 20, 2017 at 5:54 pm #749502
    Andy

    Hi,

    cause you need to regenerate your thumbnails after changing the image sizes.

    Best regards,
    Andy

    February 22, 2017 at 4:13 am #750243
    tankerhq

    I have the same issue. I regenned the image and it doesn’t work when I put it on a normal WooCommerce grid. We are using a different grid to display the images in the mean time. See link below for the product in particular which won’t resize.

    February 27, 2017 at 7:26 am #752172
    Ismael

    Hi,

    What do you mean by “WooCommerce Grid”? Did you set the thumbnail size in the WooCommerce > Settings > Products > Display > Product Images panel?

    Best regards,
    Ismael

    February 27, 2017 at 9:48 pm #752544
    tankerhq

    Hi Ismael,

    I mean the WooCommerce Product Grid. Yup we did that and then regenerated images. For now we have just gone and resized every first image to be a square.

    February 28, 2017 at 7:34 am #752750
    Ismael

    Hey!

    How did you add the grid? Please post the url to the page with the grid.

    Regards,
    Ismael

    February 28, 2017 at 9:35 pm #753248
    tankerhq

    Using your Advanced Layout Builder and we added the Product Grid under Plugin Additions.
    It’s on all shop pages…

    March 1, 2017 at 7:04 am #753449
    Ismael

    Hi!

    I’m sorry but I got confused with your terms. The Product Grid element from the advance layout builder is not a “normal WooCommerce grid” because it’s a custom product template. It’s actually a modified post slider and it uses different thumbnails based on the number of columns. If it is set to 3 columns, it’s going to use the “portfolio” thumbnail. You can install the following plugin then go to the Settings > Media panel, look for the “portfolio” thumbnail, adjust the size, update, save then regenerate the thumbnails.

    // https://wordpress.org/plugins/simple-image-sizes/

    Best regards,
    Ismael

    March 3, 2017 at 5:35 am #754806
    tankerhq

    Hi Ismael,

    Thanks for your help, you provide great support.

    I’ve installed the plugin you suggested. What about the main image on the single product page? Is this determined by “shop_single size”? Currently it says 500x500px – however they display a lot smaller than this.
    Or do they show smaller than 500×500 because of they are affected by the Woocommerce shop template and the amount of space it gives you for the image and text areas? Our site is set up quite narrow so this would make sense.

    Cheers

    • This reply was modified 7 years, 9 months ago by tankerhq.
    March 3, 2017 at 7:01 am #754847
    Ismael

    Hey!

    Or do they show smaller than 500×500 because of they are affected by the Woocommerce shop template and the amount of space it gives you for the image and text areas? Our site is set up quite narrow so this would make sense.

    Yes, that is the case. This is the actual product image.

    // http://mrmod.co.nz/wp-content/uploads/2017/02/nessen-421×500.jpg

    It is constrained by the single-product-main-image container which is only 33% of the whole single product container.

    .single-product-main-image {
    width: 33%;
}

    You can adjust the width value if you want to increase the width of the image container and the image itself.

    Best regards,
    Ismael

    March 30, 2017 at 3:56 am #769271
    tankerhq

    Hey Ismael,

    Apologies it’s taken me so long to give an update on this….

    After downloading the simple image sizes plugin and changing the “portfolio” thumbnail size as per your instructions, regenerating etc, there hadn’t been a change, but after going into each separate product and regenerating the image one by one finally they cropped!

    Thanks.

    April 4, 2017 at 10:39 am #771633
    Victoria

    Hi tankerhq,

    Glad you finally got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    April 4, 2020 at 7:44 pm #1200837
    tomkent2005

    Hi,
    I have a similar problem with image sizing using Featured Products in woocommerce. Is there anyway to force Enfold to display “featured product” page with images at widths greater than what the would be for a 4 column display?
    Thank you!
    Tom

    April 6, 2020 at 8:38 pm #1201362
    Victoria

    Hi tomkent2005,

    Could you please attach some screenshots of the issue? I looked at the website and everything looks ok.

    Best regards,
    Victoria

    April 8, 2020 at 4:05 am #1201739
    tomkent2005

    Hi Victoria,

    Thanks for getting back. Solved issue using product categories.

    Thanks,
    Tom

    April 9, 2020 at 5:54 am #1202123
    Rikard

    Hi Tom,

    Great, I’m glad that you found a solution. Please let us know if you should need any further help on the topic.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 21 posts - 1 through 21 (of 21 total)
  • You must be logged in to reply to this topic.