# Image cards

![](https://docs-assets.foxecom.app/minimog-theme/image%20(2)_Uzpzgrrm.png)

You can use this section to showcase bestseller products or collections under banner image format.

<Hint type="success">

Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Image cards**
3. **Save**

</Hint>

## 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).

![image](https://docs-assets.foxecom.app/minimog-theme/image_g289EEws.png)

Select the container type, background color, and layout. Use the slider to change the gap between items.

![image](https://docs-assets.foxecom.app/minimog-theme/image_aPTzq7oC.png)

<Tabs>
<Tab title="Grid Layout 1">

![image](https://docs-assets.foxecom.app/minimog-theme/image_rh8huaxQ.png)

</Tab>

<Tab title="Grid Layout 2">

![image](https://docs-assets.foxecom.app/minimog-theme/image_lFXtr0Lt.png)

</Tab>

<Tab title="Grid Layout 3">

![image](https://docs-assets.foxecom.app/minimog-theme/image_mcqB9MfU.png)

</Tab>

<Tab title="Grid Layout 4">

![image](https://docs-assets.foxecom.app/minimog-theme/image_wZ1HXzhv.png)

</Tab>

<Tab title="Grid Layout 5">

![image](https://docs-assets.foxecom.app/minimog-theme/image_7BfnKb5C.png)

</Tab>
</Tabs>

### Mobile settings

Help to enable horizontal scroll on mobile view. You can untick it if you want the vertical scroll.

![](https://docs-assets.foxecom.app/minimog-theme/Screen%20Shot%202021-10-14%20at%2014.46.56_aruKFYPg.png)

## Block settings

### **Content**

Change the content inside the banner such as position, alignment, etc. using the dropdown fields.

![](https://docs-assets.foxecom.app/minimog-theme/Screen%20Shot%202021-10-14%20at%2014.12.54_cRNYopBZ.png)

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.

![image](https://docs-assets.foxecom.app/minimog-theme/image_u8Xz2POv.png)

### 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.**

![](https://docs-assets.foxecom.app/minimog-theme/Screen%20Shot%202021-10-14%20at%2015.14.44_FFdF6fC9.png)

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).&#x20;

![image](https://docs-assets.foxecom.app/minimog-theme/image_78PWLxJj.png)

![image](https://docs-assets.foxecom.app/minimog-theme/image_KrVClAh4.png)