Venture // Unique Banner Image per Collection

Store Design
1

Howsit

I am trying to add a collection banner

I have added the following code into the theme.liquid to ensure that there is no gap between the image and the section above.

{% section ‘header’ %}

{%- if template contains ‘collection’ -%}
{% section ‘full-banner’ %}
{% endif %}

This then links to :

{% if section.settings.enable_full_banner %}

.section--fullwidth-banner{ position: relative; display: flex; align-items: center; width: 100%; height: {{section.settings.img_height}}px; overflow: visible; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .section--fullwidth-banner .title{ z-index: 1; width: 100%; font-weight: 900; font-size: 170%; } .section--fullwidth-banner .title span{ display: inline-block; padding: 10px 20px; background: rgba(255,255,255,0.8); color: #000; } {% comment %} .section--fullwidth-banner img{ position: absolute; z-index: 0; top: 0; left: 0; right: 0; } {% endcomment %}

{% endif %}

{% schema %}
{
“name”: “Full-width Banner”,
“settings”: [
{
“type”: “checkbox”,
“id”: “enable_full_banner”,
“label”: “Enable Fullwidth Banner”,
“default”: true
},
{
“type”: “image_picker”,
“id”: “img”,
“label”: “Default image”
},
{
“type”: “number”,
“id”: “img_height”,
“label”: “Image height in px”,
“default”: 300
}
]
}

{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

The problem I am having is that is only 1 image across all collection pages.
How can I make this a different image per collection or URL ?

Thanks so much !!