How can I add a Clickable image within the product grid in the collection template?

[digitairide]

just like the above image. i would like to add a clickable image within the product grid in the collection template. i am using empire  theme

[PaulMartin]

Hi @digitairide ,

In order to have a clickable image within the product grid, like in between two products, your theme's code needs to be changed. Since you are using a paid theme, I'll just give you a rough idea of how it can be done.

In the code for the product grid, you'll normally have this set up:

{% do this on each product %}
--- print the product card ---
{% end %}

What you want to do is to add pieces of code that will output the clickable image before the product card, and the code for that would look like:

{% do this on each product %}
--- if we are at product #10, show a clickable image
--- print the product card ---
{% end%}

 Depending on your requirements, you can have the clickable image show after product#15 or even at the first part. After doing that, you should now have a clickable image within the product grid 😁

Hope this helps and if you have any questions, feel free to ask! 

If you're looking for someone to do this for you, I'd be happy to do it for $25. I'll make sure that you'll have a clickable image within the product grid according to your requirements. Let me know if you're interested! 🙂👌

[digitairide]

Thank you for your support. I will let you know if i need more help

[PaulMartin]

You're welcome! 🙂👍