{"id":513,"date":"2025-04-18T06:27:26","date_gmt":"2025-04-18T06:27:26","guid":{"rendered":"https:\/\/woogallery.io\/docs\/?post_type=docs&#038;p=513"},"modified":"2025-04-18T06:27:26","modified_gmt":"2025-04-18T06:27:26","slug":"woogallery-with-divi-builder","status":"publish","type":"docs","link":"https:\/\/woogallery.io\/docs\/woogallery-with-divi-builder\/","title":{"rendered":"WooGallery with Divi Builder"},"content":{"rendered":"\n<p>WooGallery is fully compatible with the Divi Builder. Suppose, you have customized your single product page template with Divi Builder to show your website products and want you use the WooGallery on the single product page. Then please follow the instructions below:\u00a0<\/p>\n\n\n\n<p>1) <strong>Install<\/strong> the WooGallery plugin and activate the <strong>License Key<\/strong>.&nbsp;<\/p>\n\n\n\n<p>2) Divi builder has module named<strong> Woo Product Images<\/strong> by which the product images is shown on the single product page.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"747\" src=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Divi-Product-Images-Module-1024x747.png\" alt=\"\" class=\"wp-image-514\" srcset=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Divi-Product-Images-Module-1024x747.png 1024w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Divi-Product-Images-Module-300x219.png 300w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Divi-Product-Images-Module-768x560.png 768w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Divi-Product-Images-Module-1536x1120.png 1536w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-Divi-Product-Images-Module.png 1840w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Note<\/strong>: You can also use the WooGallery shortcode in text module where you want to display the WooGallery on the single product page.\u00a0<\/p>\n\n\n\n<p>3) The WooGallery plugin will automatically replace the default product gallery.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"748\" src=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-With-Divi-Builder-Frontend-1024x748.png\" alt=\"\" class=\"wp-image-515\" srcset=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-With-Divi-Builder-Frontend-1024x748.png 1024w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-With-Divi-Builder-Frontend-300x219.png 300w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-With-Divi-Builder-Frontend-768x561.png 768w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-With-Divi-Builder-Frontend-1536x1121.png 1536w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-With-Divi-Builder-Frontend.png 1841w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>4) Now if you want you can customize your product gallery from the WooGallery settings.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"476\" src=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-All-Settings-Tabs-1024x476.png\" alt=\"\" class=\"wp-image-516\" srcset=\"https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-All-Settings-Tabs-1024x476.png 1024w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-All-Settings-Tabs-300x139.png 300w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-All-Settings-Tabs-768x357.png 768w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-All-Settings-Tabs-1536x714.png 1536w, https:\/\/woogallery.io\/docs\/wp-content\/uploads\/2025\/04\/WooGallery-All-Settings-Tabs-2048x952.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Note:<\/strong> The gallery may not appear properly inside the Divi Builder preview. But it will show and work properly on the live product page.\u00a0<\/p>\n\n\n\n<p><\/p>\n","protected":false},"parent":0,"menu_order":14,"template":"","docs_cat":[7],"class_list":["post-513","docs","type-docs","status-publish","hentry","docs_cat-integrations"],"_links":{"self":[{"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/docs\/513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/types\/docs"}],"version-history":[{"count":1,"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/docs\/513\/revisions"}],"predecessor-version":[{"id":517,"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/docs\/513\/revisions\/517"}],"wp:attachment":[{"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/media?parent=513"}],"wp:term":[{"taxonomy":"docs_cat","embeddable":true,"href":"https:\/\/woogallery.io\/docs\/wp-json\/wp\/v2\/docs_cat?post=513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}