> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-7-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-7-documentation/sections-and-blocks/media-gallery.md).

# Media gallery

Display Instagram post images to visually connect your brand’s social media with your store, enhance credibility, and inspire customers through real lifestyle photos.

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FCYSJCiGHo5mQPZV0zVsQ%2Fimage.png?alt=media&amp;token=f636ea83-b391-42a6-82fa-cd6b92840278" alt=""><figcaption></figcaption></figure>

## There are 2 ways to add a Section to your store

### **1. Add a pre-made section from our demo?**

[Read the instructions here](/ella-7-documentation/sections-and-blocks/get-section-on-demo.md)

### **2. Add the Instagram section** manuall&#x79;**?**

* From your Shopify admin, go to **Online Store ->** **Themes**.
* Find the theme that you want to edit, and then click **Customize**.
* In the **Templates ->** **Add section ->** choose **Media gallery**

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FqqJ5tmRrlOSrnIzr5P0r%2Fimage.png?alt=media&amp;token=ec57107f-b619-4e6f-9b3a-1e2300aca780" alt=""><figcaption></figcaption></figure>

### Media gallery - Settings Guide

Layout, size, appearance, and padding match Custom Section (direction, alignment, width, height, background media, overlay, padding). See Custom Section for the full table.

Use the nested **Media gallery** / Instagram item blocks to control columns, gaps, and hover content.

### Default blocks

* **Section header** — heading above the grid.
* **Instagram item** (repeat) — one image per post.

Typical Instagram item settings:

* Image
* Link (Instagram URL or collection/product)
* Hover content (icon, text)
* Corner radius / overlay

Add as many Instagram items as you need. On mobile, the grid can switch to a carousel depending on the inner gallery block settings.

#### **Zero design skills? Create professional mockups, logos & videos for your store in seconds.** [<mark style="color:orange;">Create... in seconds</mark>](https://1.envato.market/c/3093631/3323999/4662)**​**

<figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2Fs3fa70wx6DWD5Jv1FdN1%2F970x90_JOB-1340_AffiliateValuePropAI_DisplayBanner.png?alt=media&amp;token=1fc9da94-06b5-496f-8049-d7b256d7003f" alt=""><figcaption></figcaption></figure>

## Need More Help?

If you experience any difficulties or require extra support with your Ella theme, feel free to contact our support team through our [Ticket System](https://halosoft.ticksy.com/) — we’ll get back to you within 24 hours.

Simply scan the QR code below to join our Facebook community and stay updated with the latest news, tips, and announcements.

<div align="left"><figure><img src="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2F6DSdaXqNMMBSOZPU97FQ%2FQR-halothemes-community.png?alt=media&amp;token=613e73d0-0a18-4598-934c-e5048806f533" alt="Halothemes Community" width="233"><figcaption></figcaption></figure></div>

<a href="https://www.facebook.com/groups/halothemescommunity" class="button primary" data-icon="comment-dots">Join HaloThemes Community</a>