WooCommerce: Blurry Thumbnails

Hi there,

I am adding a WooCommerce store for a client and I am having issues with how the thumbnails are looking. What I am running: WooCommerce 3.4.2, WordPress 4.9.6, Genesis 2.6.1. When I first added products to the store, the main product image looked great, but the product gallery thumbnails were as big as the main image and blurry. Here’s a screenshot that shows part of a blurry thumbnail: https://www.screencast.com/t/Y8gcxnZpKw

I’ve now gotten the thumbnails to be roughly the size I want them to be, but they and the Related Product image below them are blurry. Here’s a page:
https://daughtersofchange.com/product/daughter-moonrise-pendant/

Here’s a brief version of the path I took to get thus far: After trying different things, I found this post: https://appfinite.com/topic/woocommerce-thumbnails/ and followed what Andykev did. It resulted in the larger image looking great and the thumbnails roughly the right size but blurry. Also for the first time, the slider and the zoomed worked.

Today I doubled-checked the Aspire version I had and found that I had an older version – 1.1.2 – so I downloaded the newer version of the theme from StudioPress. Using a diff tool, I found the changed elements to the files (primarily functions.php) and copied them over to the original files and uploaded them. The one file that I did not change was the stylesheet, since I did extensive changes to it.

Not much has changed except now the zoom doesn’t work. In the customizer, the main product images are set to 575px and the thumbnails are 150px.

I am stuck and would appreciate your help.