Add different sized static images to collection pages/grids!

Store Design
, ,

Topic summary

A user needs help adding campaign images of varying sizes to product collection grids to visually break up product listings. The client wants different images for each collection (examples: egg pendants, rings).

Proposed Solution:

  • Create a Collection metafield named “Static images” (or similar)
  • Set type to “File” with “List of files”
  • Add images to specific collections via the metafield
  • Pull images into the collection page using Liquid code

Current Status:
The original poster requests the specific Liquid code needed to implement this solution. The responder indicates this requires custom development work and time to figure out, recommending hiring a developer for the task. The discussion remains open with the technical implementation unresolved.

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

I’m having some trouble with inserting non-product static images to collection grid. The client has requested to add ‘campaign’ images to the grid to break the products up a little.

Here are the collection pages in question: https://www.faberge.com/fine-jewellery/egg-pendants / https://www.faberge.com/fine-jewellery/rings

As you can see, they have different images for each collection. Website is https://leggati.com.

Please help!

Thanks in advance.

2

Create a metafield for Collection.

Name your metafield Static images (or similar).

Select File type.

Select List of files.

Then go to your collection and add the images.

And you should be able to pull the images for that specific collection with liquid code.

Hope this helps

3

Thanks for the help!

Doo you know the liquid code I need?

I have got to your last step.

4

Hey!

That is not a straightforward answer. This is a task that requires some time to figure it out.

I recommend you to hire a developer for this.