2. Instagram feed API

Go to Sections > Add sections > Choose Instagram feed API

NOTE: As of June 29th, 2020, the Instagram platform will be deprecating its Legacy API. The Pixel Union Instagram Access Token Generator is no longer available for use. If you are using Instagram Access Token generated by Pixel Union, please beware that all access tokens from the Pixel Union tool will be impacted.

NOTE: Via GraphQL API (new Instagram API) Long-lived tokens are valid for 60 days. You will have to manually regenerate your access token.

1 - General settings

1.1 - User's photos via GraphQL (New Instagram API)

You can check this article to understand how to get new Access token: https://kalles-docs.the4.co/installation/how-to-get-instagram-access-token

1.3 - Number of photos

1.5 - Layout design

1.6 - Spaces between photos

1.7 - Rounded corners for images

1.8 - Photos per row on desktop/tablet/mobile

How many photos you want to show per row

2 - Slider settings

2.1 - Use loop

At the end of cells, wrap-around to the other end for infinite scrolling.

2.2 - Autoplay Speed in second.

Set is '0' to disable autoplay.

2.3 - Pause Autoplay On Hover?

Auto-playing will pause when the user hovers over the carousel.

3 - Prev next button

3.1 - Enable

3.2 - Visible

3.3 - Style

3.4 - Color

4 - Page dot

4.1 - Enable

4.2 - Style

4.3 - Color

5 - Design instagram image

5.1 - Aspect Ratio

Aspect Ratio Custom will settings in General panel.

5.2 - Image Size

5.3 - Image Position

The first value is the horizontal position and the second value is the vertical.

6 - Design options

6.1 - Layout

6.2 - Margin and padding

Margin top, margin right, margin bottom, margin left. If you not use to blank

Padding top, padding right, padding bottom, padding left. If you not use to blank

7 - Design mobile option

Margin top, margin right, margin bottom, margin left. If you not use to blank

Padding top, padding right, padding bottom, padding left. If you not use to blank

8 - Content

8.1 - Heading

8.2 - Sub text

8.3 - Design title

8.4 - Style 7 icon fontawesome

Go to this link to take icon name: https://icons8.com/line-awesome

[Private offer] EComposer Partner Plan

Exclusively for Gecko users, you can get EComposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)

  • Build ANY Shopify pages: Landing page, Sales Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.

  • Create advanced sections & add to Gecko with ease

  • Save up to 50 pages/sections

  • 100+ professional, stunning pre-designed templates

  • Anyone can build pages with live drag-drop editor

How to claim offer: Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject “Gecko+EComposer” to upgrade for free.

Cheers, The4.

Last updated