# 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 %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://palo-alto.presidiocreative.com/palo-alto-4.1/sections/image-sections.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.