M1 Instagram Connect and Connect Pro

Instagram Images on Frontend

96 views admin 1

Once you paste the code and save page, you can see Instagram images on frontend.

Instagram images on homepage:

Instagram page: Here you can see Instagram images block with filter option. Simply select user or hashtag from the option to filter images by. Hovering the images here show Instagram likes and comments count. Click image to open it in a popup in set view from backend.

Product Block View: Here you can see Instagram images in popup with product blocks set from backend. Hovering product block will show related hotspots on image.

Title with Link View: If you have selected title with link view from configuration and set titles and links related to them from backend, you can see them in frontend. Simply hover titles to see hotspots on image and click titles to get redirected to a particular page from backend.

Instagram View: If you have selected Instagram view from backend, you can see Instagram view enabled in popup.

For Multiple Images of a Single Post:
As Instagram has introduced adding multiple images i.e 10 in a single post. Extension also gives the facility to fetch such post with multiple images and show them under various popup views. You can approve such images and setup hotspot for the very first image of the multiple ones. Whether you select any of the 3 Instagram views, hotspot will be shown on the very first image and one can navigate to other images just by clicking navigation buttons on the images.

  • Instagram image block in sidebar

 

Was this helpful?