Adding an image to the side of the Collection Page grid

Highlighted
New Member
2 0 0

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

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>

 

0 Likes
Highlighted
Astronaut
1083 178 213

Hello,

Please share the URL of your store.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
2 0 0

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

0 Likes