Add static image to Product Grid?

IanDC89
New Member
2 0 0

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.

0 Likes

Hi @IanDC89

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

<img src="{{ 'image.png' | asset_url }}" alt="" />

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

Hope it clear to you.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
IanDC89
New Member
2 0 0

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

0 Likes

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: <img src="{{ 'image.png' | asset_url }}" alt="" /> => <img src="{{ collection.image | img_url: 'master' }}" alt="" />
Hope it clear to you.

LitExtension - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes