Adding an image to the side of the Collection Page grid
Hello, I would like to add an image per collection page on the side of each grid. After two/three rows of images, each collection page will have an image that's a 2 x 2 block that can link to another page or site.
Here's what I think the steps would be:
1. Create a new image upload form to be added in the collection page editor (Separate from the main desc box, form should include option to insert link destination)
See photo for example:
I'm currently stuck on how to display the in the grid itself as the collection page has a loop of product items, and I don't know how to insert the image there. Can someone point me in the right direction? Currently using the Symmetry theme v4.5.0
collection-template.liquid snippet
<div class="collection-listing{% if section.settings.coll_gridstream_mode == 'stream' %}-stream{% endif %} cf">
<div class="product-list">
{% for product in collection.products %}
{% include 'product-block' with product, include_quick_buy_markup: include_quick_buy_markup %}
{% endfor %}
</div>
</div>
