> For the complete documentation index, see [llms.txt](https://templatescoder.gitbook.io/pizzon-shopify-theme-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://templatescoder.gitbook.io/pizzon-shopify-theme-documentation/all-sections-in-theme/instagram.md).

# Instagram

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2F9lmd6on1IGjLsTHCHfp3%2Fscreenshort-125.jpg?alt=media&amp;token=5ba27a2b-6f0a-4722-af08-53ed3e20f5b6" alt=""><figcaption></figcaption></figure>

To add this section, please follow below steps:

{% hint style="success" %}
**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"**.
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/SkIHgFDpy0SIeYlayaAb/blobs/77YtY7PkL4RWvQXXVt9i/screenshort-131.jpg" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/SkIHgFDpy0SIeYlayaAb/blobs/ASXegePHq9yyDAUirVtz/screenshort-132.jpg" alt=""><figcaption></figcaption></figure>

| Settings                                                | Meaning                                                                                                                                       |
| ------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- |
| Layout                                                  | Select the layout width of the whole section. The options are: Default (same as the body width), Full Width (the 100% of the viewport width). |
| 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.                               |
| Enable Border                                           | Toggle to show border around the section.                                                                                                     |
| Border Color                                            | Set color for the section border.                                                                                                             |
| Title                                                   | Enter text for the section title.                                                                                                             |
| Title Color                                             | Set color for the title.                                                                                                                      |
| Title Margin Bottom                                     | Determine the spacing of the title from the bottom.                                                                                           |
| Title Font Size                                         | Determine the font size of the title                                                                                                          |
| Title Font Size Tablet                                  | Determine the font size of the title on Tablet device.                                                                                        |
| Title Font Size Mobile                                  | Determine the font size of the title on mobile device.                                                                                        |
| 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.                                                                                             |
| Alignment                                               | Select the alignment of the content to be either to the Left, Right or Center of the section.                                                 |
| View All                                                | Enter the text for the view all button.                                                                                                       |
| View All Font Size                                      | Specify the font size for the view all button text.                                                                                           |
| View All Alignment                                      | Select the alignment of the view all button to be either Left, Right or Center.                                                               |
| View All Font Weight                                    | Select the font weight of the view all button text to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.                             |
| View All Link                                           | Specify the link for the view all button to redirect to.                                                                                      |

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FeYDusazGT1EmcQ2TEQDZ%2Fscreenshort-126.jpg?alt=media&amp;token=095b9bef-d622-42fb-8d26-2b7311e5f35e" alt=""><figcaption></figcaption></figure>

**Instagram block**

| Settings | Meaning                                                                                            |
| -------- | -------------------------------------------------------------------------------------------------- |
| Enable?  | Toggle to show/hide the block.                                                                     |
| Image    | Upload/Select image for the block.                                                                 |
| Link     | Insert the link for the image to redirect to if the When Click On Image is set to Redirect To URL. |

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FQikLc7yl6dcIcJOqDwRY%2Fscreenshort-127.jpg?alt=media&amp;token=96256256-3330-47f0-8597-b50b050c79ca" alt=""><figcaption></figcaption></figure>
