# Image sections

## Featured image

### How it works

The 'Featured image' section can be used in a number of ways. The stand-out feature of this section is the parallax effect.

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/jYOTZKDy6HouiTX91PWA/featured-image.jpg)

### Section settings

### Layout

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/5derMBEL8Pjt7Qj2UZQe/featured-image-layout.jpg)

### Image

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/hC0MalULvuxvZhde5nZM/featured-image-image.jpg)

### Text

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/gxRiH2n447GJNPYAXabd/featured-image-text.jpg)

### Button

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/BUCwc6xJXSgI9OGVUtWK/featured-image-button.jpg)

## Icons Row

### How It works

The 'Icons Row' section can be used to present short bursts of information to your customers. Use them in combination with predefined icons or with your own images.

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/ACh6rXnZsaTK9T3bw9Fz/icons-row-section.jpg)

{% hint style="success" %}
Add blocks by clicking on the small arrow next to the section then clicking 'Add block'.
{% endhint %}

### Section settings

Adjust the icon's width and color of this section.

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/aNbNBMStSYuZwO8MruRk/icons-row-layout-colors.png)

### Block Settings

Individually adjust the icon style and text for each block.

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/M0T1VVzEtQ5qpn9FNAvy/icons-row-item.png)

## Image with text

### How It works

'Image with text' uses a solid color block to make the text stand out over the image. Use this more striking design to grab your customer's attention.

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/S0CDHJvRwz9VYuj2Eauv/image-with-text.jpg)

### Section settings

Set up your image, text, positions, and buttons by using these section settings.

### Layout and Image

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/d6MJkH4nLhU1OIat2cRH/image-with-text-layout-image.png)

### Text

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/Nkn97QtE0RZRPuEpHsW0/image-with-text-text.png)

### Button, Video Button, and Colors

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/yRIusdtVVLqdNu03raYb/image-with-text-button-video-button-colors.png)

## Logo list

### How it works

'Logo List' creates a carousel view that you can use to showcase your brand or partnered brand logos.

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/rMoVeaqbLOULzkTSrc8z/logo-list.jpg)

{% hint style="success" %}
Add blocks by clicking on the small arrow next to the section then clicking 'Add block'.
{% endhint %}

### Section settings

Add the logos with their respective links. Also, the background color can be changed.

![Make sure to use PNG images to avoid white boxes shown above.](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/Y6UYvFKRtnLAsQ1zJwK6/logo-list-color.jpg)

### Block Settings

Set the individual images and sizes for your logo blocks.

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/ypNvxb44VnWpPhJV7oUW/logo-list-image.jpg)

## Slideshow

This is the perfect hero section for most stores. Use the Slideshow to create a home page banner with incredible customizability.

### How It works

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/HtqpLdgT5ApiZpAwiSBP/slideshow.jpg)

{% hint style="success" %}
Add blocks by clicking on the small arrow next to the section then clicking 'Add block'.
{% endhint %}

### Section settings

Adjust the general settings of the section.

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/JDZFXDUyrCftTFkdo8hG/slideshow-settings.png)

### Block Settings

Adjust the individual blocks settings of this section.

### Image

Add a mobile image that will be used on mobile devices. This image can be taller.

![For mobile images we recommend a size of 800x1000 (width to height)](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/FFxPrKEzg8bVzVL8CG0n/slide-image-block-settings.jpg)

### Text

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/lkt8zmMDCgtswBmwPX0Z/slide-text-block-settings.jpg)

### Buttons and Video

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/sziHl2kknlgWJfisWHwc/slide-button-block-settings.jpg)

## Video

### How It works

Add a video to your store pages that will autoplay as a background over text.

### Section settings

Set a YouTube or Vimeo link and regulate the size of your video section.

![](https://content.gitbook.com/content/0xb0gSOhjZME0es9RuNh/blobs/KQ7vfuUhaxbcU9o8z2Ik/video-layout-video.png)

{% hint style="info" %}
Shopify only supports YouTube and Vimeo. For any further customizations, we recommend using a third-party app.
{% endhint %}