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

# Instagram

Instagram is one of the most influential social platforms that can attract potential customers. Using it in your store can be a tactic move.

<figure><img src="/files/JoFkTawnyXnWPdMlQdiu" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Instagram**
3. **Save**
   {% endhint %}

## Section settings <a href="#section-settings" id="section-settings"></a>

### **Section header and General** <a href="#id-1.-section-header-and-general" id="id-1.-section-header-and-general"></a>

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.

Adjust the text alignment (left/center/right) along with the background color and container type.

<figure><img src="/files/KU9D9Vm1zPDcOOC8weYp" alt=""><figcaption></figcaption></figure>

**Layout:** You can choose between Fluid Container, Stretch width, Full width for the layout or just leave it with the default layout of the video.

The **Instagram profile** layer is placed over the Instagram block, showcasing your Instagram account and providing a direct link to your social media presence within that section.

<figure><img src="/files/do4AGxqyg7UjAWqJx94f" alt=""><figcaption></figcaption></figure>

**Color schema:** You are allowed to change text color, background color, etc. with preset color.

**Background image:** Select a background image to be applied across the entire section, setting a cohesive visual tone or theme for that part of your content.

**Column gap:** Adjust the spacing between two Instagram items to ensure a visually pleasing and well-organized layout within the Instagram block.

<figure><img src="/files/4Gs5LjYTVayGbtJSRoGq" alt=""><figcaption></figcaption></figure>

### **Instagram settings** <a href="#id-2.-layout-settings" id="id-2.-layout-settings"></a>

You have the option to either manually upload images to the Instagram section or automatically populate it using the Instagram API, depending on your preference for control and convenience.

<figure><img src="/files/e75D2YL0lirNUSzZJAmG" alt=""><figcaption></figcaption></figure>

Choose both the number of items to display and the layout format (grid or carousel) to customize how your content is visually organized and presented.

<figure><img src="/files/DjVter0GaNVnjZPYjqut" alt=""><figcaption></figcaption></figure>

### Settings for carousel

**Autoplay / Infinite Play:** Enable this setting for the carousel to automatically scroll through items indefinitely, providing a seamless browsing experience.

**Show Arrows and Dots:** Activate arrows for users to manually swipe through carousel items and dots for a visual indicator of their position within the carousel.

Direct Navigation via **Dot:** Utilize dots to allow users to jump directly to a specific tab or item in the carousel, enhancing navigation efficiency.

<figure><img src="/files/CaaYhhxllpglW1MLkPp7" alt=""><figcaption></figcaption></figure>

### Section padding

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

<figure><img src="/files/K5xBJfGumfwiUGFtF514" alt=""><figcaption></figcaption></figure>

## Blocks settings <a href="#instagram-items-setting" id="instagram-items-setting"></a>

You have the flexibility to choose between Image or Video as the content type for your display, allowing for a diverse range of visual presentations.

**Link:** Provide a direct link to the associated image, enabling users to access it with a single click.

<figure><img src="/files/PK5HOD95jrJPS3brqHq6" alt=""><figcaption></figcaption></figure>