MI Guide
  • Gitlab
  • Server Requirement
  • Laragon 6
  • Style Guide
    • Html Style Guide
    • CSS Style Guide
      • Sass Rules
      • Typograph Styling
    • JS Style Guide
    • Elementor Style Guide
      • Rules
      • Algemene and Privacy Template
      • Custom Elementor Widget
    • Responsive and space Guide
  • Setup Project
    • Add a reCAPTCHA to a WordPress website (for dummies)
    • Elementor
    • Tutorial how to change theme name
    • Setup SMTP
  • Project Deployment v1.2.1
    • Deployment Checklist
    • #Project Repository v22.0
    • #Local Environment v22.0
    • #Staging Environment v22.0
    • #Deployment via Git
  • Cache
    • Nitropack - Delete footer banner
    • Wordpress Cache
  • SEO
  • Plugins
    • Sendcloud
    • WooCommerce
      • WooCommerce Loop
      • Vat/Tax deduction for valid tax number
      • Setup Mollie
      • Add Wishlist counter [yith] JS
  • Reference articles, links or others that help in developing
  • Elementor
    • Tutorial to make custom elementor widget in our theme
    • How to add custom font
    • Algemen common case
    • How to regenerate css
  • Divi
    • Add Slick slider to Divi
    • How to use dynamic condition on DIVI
    • How to embed Google Maps on Divi
    • References to help in the development (DIVI)
    • How to enable classic editor on divi
    • How to add custom font
    • Custom divi menu/hamburger breakpoint
    • Divi custom container width
    • Allow SVG upload without plugin
    • Divi font weight cannot set to 400
    • How to regenerate css
  • Optimize Image
  • Common Issue
    • Woocommerce thumbnail blurry
    • FAQ link Height
    • Jquery
    • Custom Checkbox
    • Svg Tips
    • Webp Converter Plugin - Server Konfiguration Error
  • Plugin list
  • Frontend things
    • Frontend Guide
    • MJML
  • Backend things
    • 👺Custom Template Mail
    • 🦄Fun Function
    • 🦽OOP
    • 🗑️Woocommerce
    • 🚨Woocommerce Templating Override
    • 🚀Gravity Form Hook
    • ⛈️FREQUENT ISSUES
    • 😱HOOK
    • 🐆Page Speed for Backend
    • 🤝Sharing Databases
    • 🙉JS for Backend Purposes
      • 💸Penamaan folder, penulisan kode dan pengetahuan dasar
      • 🏃‍♂️Ajax request on wordpress
      • 🥷Woocommerce JS Event
    • 🦸‍♂️HELPERS
Powered by GitBook
On this page
  1. Common Issue

Woocommerce thumbnail blurry

PreviousCommon IssueNextFAQ link Height

Last updated 2 years ago

  1. This is usually due to an incorrect setting in your WooCommerce settings. To fix this, go to WooCommerce > Settings > Products and make sure that the “Use product image thumbnails” setting is checked

  2. Go to customizer > woocommerce > product image. make sure you select uncropped

Reference:

https://woocommerce.com/document/fixing-blurry-product-images/