{"id":2577,"date":"2019-09-30T14:33:21","date_gmt":"2019-09-30T09:03:21","guid":{"rendered":"https:\/\/magecomp.com\/support\/?post_type=manual_documentation&#038;p=2577"},"modified":"2020-01-20T17:20:50","modified_gmt":"2020-01-20T11:50:50","slug":"instagram-images-frontend","status":"publish","type":"manual_documentation","link":"https:\/\/magecomp.com\/support\/docs\/magento-2-instagram-integration-pro\/instagram-images-frontend\/","title":{"rendered":"Image Slider on Home Page and Product Page"},"content":{"rendered":"<p><strong>Instagram Slider images on Home Page:<\/strong><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-6335\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/10_instagram_feed_slider_on_home_page.png\" alt=\"\" width=\"1206\" height=\"573\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/10_instagram_feed_slider_on_home_page.png 1206w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/10_instagram_feed_slider_on_home_page-300x143.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/10_instagram_feed_slider_on_home_page-1024x487.png 1024w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/10_instagram_feed_slider_on_home_page-768x365.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/10_instagram_feed_slider_on_home_page-600x285.png 600w\" sizes=\"(max-width: 1206px) 100vw, 1206px\" \/><\/p>\n<p>When customers first land on your Magento site, the first thing they will see is the New Improved Slider View of the Instagram Images. You can set the number of images to show from the Home Page Settings. Also, when they hover over the image, they will see the likes and comments the Image got.<\/p>\n<p><strong>Instagram Feed Images on Product Page:<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6337\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/14_Instagram_feed_images_on_product_page.png\" alt=\"\" width=\"862\" height=\"569\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/14_Instagram_feed_images_on_product_page.png 862w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/14_Instagram_feed_images_on_product_page-300x198.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/14_Instagram_feed_images_on_product_page-768x507.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/14_Instagram_feed_images_on_product_page-600x396.png 600w\" sizes=\"(max-width: 862px) 100vw, 862px\" \/><\/p>\n<p>On the product page, Instagram feed images will be displayed with the product images.<\/p>\n<p><strong>Instagram Images Slider on Product Page:<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-6338\" src=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/15_Instagram_image_slider_on_product_page.png\" alt=\"\" width=\"953\" height=\"603\" srcset=\"https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/15_Instagram_image_slider_on_product_page.png 953w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/15_Instagram_image_slider_on_product_page-300x190.png 300w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/15_Instagram_image_slider_on_product_page-768x486.png 768w, https:\/\/magecomp.com\/support\/wp-content\/uploads\/2019\/09\/15_Instagram_image_slider_on_product_page-600x380.png 600w\" sizes=\"(max-width: 953px) 100vw, 953px\" \/><\/p>\n<p>Also, the approved Instagram Images will appear as Slider on the product page.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2567,"menu_order":7,"template":"","manualdocumentationcategory":[1357],"manual_doc_tag":[],"class_list":["post-2577","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\/2577","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\/2577\/revisions"}],"predecessor-version":[{"id":6339,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_documentation\/2577\/revisions\/6339"}],"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=2577"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manualdocumentationcategory?post=2577"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/magecomp.com\/support\/wp-json\/wp\/v2\/manual_doc_tag?post=2577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}