{% set pluginConfig = shopware.config.WebnetzCmsReadMore.config %}
{% set offCanvasPotion = element.config.offcanvasPostion.value|default(pluginConfig.offcanvasPostion) %}
{% block sw_cms_el_custom_offcanvas %}
<div class="d-none">
{% block custom_canvas_tab_close %}
<div class="custom-canvas-tab-close">
{% block utilities_offcanvas_close %}
<button class="btn bg-light btn-block js-offcanvas-close sticky-top">
{% block utilities_offcanvas_close_icon %}
{% sw_icon 'x' style { 'size': 'sm' } %}
{% endblock %}
{% block utilities_offcanvas_close_text %}
{{ "general.offcanvasCloseMenu"|trans|sw_sanitize }}
{% endblock %}
</button>
{% endblock %}
</div>
{% endblock %}
</div>
<a
type="button"
data-custom-canvas-tab="true"
class="{{ element.config.openButtonClass.value|default(pluginConfig.openButtonClass) }} pause"
additional-class="{{ element.config.additionalClass.value|default(pluginConfig.additionalClass) }}"
hidden-class="{{ element.config.hiddenClass.value|default(pluginConfig.hiddenClass) }}"
offcanvas-postion="{{ offCanvasPotion }}"
active-on-view-ports="{{ element.config.activeOnViewPorts.value|default(pluginConfig.activeOnViewPorts)|join(',') }}"
close-button-class="{{ element.config.closeButtonClass.value|default(pluginConfig.closeButtonClass) }}"
scroll-speed="{{ element.config.scrollSpeed.value|default(pluginConfig.scrollSpeed) }}"
offcanvas-max-width="{{ element.config.offcanvasMaxWidth.value|default(pluginConfig.offcanvasMaxWidth) }}"
content-class="{{ element.config.contentClass.value|default(pluginConfig.contentClass) }}"
>
{{ element.config.openButtonText.value|default(pluginConfig.openButtonText) }}
</a>
{% endblock %}