# Instagram {% hint style="info" %} **Add section -> Builder -> Instagram** {% endhint %} ## Instagram This block allows you to add Instagram content to your home page. Make sure, that this block is placed over all other content blocks. Once you've added the "Instagram", you may proceed with adding “Instagram block”. ### General If you enable the option **“Show post details”** the number of comments and likes will be shown on the image once it is hovered over with the mouse.\ In the **“Amount of the images”**, one can choose the number of images that should be displayed in the row. If one doesn’t want to have any space between the images, use the option **“Disable paddings”.**\ On the scale **“Height”** from 0 to 200% one can set the height of the images, where 0 is an auto-size of the image, 100 - a square image, less than 100 - a landscape, more than 100 - a portrait.\ In this block, one can also use the option **“Disable lazy load”** if needed. ### Layout Here you can choose the size of the column for the whole “Instagram” block. Simply pick up the needed option from the dropdown list in the **“Size of the column”**. ## Instagram block This block should be added after the block “Instagram”. The number of “Instagram blocks” depends on the number of images you want to be displayed. This is a static block, where you can add or change your Instagram images. The image size can be changed on the **“Image size”** scale from 150 to 300 pixels. If you choose the option **“Enable format “PJPG”** no transparent images will be available for this block. One can also decide whether the **Lazy load** should be enabled here. If you want your clients to be redirected to a particular page when clicking on the image, you can insert an **URL** in this block. In the fields **“Likes”** and **“Comments”** random numbers can be written. These numbers will be shown on the images when one hover over them with the mouse cursor. We have added 12 “Instagram blocks” and this is what we have got: ![](/files/-MePeJOCUOBhGs1151Tv) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://mpithemes.gitbook.io/shella-shopify-theme/home-page-sections/builder/instagram.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.