Instagram Special
Last updated
Last updated
To add this section, please follow below steps:
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Click Add section and choose "Instagram Special".
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.
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.
