{"id":79,"date":"2018-01-19T14:10:41","date_gmt":"2018-01-19T14:10:41","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier-new\/?p=79"},"modified":"2024-06-04T14:00:51","modified_gmt":"2024-06-04T14:00:51","slug":"product-gallery-options","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/","title":{"rendered":"Product gallery options"},"content":{"rendered":"\n<p>From the tab\u00a0<strong>Product gallery options<\/strong>, you can control what the product gallery will look like.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1408\" height=\"1240\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/gallery-options.jpg\" alt=\"Product gallery options\" class=\"wp-image-334\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/gallery-options.jpg 1408w, https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/gallery-options-300x264.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/gallery-options-1024x902.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/gallery-options-768x676.jpg 768w\" sizes=\"auto, (max-width: 1408px) 100vw, 1408px\" \/><\/figure>\n\n\n\n<p>Here, you can configure the following options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hide gallery thumbnails from single product page<\/strong>: enable this option to hide the product gallery thumbnails from the product page. Keep it enabled to configure the gallery and the slider.<\/li>\n\n\n\n<li><strong>Change main image on<\/strong>: \n<ul class=\"wp-block-list\">\n<li><strong>Click <\/strong>&#8211; the user must click on the thumbnail to change the main product image<\/li>\n\n\n\n<li><strong>Hover <\/strong>&#8211; the image will be replaced when the mouse hovers over the thumbnail<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Add opacity on inactive thumbnails<\/strong>: enable to add opacity on inactive thumbnails and let only the active thumbnail stand out.<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\"><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"659\" height=\"371\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier-new\/wp-content\/uploads\/sites\/182\/2021\/09\/Opacity-on-inactive-thumbnails.jpg\" alt=\"\" class=\"wp-image-287\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2021\/09\/Opacity-on-inactive-thumbnails.jpg 659w, https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2021\/09\/Opacity-on-inactive-thumbnails-300x169.jpg 300w\" sizes=\"auto, (max-width: 659px) 100vw, 659px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Apply grey scale on inactive thumbnails<\/strong>: enable to apply greyscale to inactive thumbnails and let only the active thumbnail stand out.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"659\" height=\"371\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier-new\/wp-content\/uploads\/sites\/182\/2021\/09\/Grey-scale-on-inactive-images.jpg\" alt=\"\" class=\"wp-image-289\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2021\/09\/Grey-scale-on-inactive-images.jpg 659w, https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2021\/09\/Grey-scale-on-inactive-images-300x169.jpg 300w\" sizes=\"auto, (max-width: 659px) 100vw, 659px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Add zoom effect to the thumbnails<\/strong>: add a zoom effect when hovering over the thumbnails.<\/li>\n\n\n\n<li><strong>Active thumb border color<\/strong>: set the color of the active thumbnail border.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Slider options<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable slider<\/strong>: enable this option to show the product gallery images in a slider. If enabled, you will be able to configure colors, arrows and autoplay options from the settings below.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"658\" height=\"262\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier-new\/wp-content\/uploads\/sites\/182\/2021\/09\/slider.gif\" alt=\"\" class=\"wp-image-291\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1648\" height=\"1975\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/slider-1.jpg\" alt=\"Slider options\" class=\"wp-image-336\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/slider-1.jpg 1648w, https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/slider-1-250x300.jpg 250w, https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/slider-1-854x1024.jpg 854w, https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/slider-1-768x920.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/slider-1-1282x1536.jpg 1282w\" sizes=\"auto, (max-width: 1648px) 100vw, 1648px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Thumbnails to show<\/strong>: set the number of thumbnails to show in the slider. <\/li>\n\n\n\n<li><strong>Slider colors<\/strong>: background &#8211; border &#8211; arrow (default color and on hover)<\/li>\n\n\n\n<li><strong>Slider sizes<\/strong>: slider &#8211; arrow &#8211; border<\/li>\n\n\n\n<li><strong>Border radius (%)<\/strong>: set the border radius to change the shape of the slider. From 0% square corners to 100% round corners.<\/li>\n\n\n\n<li><strong>Show slider arrows<\/strong>: \n<ul class=\"wp-block-list\">\n<li><strong>fixed <\/strong>&#8211; keep the slider arrows displayed<\/li>\n\n\n\n<li><strong>on hover <\/strong>&#8211; display the arrows when hovering over the thumbnail gallery.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Infinite slider<\/strong>: enable to let the slider show all the images and start again from the first. This can have a different setting:\n<ul class=\"wp-block-list\">\n<li><strong>circular <\/strong>&#8211; the thumbnail after the last one will be the 1st of the list and the slider will start again.<\/li>\n\n\n\n<li><strong>back to the 1st<\/strong> &#8211; after the last thumbnail the slider go back and jump to the 1st thumbnail.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Autoplay slider<\/strong>: the slider will automatically play and let the images rotate when the page is loaded.<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\"><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>From the tab\u00a0Product gallery options, you can control what the product gallery will look like. Here, you can configure the following options: Slider options<\/p>\n","protected":false},"author":11,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-79","post","type-post","status-publish","format-standard","hentry","category-premium-version-settings"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>YITH Zoom Magnifier: Product gallery options<\/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:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YITH Zoom Magnifier: Product gallery options\" \/>\n<meta property=\"og:description\" content=\"From the tab\u00a0Product gallery options, you can control what the product gallery will look like. Here, you can configure the following options: Slider options\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH WooCommerce Product Gallery &amp; Image Zoom\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-19T14:10:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-04T14:00:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/gallery-options.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/\",\"name\":\"YITH Zoom Magnifier: Product gallery options\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/gallery-options.jpg\",\"datePublished\":\"2018-01-19T14:10:41+00:00\",\"dateModified\":\"2024-06-04T14:00:51+00:00\",\"author\":{\"@id\":\"\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/gallery-options.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/gallery-options.jpg\",\"width\":1408,\"height\":1240},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Product gallery options\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/\",\"name\":\"YITH WooCommerce Product Gallery &amp; Image Zoom\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/author\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YITH Zoom Magnifier: Product gallery options","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:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/","og_locale":"en_US","og_type":"article","og_title":"YITH Zoom Magnifier: Product gallery options","og_description":"From the tab\u00a0Product gallery options, you can control what the product gallery will look like. Here, you can configure the following options: Slider options","og_url":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/","og_site_name":"YITH WooCommerce Product Gallery &amp; Image Zoom","article_published_time":"2018-01-19T14:10:41+00:00","article_modified_time":"2024-06-04T14:00:51+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/gallery-options.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/","name":"YITH Zoom Magnifier: Product gallery options","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/gallery-options.jpg","datePublished":"2018-01-19T14:10:41+00:00","dateModified":"2024-06-04T14:00:51+00:00","author":{"@id":""},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/gallery-options.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-content\/uploads\/sites\/182\/2023\/05\/gallery-options.jpg","width":1408,"height":1240},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/premium-version-settings\/product-gallery-options\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/"},{"@type":"ListItem","position":2,"name":"Product gallery options"}]},{"@type":"WebSite","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/#website","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/","name":"YITH WooCommerce Product Gallery &amp; Image Zoom","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/author\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-json\/wp\/v2\/posts\/79","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-json\/wp\/v2\/comments?post=79"}],"version-history":[{"count":12,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-json\/wp\/v2\/posts\/79\/revisions"}],"predecessor-version":[{"id":396,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-json\/wp\/v2\/posts\/79\/revisions\/396"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-json\/wp\/v2\/media?parent=79"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-json\/wp\/v2\/categories?post=79"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-zoom-magnifier\/wp-json\/wp\/v2\/tags?post=79"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}