templates/decor/detail.html.twig line 1

Open in your IDE?
  1. {% extends "layout/default.html.twig" %}
  2. {% do pimcore_placeholder('object_seotitle').set(decor.webtitle ?: decor.title) %}
  3. {% do pimcore_placeholder('object_seodescription').set(decor.shortDescription) %}
  4. {% set detailUrl = linkGenerator(decor, {canonical: true, relative: false}) %}
  5. {% do pimcore_placeholder( 'addBreadcrumb' ).set({
  6.     'parentId': document.id,
  7.     'url': detailUrl,
  8.     'label': decor.webtitle ?: decor.title
  9. }) %}
  10. {% block _content %}
  11.     <main id="main-content" role="main">
  13.         <div class="content-block js-affix__container">
  14.             <div class="container">
  15.                 <a href="{{ siteConfig().decorOverview }}" class="btn-text btn-text--bold">
  16.                 <span class="btn-text__icon">
  17.                     <span class="icon icon-arrow-left" aria-hidden="true"></span>
  18.                     <span class="icon icon-arrow-left" aria-hidden="true"></span>
  19.                 </span>
  20.                     <span class="btn-text__text">{{ 'decor-detail.back to overview'|trans }}</span>
  21.                 </a>
  22.                 {{ include('includes/title-blocks/title-block.html.twig', {
  23.                     title: decor.decorNr ~ ' ' ~ (decor.webtitle ?: decor.title),
  24.                     titleTag:'h1',
  25.                     titleStyle:'h2 mt-2',
  26.                 }) }}
  27.                 {{ include('includes/areas/download-modal.html.twig') }}
  28.                 <div class="row vertical-gutter gy-5">
  29.                     <div class="col-md-6 col-lg-7 col-xl-6">
  30.                         {{ include('includes/areas/images-with-detail-text.html.twig', {
  31.                             isDecor: true,
  32.                             isAnchorNavItem: true,
  33.                             anchorNavTitle: "Kurzbeschreibung",
  34.                             object: decor,
  35.                             shortDescriptionTitle: 'decor-detail.shortDescription'|trans,
  36.                             shortDescription: decor.shortDescription
  37.                         }) }}
  39.                         {{ include('includes/areas/product-teaser-content-area.html.twig',  {
  40.                             title: 'decor-detail.products with this decor'|trans,
  41.                             titleTag:'h2',
  42.                             titleStyle:'h4',
  43.                             isAnchorNavItem: true,
  44.                             anchorNavTitle: 'decor-detail.related products'|trans,
  45.                             event: 'select_sample_variant',
  46.                             decorName: decor.decorNr ~ ' ' ~ (decor.webtitle ?: decor.title)
  47.                         }) }}
  49.                         {% if decor.description %}
  50.                             {{ include('includes/areas/wysiwyg-area.html.twig', {
  51.                                 title:'decor-detail.description'|trans,
  52.                                 titleTag:'h2',
  53.                                 titleStyle:'h4',
  54.                                 content: decor.description,
  55.                                 isAnchorNavItem: true,
  56.                                 anchorNavTitle: 'decor-detail.description',
  57.                             }) }}
  58.                         {% endif %}
  60. {#                        {{ include('includes/areas/contact-form-area.html.twig', {#}
  61. {#                            titleTag:'h2',#}
  62. {#                            titleStyle:'h3',#}
  63. {#                            title: 'form-decor-contact.title'|trans,#}
  64. {#                            content: 'form-decor-contact.description'|trans,#}
  65. {#                            id: 'contact-form',#}
  66. {#                            product: decor#}
  67. {#                        }) }}#}
  68.                         <section class="content-block">
  69.                             <div class="box box--light">
  70.                                 {{ include('includes/title-blocks/title-block.html.twig', {
  71.                                     title:'cart.support-title'|trans,
  72.                                     titleTag:'h3',
  73.                                     subtitle:null
  74.                                 }) }}
  75.                                 <div class="wysiwyg">
  76.                                     {{ 'cart.support-description'|trans }}
  77.                                 </div>
  78.                                 {% set buttons = [] %}
  79.                                 {% if siteConfig().contactPhone %}
  80.                                     {% set buttons = buttons|merge([{
  81.                                         styleModifier:'btn-outline-primary',
  82.                                         caption: siteConfig().contactPhone,
  83.                                         href:'tel:'~siteConfig().contactPhone,
  84.                                         icon:'phone',
  85.                                         iconPosition:'before',
  86.                                         event: 'click_contact_cta'
  87.                                     }]) %}
  88.                                 {% endif %}
  89.                                 {% if siteConfig().contactPage %}
  90.                                     {% set buttons = buttons|merge([{
  91.                                         styleModifier:'btn-primary',
  92.                                         caption:'global.to-contact-form'|trans,
  93.                                         href:siteConfig().contactPage,
  94.                                         event: 'click_contact_cta'
  95.                                     }]) %}
  96.                                 {% endif %}
  97.                                 {{ include('includes/utils/button-group.html.twig', {
  98.                                     buttons: buttons
  99.                                 }) }}
  100.                             </div>
  101.                         </section>
  103.                     </div>
  104.                     <div class="offset-xl-1 col-md-6 col-lg-5">
  105.                         {{ include('includes/areas/detail-sidebar.html.twig', {
  106.                             isDecor:true,
  107.                             relatedMaterialGroups:relatedMaterialGroups,
  108.                             relatedSurfaces:relatedSurfaces,
  109.                             title: decor.webtitle ?: decor.title,
  110.                             subtitle: ('global.decor'|trans) ~ ' ' ~ decor.decorNr ~ ' ' ~ decor.title ~ (decor.woodType ? ' | ' ~ ('global.woodType'|trans) ~ ': ' ~ decor.woodType : ''),
  111.                             contactButton: true,
  112.                             event: 'click_cta_infobox',
  113.                             deliveryProgramLink: deliveryProgramLinkGenerator(decor)
  114.                         }) }}
  115.                     </div>
  116.                 </div>
  117.             </div>
  118.         </div>
  120.         {% if relatedDecors|default(false) %}
  121.             {{ include('includes/areas/decor-teaser-alt-area.html.twig', {
  122.                 titleTag:'h2',
  123.                 titleStyle:'h3',
  124.                 title: 'decor-detail.related decors' | trans,
  125.             }) }}
  126.         {% endif %}
  127.     </main>
  128.     {{ pimcore_placeholder('jsFile').set('js/product-detail') }}
  129. {% endblock %}