{"id":6741,"date":"2024-05-14T06:27:46","date_gmt":"2024-05-14T06:27:46","guid":{"rendered":"https:\/\/addify.store\/documentation\/?page_id=6741"},"modified":"2024-05-14T06:27:47","modified_gmt":"2024-05-14T06:27:47","slug":"how-to-add-zoom-and-lightbox-popup-to-product-images","status":"publish","type":"page","link":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/how-tos\/how-to-add-zoom-and-lightbox-popup-to-product-images\/","title":{"rendered":"How to Add Zoom and Lightbox Popup to Product Images?"},"content":{"rendered":"\n

Adding Zoom and Lightbox Popup to Product Images<\/h2>\n\n\n\n

First, you need to get the WooCommerce Product Gallery & Image Zoom plugin. You can find and install it from your WordPress dashboard. Once it’s installed and activated, you’re ready to go.<\/p>\n\n\n\n

After activating the plugin, head to your WooCommerce settings. You’ll see a new option called “Product Gallery & Image Zoom.”<\/strong> Click on it, then go to “Main Image Option”<\/strong> and select “Zoom Options.”<\/strong><\/p>\n\n\n\n

Adding a Zoom Icon to Product Pages:<\/strong><\/p>\n\n\n\n

Inside the Zoom Options, you’ll find a setting called “Show Zoom Icon.”<\/strong> Make sure this is turned on. This will display a little magnifying glass icon on your product images, indicating that customers can zoom in to see more detail.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Adding a Lightbox for Popups: <\/strong><\/p>\n\n\n\n

Now, still in the “Main Image Option,” you’ll find another setting for “Lightbox.” <\/strong>Enable this option. This will allow customers to click on the main product image and see a larger version in a popup window, giving them a closer look at the details.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

After making sure both zoom and lightbox features are enabled, don’t forget to save your settings. Just click on “Save Settings,”<\/strong> and you’re all set.<\/p>\n\n\n\n

With these steps, your customers will be able to zoom in on product images for a closer look and also open them in a popup window for a better view. It’s a great way to showcase your products and provide a more immersive shopping experience.<\/p>\n","protected":false},"excerpt":{"rendered":"

Adding Zoom and Lightbox Popup to Product Images First, you need to get the WooCommerce Product Gallery & Image Zoom plugin. You can find and install it from your WordPress dashboard. Once it’s installed and activated, you’re ready to go. After activating the plugin, head to your WooCommerce settings. You’ll see a new option called […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":6738,"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-6741","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\nHow to Add Zoom and Lightbox Popup to Product Images? - 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\/how-tos\/how-to-add-zoom-and-lightbox-popup-to-product-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Zoom and Lightbox Popup to Product Images? - Documentation\" \/>\n<meta property=\"og:description\" content=\"Adding Zoom and Lightbox Popup to Product Images First, you need to get the WooCommerce Product Gallery & Image Zoom plugin. You can find and install it from your WordPress dashboard. Once it’s installed and activated, you’re ready to go. After activating the plugin, head to your WooCommerce settings. You’ll see a new option called […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/how-tos\/how-to-add-zoom-and-lightbox-popup-to-product-images\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-14T06:27:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh7-us.googleusercontent.com\/W7V5ttTFGIIaE-_8uFyyuG-ub7DO82861d02h9_pF0wGM3n32upn9860PvDikwHfD-gZH8CtLzwf6mCifOh2dniFa1tXv5axLCr6IMy52-Riz-lGiwLzYGwIHXhk9_XJ2DYZKwrmlV8dcAHod92cgvQ\" \/>\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\\\/how-tos\\\/how-to-add-zoom-and-lightbox-popup-to-product-images\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/how-tos\\\/how-to-add-zoom-and-lightbox-popup-to-product-images\\\/\",\"name\":\"How to Add Zoom and Lightbox Popup to Product Images? - Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/how-tos\\\/how-to-add-zoom-and-lightbox-popup-to-product-images\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/how-tos\\\/how-to-add-zoom-and-lightbox-popup-to-product-images\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lh7-us.googleusercontent.com\\\/W7V5ttTFGIIaE-_8uFyyuG-ub7DO82861d02h9_pF0wGM3n32upn9860PvDikwHfD-gZH8CtLzwf6mCifOh2dniFa1tXv5axLCr6IMy52-Riz-lGiwLzYGwIHXhk9_XJ2DYZKwrmlV8dcAHod92cgvQ\",\"datePublished\":\"2024-05-14T06:27:46+00:00\",\"dateModified\":\"2024-05-14T06:27:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/how-tos\\\/how-to-add-zoom-and-lightbox-popup-to-product-images\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/how-tos\\\/how-to-add-zoom-and-lightbox-popup-to-product-images\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/how-tos\\\/how-to-add-zoom-and-lightbox-popup-to-product-images\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lh7-us.googleusercontent.com\\\/W7V5ttTFGIIaE-_8uFyyuG-ub7DO82861d02h9_pF0wGM3n32upn9860PvDikwHfD-gZH8CtLzwf6mCifOh2dniFa1tXv5axLCr6IMy52-Riz-lGiwLzYGwIHXhk9_XJ2DYZKwrmlV8dcAHod92cgvQ\",\"contentUrl\":\"https:\\\/\\\/lh7-us.googleusercontent.com\\\/W7V5ttTFGIIaE-_8uFyyuG-ub7DO82861d02h9_pF0wGM3n32upn9860PvDikwHfD-gZH8CtLzwf6mCifOh2dniFa1tXv5axLCr6IMy52-Riz-lGiwLzYGwIHXhk9_XJ2DYZKwrmlV8dcAHod92cgvQ\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/how-tos\\\/how-to-add-zoom-and-lightbox-popup-to-product-images\\\/#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 & Image Zoom\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How To\u2019s WPGIZ\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/woocommerce\\\/woocommerce-product-gallery-image-zoom\\\/how-tos\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How to Add Zoom and Lightbox Popup to Product Images?\"}]},{\"@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":"How to Add Zoom and Lightbox Popup to Product Images? - 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\/how-tos\/how-to-add-zoom-and-lightbox-popup-to-product-images\/","og_locale":"en_US","og_type":"article","og_title":"How to Add Zoom and Lightbox Popup to Product Images? - Documentation","og_description":"Adding Zoom and Lightbox Popup to Product Images First, you need to get the WooCommerce Product Gallery & Image Zoom plugin. You can find and install it from your WordPress dashboard. Once it’s installed and activated, you’re ready to go. After activating the plugin, head to your WooCommerce settings. You’ll see a new option called […]","og_url":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/how-tos\/how-to-add-zoom-and-lightbox-popup-to-product-images\/","og_site_name":"Documentation","article_modified_time":"2024-05-14T06:27:47+00:00","og_image":[{"url":"https:\/\/lh7-us.googleusercontent.com\/W7V5ttTFGIIaE-_8uFyyuG-ub7DO82861d02h9_pF0wGM3n32upn9860PvDikwHfD-gZH8CtLzwf6mCifOh2dniFa1tXv5axLCr6IMy52-Riz-lGiwLzYGwIHXhk9_XJ2DYZKwrmlV8dcAHod92cgvQ","type":"","width":"","height":""}],"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\/how-tos\/how-to-add-zoom-and-lightbox-popup-to-product-images\/","url":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/how-tos\/how-to-add-zoom-and-lightbox-popup-to-product-images\/","name":"How to Add Zoom and Lightbox Popup to Product Images? - Documentation","isPartOf":{"@id":"https:\/\/addify.store\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/how-tos\/how-to-add-zoom-and-lightbox-popup-to-product-images\/#primaryimage"},"image":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/how-tos\/how-to-add-zoom-and-lightbox-popup-to-product-images\/#primaryimage"},"thumbnailUrl":"https:\/\/lh7-us.googleusercontent.com\/W7V5ttTFGIIaE-_8uFyyuG-ub7DO82861d02h9_pF0wGM3n32upn9860PvDikwHfD-gZH8CtLzwf6mCifOh2dniFa1tXv5axLCr6IMy52-Riz-lGiwLzYGwIHXhk9_XJ2DYZKwrmlV8dcAHod92cgvQ","datePublished":"2024-05-14T06:27:46+00:00","dateModified":"2024-05-14T06:27:47+00:00","breadcrumb":{"@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/how-tos\/how-to-add-zoom-and-lightbox-popup-to-product-images\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/how-tos\/how-to-add-zoom-and-lightbox-popup-to-product-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/how-tos\/how-to-add-zoom-and-lightbox-popup-to-product-images\/#primaryimage","url":"https:\/\/lh7-us.googleusercontent.com\/W7V5ttTFGIIaE-_8uFyyuG-ub7DO82861d02h9_pF0wGM3n32upn9860PvDikwHfD-gZH8CtLzwf6mCifOh2dniFa1tXv5axLCr6IMy52-Riz-lGiwLzYGwIHXhk9_XJ2DYZKwrmlV8dcAHod92cgvQ","contentUrl":"https:\/\/lh7-us.googleusercontent.com\/W7V5ttTFGIIaE-_8uFyyuG-ub7DO82861d02h9_pF0wGM3n32upn9860PvDikwHfD-gZH8CtLzwf6mCifOh2dniFa1tXv5axLCr6IMy52-Riz-lGiwLzYGwIHXhk9_XJ2DYZKwrmlV8dcAHod92cgvQ"},{"@type":"BreadcrumbList","@id":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/how-tos\/how-to-add-zoom-and-lightbox-popup-to-product-images\/#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 & Image Zoom","item":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/"},{"@type":"ListItem","position":4,"name":"How To\u2019s WPGIZ","item":"https:\/\/addify.store\/documentation\/woocommerce\/woocommerce-product-gallery-image-zoom\/how-tos\/"},{"@type":"ListItem","position":5,"name":"How to Add Zoom and Lightbox Popup to Product Images?"}]},{"@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\/6741","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=6741"}],"version-history":[{"count":1,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6741\/revisions"}],"predecessor-version":[{"id":6742,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6741\/revisions\/6742"}],"up":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/6738"}],"wp:attachment":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/media?parent=6741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}