Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 1, 2018 at 11:30 pm #1004490
    phausner

    I’ve looked at the answers to blurry images in WooCommerce but they all are for previous versions. I’ve tried to adapt as best I can with the latest version of WooCommerce but my main product image is still blurry. The original image is 1000×1000. The shopping cart page looks fine, but the single product page is all blurry.

    I also don’t want the photo to be clickable like a lightbox. How do I remove the arrows to view the product photo larger?

    Finally, my client would like the main call to action button on the home page slider to be larger. How do I do that?

    September 2, 2018 at 8:20 pm #1004699
    Basilis

    Hey phausner,

    Have you followed the doc here?

    Fixing Blurry Product Images

    Best regards,
    Basilis

    September 2, 2018 at 8:41 pm #1004708
    phausner

    Yes, I have but WooCommerce has changed since that video was made. I’ve looked everywhere to find where I can set the specific sizes for the product image and can’t find it. I don’t think it’s there anymore.

    September 3, 2018 at 12:16 pm #1004909
    Ismael

    Hi,

    The single product pages are using images that are 100x100px in size. Please install the following plugin and then regenerate the thumbnails.

    // https://wordpress.org/plugins/regenerate-thumbnails/

    Best regards,
    Ismael

    September 3, 2018 at 4:33 pm #1005040
    phausner

    Thanks, Ismail. I installed the plugin and regenerated the thumbnails (Tools > Regenerate) but as you can see, the pics are still blurry. https://www.screencast.com/t/4i0qfd8H39

    September 4, 2018 at 11:04 am #1005409
    Ismael

    Hi,

    This is what I get when I check the site.

    // https://imgur.com/a/U9bQG9E

    Please try purge the cache.

    Best regards,
    Ismael

    September 4, 2018 at 3:19 pm #1005632
    phausner

    Thank you. Yes, I see the clear images now.

    What about resizing the button on the home page slider? Is that doable?

    September 4, 2018 at 8:42 pm #1005761
    Basilis

    Hi,

    Please add the following code:

    #top #wrap_all .avia-slideshow-button, #top .avia-button {
font-size: 32px;
padding: 20px;
}

    Let us know if it works :)

    Best regards,
    Basilis

    September 5, 2018 at 5:08 pm #1006216
    phausner

    Perfect! Thank you!!!

    September 5, 2018 at 9:21 pm #1006332
    Basilis

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Don’t forget to bookmark Enfold Documentation for future reference.

    Thank you for using Enfold :)

    Best regards,
    Basilis

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Blurry Product Image in WooCommerce and bigger button’ is closed to new replies.