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".
Settings | Meaning |
---|---|
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. |
Settings | Meaning |
---|---|
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. |