> For the complete documentation index, see [llms.txt](https://palo-alto.presidiocreative.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://palo-alto.presidiocreative.com/palo-alto-4.1/sections/image-sections.md).

# Image sections

## Icons Row

{% tabs %}
{% tab title="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.

![](/files/t59uLdRnF4O34SZOY2k5)
{% endtab %}

{% tab title="Section settings" %}
Adjust the icon's width and color of this section.

![](/files/z9te6OGWfl3U1lQ6f4Qn)

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

{% tab title="Block settings" %}
Individually adjust the icon style and text for each block.

![](/files/ickQFh3iHC1Ag8jHAb8E) ![](/files/aquh8Kk4b1T4EX39sUAu)

Add up to 6 blocks.
{% endtab %}
{% endtabs %}

## Image with text

{% tabs %}
{% tab title="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.

![](/files/V2Ck9f3yC6L2C5CVXogh)
{% endtab %}

{% tab title="Section settings" %}
Set up your image, text, positions, and buttons by using these section settings.

![](/files/FBjlOlCvjikpLTKU0zRZ)
{% endtab %}
{% endtabs %}

## Image accordions

{% tabs %}
{% tab title="How It works" %}
One of our newest sections, Image accordions, allows you to set a unique look and showcase multiple images that reveal more information as you hover over them.

![](/files/7BbDxQrVKzi9VijNsACS)
{% endtab %}

{% tab title="Section settings" %}
Set a style and height for the section.

![](/files/EZfC04qGQVcsjpqyFYtM)

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

{% tab title="Block settings" %}
Set the image, text, and button settings for each block.

![](/files/UHXCVHFAU20GqQG4mxWz)
{% endtab %}
{% endtabs %}

## Overlapping images

{% tabs %}
{% tab title="How It works" %}
A small section perfect for a brief summary with the ability to use images and showcase your products.

![](/files/y649xWAI0bkPtLRFUlh7)
{% endtab %}

{% tab title="Section settings" %}
The settings for this section allow you to set two images, links for each image, headings, buttons, text, and a small video link.

![](/files/7TC2Q7Fd1P1nuifCLWz9)

{% hint style="info" %}
The video opens up in a popup box.
{% endhint %}
{% endtab %}
{% endtabs %}

## Text columns with images

{% tabs %}
{% tab title="How It works" %}
Inspired by the blog posts section, 'Text collums' allows you to create your own highlights from the theme editor without having the need to create blog posts.

![](/files/jb4okJcVRMRzlzGiDnev)
{% endtab %}

{% tab title="Section settings" %}
Adjust the heading, colors, and general settings of the section

![](/files/98dVsHrjGgRN5ASjmmCb)

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

{% tab title="Block settings" %}
Adjust the individual blocks text, buttons, links, images, video popup, and more.

![Max columns: 50](/files/U5nFRmB3q7VlMkPlpUxg)
{% endtab %}
{% endtabs %}

## Split images

{% tabs %}
{% tab title="How It works" %}
Create a split view to showcase your products or product images.

![](/files/bjDACRp80pxOgASSxGAp)
{% endtab %}

{% tab title="Section settings" %}
Set the section height, alignment, and text settings.

![](/files/UTW4uQvms6NyG0Ilfdgx)

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

{% tab title="Block settings" %}
Set the individual images.

![](/files/Vly0eoqWIqFXsI95j8G3)
{% endtab %}
{% endtabs %}

## Logo list

{% tabs %}
{% tab title="How it works" %}
'Logo List' creates a carousel view that you can use to showcase your brand or partnered brand logos.

![](/files/1LriRs9wjDtCWrp2ztX0)
{% endtab %}

{% tab title="Section settings" %}
Add the logos with their respective links. Also, the background color can be changed.

![](/files/Jhsz8oGd7Vpwvk5lcjSq)

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

{% tab title="Block settings" %}
Set the individual images and sizes for your logo blocks.

![Add up to 25 blocks](/files/cvAxqo8obNJV8XgNykok)
{% endtab %}
{% endtabs %}

## Slideshow

{% tabs %}
{% tab title="How It works" %}
This is the perfect hero section for most stores. Use the Slideshow to create a home page banner with incredible customizability.

![](/files/DQimKMhDMXG5Mwo8R16P)
{% endtab %}

{% tab title="Section settings" %}
Adjust the general settings of the section.

![](/files/lfL0WoQD92BPfogBqPzj)

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

{% tab title="Block settings" %}
Adjust the individual block settings of this section.

![Add up to 10 blocks](/files/e1BaGaeMZydtch4GUffn)

{% hint style="info" %}
If the button text is empty, the whole slide becomes the link.
{% endhint %}
{% endtab %}
{% endtabs %}

## Video

{% tabs %}
{% tab title="How It works" %}
Add a video to your store pages that will autoplay as a background over text.

![](/files/vYlqtyswsr0FY9OHMgLy)
{% endtab %}

{% tab title="Section settings" %}
Set a YouTube or Vimeo link and regulate the size of your video section.

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

![](/files/6q21CHfZk5JbwLB1XDqM)
{% endtab %}
{% endtabs %}