{% sw_extends '@Storefront/storefront/page/product-detail/description.html.twig' %}
{% set showSpecifications = element.config['showspecifications'].value %}
{% set descriptionPrefix = element.config['descriptionprefix'].value %}
{% set descriptionSuffix = element.config['descriptionsuffix'].value %}
{% set descriptionSuffixUrl = element.config['descriptionsuffixurl'].value %}
{% set descriptionSuffixUrlText = element.config['descriptionsuffixurltext'].value %}
{# Removing close button, only showing content that would usually be inside the offcanvas. #}
{% block utilities_offcanvas_close %}{% endblock %}
{# ToDo: snippets instead of hard-coded texts. #}
{% block utilities_offcanvas_content %}
{% block page_product_detail_description_container %}
<div class="product-detail-description tab-pane-container">
{% block page_product_detail_description_title %}
<a name="product-description"></a>
<div class="h3 product-detail-description-title">
{{ "oo.detail.description" | trans }}
</div>
{% endblock %}
{% block page_product_detail_description_content %}
{% block page_product_detail_description_content_text %}
{% if descriptionPrefix != '' %}
{{ descriptionPrefix }}
{% endif %}
{{ parent() }}
{% if descriptionSuffix != '' %}
{{ descriptionSuffix }}
{% endif %}
{% if descriptionSuffixUrl != '' %}
<a href="{{ descriptionSuffixUrl }}">{{ descriptionSuffixUrlText }}</a>
{% endif %}
{% endblock %}
{% if showSpecifications %}
<div class="product-detail-specifications">
{% block page_product_detail_specifications_title %}
<a name="product-specifications"></a>
<div class="h3 product-detail-specifications-title">
{{ "oo.detail.specifications" | trans }}
</div>
{% endblock %}
{% block page_product_detail_description_content_properties %}
{{ parent() }}
{% endblock %}
</div>
{% endif %}
{% endblock %}
</div>
{% endblock %}
{% endblock %}