> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/minimog-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/minimog-theme/theme-sections/image-cards.md).
# Image cards
You can use this section to showcase bestseller products or collections under banner image format.
{% hint style="success" %}
Steps
1. In the theme editor (**Customize**), click **Add section**
2. Locate **Image cards**
3. **Save**
{% endhint %}
## Section settings
### **Section header and general**
Use the provided text fields to add a suitable heading/subheading/description. Leave any of the fields blank if you do not want to display them. Adjust the text alignment of the section (Left/Center).
Select the container type, background color, and layout. Use the slider to change the gap between items.
{% tabs %}
{% tab title="Grid Layout 1" %}
{% endtab %}
{% tab title="Grid Layout 2" %}
{% endtab %}
{% tab title="Grid Layout 3" %}
{% endtab %}
{% tab title="Grid Layout 4" %}
{% endtab %}
{% tab title="Grid Layout 5" %}
{% endtab %}
{% endtabs %}
### Mobile settings
Help to enable horizontal scroll on mobile view. You can untick it if you want the vertical scroll.
## Block settings
### **Content**
Change the content inside the banner such as position, alignment, etc. using the dropdown fields.
Add some text for the banner’s **Heading** and **Subheading.** Leave them blank if you do not want to display them.
Click **Select image** to assign the image to the banner and paste a link for the image.
### Button settings
Add a call-to-action button to direct customers to the product detail page. Add a **Label** then choose a **Button style** and adjust the **Button size.**
You can also set your Button as **Fixed on bottom**. The button's text color is based on what you've set in the block's [Text color](#1.-content).