Add Static image to product grid in collection (Be Yours Theme)

Technical Q&A
1

I want to add static images at regular intervals within the product grid part of my collection pages.

I want each static image to appear as 2 products wide and to show after every other row alternating sides like so

product product [Image Here]
product product product product
[Image Here] product product
product product product product
product product [Image Here]

I want to do this on the “Be Yours” theme. I want the [image here]'s to be pulled from a collection metafield I already made titled “In-Grid Images”.

Anyone know how I would go about doing that?

1 Like
2

Try this

{% for product in collection.products %}
  
  // Exisitng code // call for product loop
  {% if forloop.index == 3 %}
    
    
  {% elsif forloop.index == 6 %}
    
    
  {% endif %}
{% endfor %}

Noe: You need to adjust the html a/to your need in the code.

Thanks