Adding an image to the side of the Collection Page grid

Store Design
1

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:

heyitsa_0-1596392597938.png
heyitsa_0-1596392597938.png760×790 165 KB

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


      

        {% for product in collection.products %}
        {% include 'product-block' with product, include_quick_buy_markup: include_quick_buy_markup %}
        {% endfor %}
2

Hello,

Please share the URL of your store.

3

Hey, thanks for replying. Currently the store is under development so it’s not online as of yet.

4

Hi! I am trying to do something similar. Were you ever able to figure something out?

5

Hi,

Hope you’re good!

Did you manage to create this kind of section ?

Im looking for the same :slightly_smiling_face:

6

Hi, have you solved this, was trying to do think too.

7

Hi, Same here, I am also stuck on the code, could you please guide me?