Mixed image cards

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

#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:

TopMiddleBottom

#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

Image with text blockImage card block

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:

Design 1Design 2Design 3Design 4Design 5Design 6Design 7Design 8

#Examples of Vertical content padding setting: