# Instagram shop

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/b3HWmJnJEHgBPntBlwR4/image.png" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Step

1. From your admin, click to **Online store => Themes => Customize**
2. Add **Instagram Shop** section
3. Add new block and setup products
4. Click **Save** and you can see the result in frontstore
   {% endhint %}

## Section settings

### Section header and General

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="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/FC5vrPrC9dxFRNNxmuJ5/image.png" 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.

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

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/OA5xun9Uh2UBJTxinAk5/image.png" alt=""><figcaption></figcaption></figure>

### Lookbook settings <a href="#id-3.-carousel-and-section-padding" id="id-3.-carousel-and-section-padding"></a>

Padding in the section allows you to specify the space between the slideshow and the preceding or following sections, or both.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/0YjzLWsu3lWy5bRfSxaQ/image.png" 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="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/mZYXQQk4MwNlKa32Q6Q5/image.png" alt=""><figcaption></figcaption></figure>

### Section padding <a href="#instagram-lookbook" id="instagram-lookbook"></a>

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

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/C0NZC51x2uHKBGYl0yrl/image.png" alt=""><figcaption></figcaption></figure>

## Blocks settings

**Lookbook Image:** Select a thumbnail image that represents your lookbook visually.

**Instagram Caption:** Write a caption for the lookbook that captures its essence or theme.

**Photographer:** Credit the photographer responsible for the lookbook images.

**Instagram:** Provide a link to the collection featured within the lookbook for easy access.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/zzGxNDxAXcq8JwwCyNfV/image.png" alt=""><figcaption></figcaption></figure>

You can include up to 5 products within each lookbook, each marked by a plus sign. The position of these signs can be adjusted to precisely indicate where each product is featured within the lookbook image.

<figure><img src="https://content.gitbook.com/content/z14kVz432NnMEq8AbqBr/blobs/NC6dFbYRGqmivymqZ06D/image.png" alt=""><figcaption></figcaption></figure>