Instagram slider

Helps you display Instagram photo in a slider or grid layout easily.

1. Open the existing section

From your Shopify admin, go to Online Store > Themes.
Find the theme that you want to edit and click Customize.
Click the Instagram Slider section.

2. Add an Instagram slider section to your home page

From your Shopify admin, go to Online Store > Themes.
Find the theme that you want to edit and click Customize.
Click Add section > Instagram Slider > Add.
Use the settings to customize your Instagram Slider section.
Click Save.

3. Settings

Background

Enable: turn on/off the background.
Pick a color: choose a color to set the background color. If the background is empty, the background color will be displayed.
Background image: pick or upload your image to display it as the background image.
Background size: set the size of the background image.
Background style: set the style of the background image.

Section gutters

Enable top gutter: turn on/off the space distance on the top of the section.
Enable small top gutter: turn on/off the small space distance on the top of the section.
Enable bottom gutter: turn on/off the space distance on the bottom of the section.
Enable small bottom gutter: turn on/off the small space distance on the bottom of the section.

General settings

Heading: add the section title.
Subtitle: add section subtitle.
Hashtag: add hashtag Instagram.
The number of items to show on the screen: drag & drop quantity items to displaying on the screen.
Wide display: turn on/off displaying the section in the wider layout(still keep the gutter on the left and right).
Full width: turn on/off displaying the section in the full layout. If you enable this option, the "Wide display" option will be ignored.

4. Add/Edit/Remove an Instagram photo

Scroll down to the bottom, you will see an Add photo button, click this button to add a new Instagram photo. Or you can click one of the available Instagram photos to edit/remove it and drag/drop items to rearrange them.

Instagram photo settings

Pick an image: pick or upload your image to display it as the Instagram photo.
The post URL on Instagram: add the URL of the Instagram photo.
The post title on Instagram: add the title of the Instagram photo.

PreviousInformation list NextLogo list

Last updated 3 years ago

3. Settings

Background

Enable: turn on/off the background.

Pick a color: choose a color to set the background color. If the background is empty, the background color will be displayed.

Background image: pick or upload your image to display it as the background image.

Background size: set the size of the background image.

Background style: set the style of the background image.

Section gutters

Enable top gutter: turn on/off the space distance on the top of the section.

Enable small top gutter: turn on/off the small space distance on the top of the section.

Enable bottom gutter: turn on/off the space distance on the bottom of the section.

Enable small bottom gutter: turn on/off the small space distance on the bottom of the section.

General settings

Heading: add the section title.

Subtitle: add section subtitle.

Hashtag: add hashtag Instagram.

The number of items to show on the screen: drag & drop quantity items to displaying on the screen.

Wide display: turn on/off displaying the section in the wider layout(still keep the gutter on the left and right).

Full width: turn on/off displaying the section in the full layout. If you enable this option, the "Wide display" option will be ignored.

4. Add/Edit/Remove an Instagram photo

Instagram photo settings

Pick an image: pick or upload your image to display it as the Instagram photo.

The post URL on Instagram: add the URL of the Instagram photo.

The post title on Instagram: add the title of the Instagram photo.