Mixed image cards
Showcase products, services, ideas, or campaigns with a bold and engaging design

Let your content shine with stunning visuals and text overlays. The Mixed image cards section in Zest allows you to combine multiple image-based blocks in a visually engaging layout—perfect for storytelling, seasonal promotions, or spotlighting product categories.
Use this section to:
Create side-by-side content blocks
Highlight seasonal campaigns, product lines, or brand messages
Add flexible content with buttons, headings, and descriptions
How to add a Mixed image cards section to your Shopify store
Steps:
In the theme editor (Customize) > click Add section
Select Mixed image cards.
Make necessary changes.
Save the settings.

How to edit a Mixed image cards section
Section settings
Here you can add the heading, subheading and a description to the header of the section.
Image settings: The Vertical alignment setting allows you to choose how an image is positioned within its container:



Block settings
In the Mixed image cards section, you can 2 block types:
Image with text: Displays an image with a heading, description, and button below the image.
Image card: Shows text directly on top of the image with overlay options

In the block settings, upload/select an image, set the Image ratio, and enter the content for it.

In the block settings:
Select your desired card layout and text color. Examples of Image card's layouts:
Upload/ select an image
Set the Image ratio and Image overlay opacity
Add the content that will display over the image.
Adjust how much space the text takes on the image using the Vertical content padding settings. Examples of Vertical content padding setting:
Examples of Image card's layouts:








Examples of Vertical content padding setting:


Last updated
Was this helpful?