Hi, vielleicht kann mir jemand helfen.
Ich würde gerne im Text Block in den Erlebniswelten ein bootstrap Accordion verwenden.
Eigentlich ganz einfach, dachte ich.
In meiner z-shopware.yaml diesen Eintrag hinzufügen:
shopware:
html_sanitizer:
sets:
- name: bootstrap
tags: [ "button", "div" ]
attributes: [ "data-bs-toggle", "data-bs-target", "data-bs-parent", "aria-expanded", "aria-controls", "id" ]
fields:
- name: app_cms_block.template
sets: [ "basic", "media", "tidy", "HTML5", "bootstrap" ]
und die Attribute und Tags sollten beim Laden der Seite im Frontend nicht gelöscht werden.
Werden sie aber.
Im Quelltext im Text Block der Erlebniswelt bleiben sie erhalten, aber beim Laden der Frontend Seite werden sie gelöscht.
Deaktiviere ich den html_sanitizer komplett funktioniert es. Muss also irgendwas mit der Syntax falsch sein. Oder es fehlt eine Option, ein Key o.ä.
Hat jemand da bereits Erfahrung?
So sieht mein Accordion aus:
<div class="accordion accordion-flush" id="accordionFlushExample">
<div class="accordion-item">
<h2 class="accordion-header" id="wer">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
Accordion Header 1
</button>
</h2>
<div id="flush-collapseOne" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">Ein Haufen Text 1.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="einkauf">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseOne">
Accordion Header 2
</button>
</h2>
<div id="flush-collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">Ein Haufen Text2.
</div>
</div>
</div>
</div>