Image cards

Learn how to feature bestseller products or collections with stunning Image cards

Explore FoxEcom Affiliate Program now ✨

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

Steps

1. In the theme editor (Customize), click Add section

2. Locate Image cards

3. Save

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.

Grid Layout 1

Grid Layout 2

Grid Layout 3

Grid Layout 4

Grid Layout 5

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.