{"id":2574,"date":"2019-09-30T14:27:20","date_gmt":"2019-09-30T08:57:20","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=2574"},"modified":"2020-01-20T17:21:31","modified_gmt":"2020-01-20T11:51:31","slug":"cms-page-settings","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/magento-2-instagram-integration-pro\/cms-page-settings\/","title":{"rendered":"Product View in Image Popup"},"content":{"rendered":"<p>You get two options for how you want to show product when anyone clicks on Hotspot in the image. You can choose any one of them you prefer in popup settings.<\/p>\n<p><strong>Product Block View:<\/strong><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-6331\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/11_image_product_blocks_view.png\" alt=\"\" width=\"1181\" height=\"624\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/11_image_product_blocks_view.png 1181w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/11_image_product_blocks_view-300x159.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/11_image_product_blocks_view-1024x541.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/11_image_product_blocks_view-768x406.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/11_image_product_blocks_view-600x317.png 600w\" sizes=\"(max-width: 1181px) 100vw, 1181px\" \/><\/p>\n<p>The first option is Product Block View, where the product set from the backend will be shown in the Blocks, and when customers click on that product, they will be redirected to the related product page set from the backend. Hovering on the product block will show the Hotspot set in the image.<\/p>\n<p>Also, at the top profile URL with a follow button will be shown and at the bottom, there is an option to share the product on their social media channels.<\/p>\n<p><strong>Title and Link View:<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6333\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/12_image_product_title_with_link_view.png\" alt=\"\" width=\"1064\" height=\"649\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/12_image_product_title_with_link_view.png 1064w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/12_image_product_title_with_link_view-300x183.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/12_image_product_title_with_link_view-1024x625.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/12_image_product_title_with_link_view-768x468.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/12_image_product_title_with_link_view-600x366.png 600w\" sizes=\"(max-width: 1064px) 100vw, 1064px\" \/><\/p>\n<p>The second option is Title and Link view, where the title with the link of the product will be shown. When users click on them, they will be redirected to the particular product set from the backend. Hovering on the product title will show the Hotspot set in the image.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2567,"menu_order":6,"template":"","manualdocumentationcategory":[1357],"manual_doc_tag":[],"class_list":["post-2574","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-m2-instagram-integration-pro"],"_links":{"self":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":3,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2574\/revisions"}],"predecessor-version":[{"id":6334,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2574\/revisions\/6334"}],"up":[{"embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2567"}],"wp:attachment":[{"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/media?parent=2574"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=2574"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=2574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}