Я пытаюсь создать виджет, который отображает контейнер начальной загрузки с некоторым содержимым в столбцах.
Виджет в моем списке, когда я редактирую страницу, но когда я нажимаю на нее. Виджет не отображает содержимое.
, так что мой widget.html - это просто пара строк html, один раздел с классом контейнера, div с классом строки и два div с классами col-6. И для завершения немного текста внутри него.
<section class="container">
<div class="row">
<div class="col-6">test</div>
<div class="col-6">test</div>
</div>
</section>
И мой index.js:
module.exports = {
extend: 'apostrophe-widgets',
label: 'A container bootstrap',
addFields: [
{
name: 'container',
type: 'area',
label: 'container',
}
]
};
Я звоню в home.html с таким кодом:
{{
apos.area(data.page, 'container', {
widgets: {
'bootstrap-container': {},
}
})
}}
И инициализация внутри app.js
'bootstrap-container': {},
Я начинаю с апострофа, кто-то знает, почему мой код не работает? Возможно, я где-то допустил ошибку, но не нахожу ее