# Image cards

<div data-full-width="true"><figure><img src="/files/dHaPBf9wiTvRsPXBrcnP" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=foxecom&#x26;utm_medium=help_center_foxify_image_cards&#x26;utm_campaign=anchor-text&#x26;utm_term=explore_foxecom_affiliate_program_perks_now">Explore FoxEcom Affiliate program perks now</a> <span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

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

Image cards provide an eye-catching layout to present visual information to visitors. You can use this section to showcase and promote sales of featured collections or products.

## Section settings

The first and foremost thing to do is to choose a layout that best fits you. Use section presets for a quick setup.

{% tabs %}
{% tab title="Grid layout 1" %}

<figure><img src="/files/81eAWVnNHlWDdgnZ9LO8" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Grid layout 2" %}

<figure><img src="/files/PglweciTXFvIn4rjG952" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Grid layout 3" %}

<figure><img src="/files/ffIUhur5pjAHhULkFtA8" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Grid layout 4" %}

<figure><img src="/files/dWIMZwA9UtTVayNsThRK" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

In mobile view, image cards will be stacked or displayed horizontally with a slider if you enable swipe on mobile.

<figure><img src="/files/8r1izexfA7Ukw8FkX4hZ" alt=""><figcaption></figcaption></figure>

## Image card block settings

Each image card in this section comes with different child blocks: Text, Heading, Richtext, and Button. You can add as many as buttons to redirect customers to your desired pages on each image card.

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

Furthermore, this section lets you add different images for your desktop and mobile versions.

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


---

# 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://docs.foxecom.com/foxify-app/legacy-editor/sections-and-presets/image-cards.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.
