Instagram Special

To add this section, please follow below steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Add section and choose "Instagram Special".

Section settings

General

SettingsMeaning

Layout

Select the layout width of the whole section. The options are: Default (same as the body width), 1170px, 1770px, Full Width (the 100% of the viewport width).

Padding Container Full Width

Determine the left and right padding of the section when layout Full Width is selected.

Enable Border Top?

Toggle the top border of the section.

Border Color

Set color for the top border of the section.

Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile

Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.

Background Color

Set color for the background of the section.

Background Gradient

Set color gradient for the background for the section.

Background Image

Select/Upload image as the section background.

Title

Enter text for the section title.

Title Color

Set color for the title.

Title Font Size

Determine the font size of the section title.

Title Font Size Mobile

Determine the font size of the title on mobile device.

Title Margin Bottom

Determine the spacing of the title from the bottom.

Description

Enter text for the section description.

Description Color

Set color for the description text.

Description Font Size

Determine the font size for the description text.

Description Margin Bottom

Determine the spacing bottom of the section description.

Alignment

Select the alignment of the content to be either to the Left, Right or Center of the section.

Display Icon Show More?

Toggle the show more icon to show more images.

Color

Set color for the icon.

Border Color

Set color for the icon border.

Background Color

Set color for the icon background.

Background Gradient

Set color gradient for the icon background.

Display Button?

Toggle to show the button.

Button Text

Enter the text for the button.

Type Button

Decide the behavior of the button on clicked. The options are: Load more block item, Redirect to URL.

Button Link

Set URL for the button to redirect to.

Color - Border Color - Background Color - Background Gradient

Set colors for button text, background and border.

Button Width

Determine the width of the button.

Content - Layout

Select the layout of the block images.

Grid Gap

Determine the gap between block images.

Border Radius

Set roundness of the border of the blocks.

When Click On Image

Decide the behavior of the images on clicked to be either to open FancyBox for clearer view or to redirect to URL.

[BLOCK] Instagram

SettingsMeaning

Enable?

Toggle to show/hide the block.

Image

Upload/Select an image.

Link

Set link for the block image to redirect to when clicked if the When Click On Image "Redirect To URL" option is selected.

Last updated