{"id":1028,"date":"2018-07-27T09:25:42","date_gmt":"2018-07-27T09:25:42","guid":{"rendered":"https:\/\/www.darrenlambert.com\/?p=1028"},"modified":"2018-07-27T09:29:26","modified_gmt":"2018-07-27T09:29:26","slug":"how-to-change-woocommerce-product-gallery-zoom-image-size","status":"publish","type":"post","link":"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/","title":{"rendered":"How to change WooCommerce product gallery zoom image size"},"content":{"rendered":"<p>By default the WooCommerce product gallery zoom image size is very big.\u00a0 This can cause the zoomed image to look distorted and too far from the original.<\/p>\n<p>The cause is that WooCommerce selects the &#8216;full&#8217; image size to use as the zoomed image.<\/p>\n<p>Use the snippet below to the use the &#8216;medium&#8217; image size as the zoom image.\u00a0 &#8216;large&#8217; will give a bigger zoomed image.<\/p>\n<pre class=\"brush: plain; title: ; notranslate\" title=\"\">\/\/ Change the image size used for the WooCommerce product gallery image zoom\r\n\/\/ 'medium' or 'large' are normally the best options\r\nadd_filter( 'woocommerce_gallery_full_size', function( $size ) {\r\n  return 'medium';\r\n} );<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>By default the WooCommerce product gallery zoom image size is very big.\u00a0 This can cause the zoomed image to look distorted and too far from the original. The cause is that WooCommerce selects the &#8216;full&#8217; image size to use as the zoomed image. Use the snippet below to the use the &#8216;medium&#8217; image size as &hellip;<\/p>\n","protected":false},"author":1,"featured_media":1031,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[13],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to change WooCommerce product gallery zoom image size - Darren Lambert<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to change WooCommerce product gallery zoom image size - Darren Lambert\" \/>\n<meta property=\"og:description\" content=\"By default the WooCommerce product gallery zoom image size is very big.\u00a0 This can cause the zoomed image to look distorted and too far from the original. The cause is that WooCommerce selects the &#8216;full&#8217; image size to use as the zoomed image. Use the snippet below to the use the &#8216;medium&#8217; image size as &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/\" \/>\n<meta property=\"og:site_name\" content=\"Darren Lambert\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-27T09:25:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-07-27T09:29:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.darrenlambert.com\/wp-content\/uploads\/2018\/07\/wc-gallery-image-zoom.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1434\" \/>\n\t<meta property=\"og:image:height\" content=\"642\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Darren\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Darren\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/\",\"url\":\"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/\",\"name\":\"How to change WooCommerce product gallery zoom image size - Darren Lambert\",\"isPartOf\":{\"@id\":\"https:\/\/www.darrenlambert.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.darrenlambert.com\/wp-content\/uploads\/2018\/07\/wc-gallery-image-zoom.jpg\",\"datePublished\":\"2018-07-27T09:25:42+00:00\",\"dateModified\":\"2018-07-27T09:29:26+00:00\",\"author\":{\"@id\":\"https:\/\/www.darrenlambert.com\/#\/schema\/person\/ba3d82eb3f9925e946dae3b57e35bb79\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/#primaryimage\",\"url\":\"https:\/\/www.darrenlambert.com\/wp-content\/uploads\/2018\/07\/wc-gallery-image-zoom.jpg\",\"contentUrl\":\"https:\/\/www.darrenlambert.com\/wp-content\/uploads\/2018\/07\/wc-gallery-image-zoom.jpg\",\"width\":1434,\"height\":642},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.darrenlambert.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to change WooCommerce product gallery zoom image size\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.darrenlambert.com\/#website\",\"url\":\"https:\/\/www.darrenlambert.com\/\",\"name\":\"Darren Lambert\",\"description\":\"WordPress &amp; WooCommerce Expert\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.darrenlambert.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.darrenlambert.com\/#\/schema\/person\/ba3d82eb3f9925e946dae3b57e35bb79\",\"name\":\"Darren\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.darrenlambert.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/076d975a0d00c5b2d53e2f76076cf5cf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/076d975a0d00c5b2d53e2f76076cf5cf?s=96&d=mm&r=g\",\"caption\":\"Darren\"},\"url\":\"https:\/\/www.darrenlambert.com\/author\/darren\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to change WooCommerce product gallery zoom image size - Darren Lambert","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/","og_locale":"en_US","og_type":"article","og_title":"How to change WooCommerce product gallery zoom image size - Darren Lambert","og_description":"By default the WooCommerce product gallery zoom image size is very big.\u00a0 This can cause the zoomed image to look distorted and too far from the original. The cause is that WooCommerce selects the &#8216;full&#8217; image size to use as the zoomed image. Use the snippet below to the use the &#8216;medium&#8217; image size as &hellip;","og_url":"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/","og_site_name":"Darren Lambert","article_published_time":"2018-07-27T09:25:42+00:00","article_modified_time":"2018-07-27T09:29:26+00:00","og_image":[{"width":1434,"height":642,"url":"https:\/\/www.darrenlambert.com\/wp-content\/uploads\/2018\/07\/wc-gallery-image-zoom.jpg","type":"image\/jpeg"}],"author":"Darren","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Darren"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/","url":"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/","name":"How to change WooCommerce product gallery zoom image size - Darren Lambert","isPartOf":{"@id":"https:\/\/www.darrenlambert.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/#primaryimage"},"image":{"@id":"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/#primaryimage"},"thumbnailUrl":"https:\/\/www.darrenlambert.com\/wp-content\/uploads\/2018\/07\/wc-gallery-image-zoom.jpg","datePublished":"2018-07-27T09:25:42+00:00","dateModified":"2018-07-27T09:29:26+00:00","author":{"@id":"https:\/\/www.darrenlambert.com\/#\/schema\/person\/ba3d82eb3f9925e946dae3b57e35bb79"},"breadcrumb":{"@id":"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/#primaryimage","url":"https:\/\/www.darrenlambert.com\/wp-content\/uploads\/2018\/07\/wc-gallery-image-zoom.jpg","contentUrl":"https:\/\/www.darrenlambert.com\/wp-content\/uploads\/2018\/07\/wc-gallery-image-zoom.jpg","width":1434,"height":642},{"@type":"BreadcrumbList","@id":"https:\/\/www.darrenlambert.com\/how-to-change-woocommerce-product-gallery-zoom-image-size\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.darrenlambert.com\/"},{"@type":"ListItem","position":2,"name":"How to change WooCommerce product gallery zoom image size"}]},{"@type":"WebSite","@id":"https:\/\/www.darrenlambert.com\/#website","url":"https:\/\/www.darrenlambert.com\/","name":"Darren Lambert","description":"WordPress &amp; WooCommerce Expert","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.darrenlambert.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.darrenlambert.com\/#\/schema\/person\/ba3d82eb3f9925e946dae3b57e35bb79","name":"Darren","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.darrenlambert.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/076d975a0d00c5b2d53e2f76076cf5cf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/076d975a0d00c5b2d53e2f76076cf5cf?s=96&d=mm&r=g","caption":"Darren"},"url":"https:\/\/www.darrenlambert.com\/author\/darren\/"}]}},"jetpack_featured_media_url":"https:\/\/www.darrenlambert.com\/wp-content\/uploads\/2018\/07\/wc-gallery-image-zoom.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.darrenlambert.com\/wp-json\/wp\/v2\/posts\/1028"}],"collection":[{"href":"https:\/\/www.darrenlambert.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.darrenlambert.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.darrenlambert.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.darrenlambert.com\/wp-json\/wp\/v2\/comments?post=1028"}],"version-history":[{"count":0,"href":"https:\/\/www.darrenlambert.com\/wp-json\/wp\/v2\/posts\/1028\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.darrenlambert.com\/wp-json\/wp\/v2\/media\/1031"}],"wp:attachment":[{"href":"https:\/\/www.darrenlambert.com\/wp-json\/wp\/v2\/media?parent=1028"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.darrenlambert.com\/wp-json\/wp\/v2\/categories?post=1028"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.darrenlambert.com\/wp-json\/wp\/v2\/tags?post=1028"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}