How can I insert a static image into a product grid?

Technical Q&A
1

I’m having some trouble with inserting a non-product static image to a product grid.

The client has requested to add ‘campaign’ images to the product grid, to break it up a little.

Is this possible? If so, could you give me some pointers on how to do it?

Here are the site collection pages in question: https://neo87100.myshopify.com/collections/the-nero-collection - https://neo87100.myshopify.com/collections/the-alice-collection

Thanks in advance.

2

Hi @IanDC89 ,

Please go to file sections > collection-template.liquid and add code: https://i.imgur.com/Qu1dTCo.png

With image.png uploaded in Assets. https://i.imgur.com/iC5fffr.png

Hope it clear to you.

3

That’s great, made so much sense and I’ve now managed to get the picture in to the product grid.

Just a few other things if you can help, If there’s only one collections-template.liquid section, would it require duplicating to add different images to each collection?

Liquid isn’t my strong point so this framework is slightly alien to me during this task.

Thanks
Ian

4

Hi @IanDC89 ,

It is possible, you can display the image of the collection.
First, you need to upload images for the collection: https://i.imgur.com/WayWi80.png
Then change the code: =>
Hope it clear to you.

5

Hi, I would like to add an image to my collection grid too. Can you assist me on where I add the code, as I do not have collection-template liquid?

https://giant-bicycles.com.sg/collections/bikes-frames/mountain

6

Hi @seantay1993 ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

7

I have created one but no one are able to assist me