To add this section, please follow the 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".
| Setting | Description |
|---|---|
Section width | Select the section width from the dropdown menu:
|
Custom width | Determines the width of the section when you choose 'Custom width' option at 'Section width' setting . Can be from 1000px to 1800px, increasing arithmetically of 50px (pixel) |
Heading
| Setting | Description |
|---|---|
Logo image | Set up an logo image (1600 x 270px .jpg recommended) |
Custom logo width | Determines the size avatar. Can be from 30px to 120px, in 1px arithmetic increments. |
Logo bottom margin | Determines the height of the bottom outside space of the logo. Can be from 0px to 100px, increasing arithmetically of 1px (pixel) |
Heading | Add text to display as a section heading (Leave the field blank to hide the heading) |
Heading size | Font size of text:
|
Heading bottom margin | Determines the height of the bottom outside space of the heading. Can be from 0px to 100px, increasing arithmetically of 1px (pixel) |
Button type | Select the type button from the dropdown menu:
|
Button link label | Add text to display as a button on the block (Leave the field blank to hide the link) |
Link label | Set the link, for example the customer service page |
Button link bottom margin | Determines the height of the bottom outside space of the button link. Can be from 0px to 100px, increasing arithmetically of 1px (pixel) |
Block image
| Setting | Description |
|---|---|
Layout | Select the layout style for the section:
|
Floating
| Setting | Description |
|---|---|
Customize block height | Determines the height of the block. Can be from 200px to 1000px, in 10px arithmetic increments |
Carousel
| Setting | Description |
|---|---|
Products per row (desktop) | Determines the number of products on the desktop. Can be from 2 to 5, increasing arithmetically of 0.1 |
Products per row (tablet) | Determines the number of products on the tablet. Can be from 1 to 3, increasing arithmetically of 0.1 |
Products per row (mobile) | Determines the number of products on the mobile from the dropdown menu:
|
Grid spacing (desktop) | Determines the grid spacing between columns of products on desktop devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel). |
Grid spacing (tablet) | Determines the grid spacing between columns of products on tablet devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel). |
Grid spacing (mobile) | Determines the grid spacing between columns of products on mobile devices. Can be from 0px to 50px, increasing arithmetically of 1px (pixel). |
Enable arrows | Display arrows on devices:
|
Arrows position | Select the arrows position from the dropdown menu:
|
Enable pagination | Display pagination on devices:
|
Pagination type | Select the pagination type from the dropdown menu:
|
Enable infinite scroll | Select this option if you want the images to scroll infinitely |
Colors
| Setting | Description |
|---|---|
Color scheme | Select a color scheme to set the text and background colors for the section |
Animations
| Setting | Description |
|---|---|
Text animation | Select the text animation from the dropdown menu:
|
Section padding
| Setting | Description |
|---|---|
Top padding | Determines the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding | Determines the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Top padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Bottom padding on mobile | Determines the height of the top inner space of the section on mobile. Can be from 0px to 100px, increasing arithmetically of 1px (pixel). |
Last updated