Konfiguration des custom cms elements wird nicht geladen

Shopware 6 (German) Programmierung
1

Hallo,

ich weiß nicht woran es scheitert, dass meine Konfiguration im Backend weder aufrufbar, noch geladen wird.
Mein Element funktioniert einwandfrei in Front und Backend, nur eben die config nicht (das Zahnrad is ausgegraut).

index.js

import './component';
import './config';
import './preview';


Shopware.Service('cmsService').registerCmsElement({
    name: 'topbrands',
    label: 'sw-cms.elements.customTopbrandsElement.label',
    component: 'sw-cms-el-topbrands',
    configComponent: 'sw-cms-el-config-topbrands',
    previewComponent: 'sw-cms-el-preview-topbrands',
});

/config/index.js

import template from './sw-cms-el-config-topbrands.html.twig';

const { Component, Mixin } = Shopware;

Component.register('sw-cms-el-config-topbrands', {
    template,

    mixins: [
        Mixin.getByName('cms-element')
    ],

    created() {
        console.log("Warum werde ich nicht ausgegeben?");
        this.createdComponent();
    },

    methods: {
        createdComponent() {
            this.initElementConfig('topbrands');
        }
    }
});

/config/sw-cms-el-config-topbrands.html.twig

{% block sw_cms_element_topbrands_config %}
    
        {% block sw_cms_element_topbrands_config_headline %}
            
            
        {% endblock %}
    
{% endblock %}

Was ich bereits mehrfach getan habe:

administration:build, cache:clear, Plugin deinstalliert und installiert, storefront:build

Vielleicht kann mir jemand ja einen Tipp geben, aber vermutlich bleibt es wie fast immer hier im Forum unkommentiert. Langsam ist es echt deprimierend und Shopware 6 fühlt sich immernoch an wie eine Beta Version.

2

HI ralfh,

bist schon hier schon weiter gekommen? Ich stehe vor dem selben problem.

3

In der /config/index.js fehlt der Teil “computed” für die Variable “headline”

computed: {
        headline: {
            get() {
                return this.element.config.headline.value;
            },
            set(val) {
                this.element.config.headline.value = val;
            }
        }
}