{"id":6731,"date":"2024-05-14T06:22:43","date_gmt":"2024-05-14T06:22:43","guid":{"rendered":"https:\/\/addify.store\/documentation\/?page_id=6731"},"modified":"2024-05-14T06:22:44","modified_gmt":"2024-05-14T06:22:44","slug":"about-woocommerce-product-gallery-image-zoom","status":"publish","type":"page","link":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/about-woocommerce-product-gallery-image-zoom\/","title":{"rendered":"About WooCommerce Product Gallery &#038; Image Zoom"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Overview of WooCommerce Product Gallery &amp; Image Zoom<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">What does the plugin do<\/h3>\n\n\n\n<p>WooCommerce Product Gallery &amp; Image Zoom plugin offers advanced image zoom functionality with options to adjust zoom window position, icon appearance, and loading label customization. Additionally, users can enhance product presentation with lightbox features, including customizable icon settings and overlay color. Enable\/disable gallery thumbnails and configure their appearance and behavior. The plugin also enables the exclusion of specific products or categories from gallery and zoom features.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Features<\/h3>\n\n\n\n<p>The features of the WooCommerce Product Gallery &amp; Image Zoom plugin mentioned below allow users to fully customize and enhance the product gallery and image zoom functionality in their WooCommerce store.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Show\/Hide zoom icon on product images<\/li>\n\n\n\n<li>Blur the main image when zoomed in<\/li>\n\n\n\n<li>Enable\/disable the lightbox icon on the main product image<\/li>\n\n\n\n<li>Enable infinite thumbnail slider<\/li>\n\n\n\n<li>Allow autoplay for the thumbnail slider<\/li>\n\n\n\n<li>Show navigation arrows:\n<ul class=\"wp-block-list\">\n<li>Fixed<\/li>\n\n\n\n<li>On Hover<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Set the number of thumbnails to show<\/li>\n\n\n\n<li>Enable\/disable product gallery thumbnails on single product pages<\/li>\n\n\n\n<li>Customize the appearance and behavior of gallery thumbnails<\/li>\n\n\n\n<li>Change the main image on:\n<ul class=\"wp-block-list\">\n<li>Click<\/li>\n\n\n\n<li>Hover<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Exclude specific products or entire categories from the product gallery and image zoom feature<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Customization Options<\/h3>\n\n\n\n<p>The plugin supports the following customization options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose the position of the zoom window in relation to the product image:\n<ul class=\"wp-block-list\">\n<li>Right side<\/li>\n\n\n\n<li>Inside<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Enter the custom loading label for the zoom feature<\/li>\n\n\n\n<li>Customize the zoom and lightbox icons by adjusting their:\n<ul class=\"wp-block-list\">\n<li>Background Color<\/li>\n\n\n\n<li>Background Hover Color<\/li>\n\n\n\n<li>Icon Color<\/li>\n\n\n\n<li>Icon Hover Color<\/li>\n\n\n\n<li>Icon Size<\/li>\n\n\n\n<li>Icon Radius\u00a0<\/li>\n\n\n\n<li>Icon Position\u00a0<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Set lightbox overlay color<\/li>\n\n\n\n<li>Adjust the placements of zoom and lightbox icons on the product images:\n<ul class=\"wp-block-list\">\n<li>Top Left<\/li>\n\n\n\n<li>Top Right<\/li>\n\n\n\n<li>Bottom Left<\/li>\n\n\n\n<li>Bottom Right<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Customize slider navigation by choosing a custom:\n<ul class=\"wp-block-list\">\n<li>Background Color<\/li>\n\n\n\n<li>Border Color<\/li>\n\n\n\n<li>Icon Color<\/li>\n\n\n\n<li>Hover Background Color<\/li>\n\n\n\n<li>Hover Border Color<\/li>\n\n\n\n<li>Hover Icon Color<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Modify inactive thumbnail appearance:\n<ul class=\"wp-block-list\">\n<li>Add opacity<\/li>\n\n\n\n<li>Add grayscale<\/li>\n\n\n\n<li>Add zoom effect<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/FiHuqwvtXHMEfcfvC029zUfoznR66nuReH2lbumtQ7HXId8lcji0ynU-tubTatJYKHF0yxcMBWjTy_oAz9J41YQWORchulnB6OYF21oZ_dlsBSiYU1SJDhnYMN9sfzHqulIMdj3Oq8pyttelojY34NU\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Overview of WooCommerce Product Gallery &amp; Image Zoom What does the plugin do WooCommerce Product Gallery &amp; Image Zoom plugin offers advanced image zoom functionality with options to adjust zoom window position, icon appearance, and loading label customization. Additionally, users can enhance product presentation with lightbox features, including customizable icon settings and overlay color. Enable\/disable [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6259,"parent":6727,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"template-parts\/documentation-template.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-6731","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>About WooCommerce Product Gallery &amp; Image Zoom - Documentation<\/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:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/about-woocommerce-product-gallery-image-zoom\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"About WooCommerce Product Gallery &amp; Image Zoom - Documentation\" \/>\n<meta property=\"og:description\" content=\"Overview of WooCommerce Product Gallery &amp; Image Zoom What does the plugin do WooCommerce Product Gallery &amp; Image Zoom plugin offers advanced image zoom functionality with options to adjust zoom window position, icon appearance, and loading label customization. Additionally, users can enhance product presentation with lightbox features, including customizable icon settings and overlay color. Enable\/disable [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/about-woocommerce-product-gallery-image-zoom\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-14T06:22:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2024\/04\/About.png\" \/>\n\t<meta property=\"og:image:width\" content=\"128\" \/>\n\t<meta property=\"og:image:height\" content=\"128\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/about-woocommerce-product-gallery-image-zoom\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/about-woocommerce-product-gallery-image-zoom\\\/\",\"name\":\"About WooCommerce Product Gallery & Image Zoom - Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/about-woocommerce-product-gallery-image-zoom\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/about-woocommerce-product-gallery-image-zoom\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/About.png\",\"datePublished\":\"2024-05-14T06:22:43+00:00\",\"dateModified\":\"2024-05-14T06:22:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/about-woocommerce-product-gallery-image-zoom\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/about-woocommerce-product-gallery-image-zoom\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/about-woocommerce-product-gallery-image-zoom\\\/#primaryimage\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/About.png\",\"contentUrl\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/About.png\",\"width\":128,\"height\":128,\"caption\":\"About\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/about-woocommerce-product-gallery-image-zoom\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"WooCommerce Product Gallery &amp; Image Zoom\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"About WooCommerce Product Gallery &#038; Image Zoom\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\",\"name\":\"Documentation\",\"description\":\"Documentation for Addify Extensions\",\"publisher\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/addify.store\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#organization\",\"name\":\"Documentation\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Asset-21-2x.png\",\"contentUrl\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Asset-21-2x.png\",\"width\":6761,\"height\":1853,\"caption\":\"Documentation\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"About WooCommerce Product Gallery & Image Zoom - Documentation","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:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/about-woocommerce-product-gallery-image-zoom\/","og_locale":"en_US","og_type":"article","og_title":"About WooCommerce Product Gallery & Image Zoom - Documentation","og_description":"Overview of WooCommerce Product Gallery &amp; Image Zoom What does the plugin do WooCommerce Product Gallery &amp; Image Zoom plugin offers advanced image zoom functionality with options to adjust zoom window position, icon appearance, and loading label customization. Additionally, users can enhance product presentation with lightbox features, including customizable icon settings and overlay color. Enable\/disable [&hellip;]","og_url":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/about-woocommerce-product-gallery-image-zoom\/","og_site_name":"Documentation","article_modified_time":"2024-05-14T06:22:44+00:00","og_image":[{"width":128,"height":128,"url":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2024\/04\/About.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/about-woocommerce-product-gallery-image-zoom\/","url":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/about-woocommerce-product-gallery-image-zoom\/","name":"About WooCommerce Product Gallery & Image Zoom - Documentation","isPartOf":{"@id":"https:\/\/addify.store\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/about-woocommerce-product-gallery-image-zoom\/#primaryimage"},"image":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/about-woocommerce-product-gallery-image-zoom\/#primaryimage"},"thumbnailUrl":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2024\/04\/About.png","datePublished":"2024-05-14T06:22:43+00:00","dateModified":"2024-05-14T06:22:44+00:00","breadcrumb":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/about-woocommerce-product-gallery-image-zoom\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/about-woocommerce-product-gallery-image-zoom\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/about-woocommerce-product-gallery-image-zoom\/#primaryimage","url":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2024\/04\/About.png","contentUrl":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2024\/04\/About.png","width":128,"height":128,"caption":"About"},{"@type":"BreadcrumbList","@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/about-woocommerce-product-gallery-image-zoom\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/addify.store\/documentation\/"},{"@type":"ListItem","position":2,"name":"WooCommerce","item":"https:\/\/addify.store\/documentation\/woocommerce\/"},{"@type":"ListItem","position":3,"name":"WooCommerce Product Gallery &amp; Image Zoom","item":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/"},{"@type":"ListItem","position":4,"name":"About WooCommerce Product Gallery &#038; Image Zoom"}]},{"@type":"WebSite","@id":"https:\/\/addify.store\/documentation\/#website","url":"https:\/\/addify.store\/documentation\/","name":"Documentation","description":"Documentation for Addify Extensions","publisher":{"@id":"https:\/\/addify.store\/documentation\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/addify.store\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/addify.store\/documentation\/#organization","name":"Documentation","url":"https:\/\/addify.store\/documentation\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/","url":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","contentUrl":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","width":6761,"height":1853,"caption":"Documentation"},"image":{"@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6731","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/comments?post=6731"}],"version-history":[{"count":1,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6731\/revisions"}],"predecessor-version":[{"id":6732,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6731\/revisions\/6732"}],"up":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6727"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/media\/6259"}],"wp:attachment":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/media?parent=6731"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}