CSS to Disable Image Click on WooCommerce Products

I found this helpful and decided to share with everyone.

If you want to disable the product click on single product pages but want to keep the product sliding feature. Use this CSS code below. Add it to the Additional CSS in the customize area and publish.

.woocommerce-product-gallery__image {
pointer-events: none;
}

Credit: https://wpexplorer-themes.com/total/snippets/disable-lightbox-woocommerce-products/