Theme Development - When I make amends to a collection it also changes the other collections

[JasonIsMyName]

I have built a couple collection templates - in this instance I am editing one called 'collection.brand.liquid', placing sections through out this collection template so the content can be edited in the wysiwig editor for each collection.

This works beautifully for the first brand collection, but then for all collections following the first one just replaces the content, creates the separate page but the content is the same across both brands pages.

Surely Shopify doesn't want me to have 300 collection templates?

collection.brand.liquid:

{% section 'slider-brand-informative' %}

<div class="section brand-page-section">
    <div class="section-inner">
        {% section 'block-brand-introduction' %}

        {% section 'block-brand-slanty' %}

        {% section 'block-brand-slanty-additional' %}

        {% section 'block-brand-chunky' %}

        {% section 'block-brand-chunky-additional' %}

        {% section 'block-brand-featured-news' %}
    </div>
</div>

Example content section:

<div class="section brand-page-introduction-section">
    <div class="section-inner">

        {% if section.settings.brand-page-logo %}
            <div class="brand-logo-contain">
                <img class="brand-logo" alt="Brand Logo" src="{{ section.settings.brand-page-logo | img_url: 'medium' }}">
            </div>
        {% endif %}
        {% if section.settings.brand-page-brand-name %}
            <div class="brand-name">
                <h1 class="brand-title">{{ section.settings.brand-page-brand-name }}</h1>
            </div>
        {% endif %}

        <div class="brand-description">

            {{ section.settings.brand-page-brand-description }}

        </div>

        <div class="brand-view-more-button">
            <a href="{{ section.settings.brand-page-brand-all-products }}" class="box-link"></a>
            <h4 class="brand-view-more-button-text">VIEW ALL PRODUCTS</h4>
        </div>

    </div>
</div>
{% schema %}
    {
        "name": "Brand Page Introduction",
        "settings": [
            {
                "id": "brand-page-logo",
                "type": "image_picker",
                "label": "Brand Logo"
            },
            {
                "id": "brand-page-brand-name",
                "type": "text",
                "label": "Brand Name",
                "default": "Brand Name"
            },
            {
                "id": "brand-page-brand-description",
                "type": "richtext",
                "label": "Add description",
                "default": "<p>Brand Description</p>"
            },
            {
                "id": "brand-page-brand-all-products",
                "type": "url",
                "label": "Brand All Products Link"
            }
        ]
    }
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

Has anyone else had trouble with this? - creating multiple collections from one collection template replaces content in previous uses of the template?

Is someone able to help me get this working please, its becoming quite the blocker on my project.

Thanks, Jason.

[shornuk]

I'm getting this problem too. Exact same, any section that is updated in a template seems to be applied to any template that is using that section. 

To add, this is a theme that I've inherited so it's not quite clear how it's put together!