custom/plugins/FuerstenbergPorzellan/src/Resources/views/storefront/component/buy-widget/accordion.html.twig line 1

Open in your IDE?
  1. <div id="accordion">
  2.     {% if page.product.translated.description %}
  3.     <div class="card">
  4.         <div class="card-header" id="headingOne">
  5.         <h5 class="mb-0">
  6.             <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
  7.             {{"detail.accordion.description"|trans}} 
  8.             </button>
  9.         </h5>
  10.         </div>
  11.         <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="">
  12.         <div class="card-body">
  13.              {{ page.product.translated.description|raw }}
  14.         </div>
  15.         </div>
  16.     </div>
  17.     {% endif %}
  18.     {% if page.product.width > 0 or page.product.height > 0 or page.product.weight > 0 %}
  19.     <div class="card">
  20.         <div class="card-header" id="headingTwo">
  21.         <h5 class="mb-0">
  22.             <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
  23.             {{"detail.accordion.dimensions"|trans}}
  24.             </button>
  25.         </h5>
  26.         </div>
  27.         <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="">
  28.         <div class="card-body">
  29.             <table class="dimensions">
  30.                 {% if page.product.customFields.custom_product_dimensions_dm > 0 %}
  31.                     <tr>
  32.                         <td><img src="{{ asset('assets/icons/icon-durchmesser.svg', '@FuerstenbergPorzellan') }}"></td>
  33.                         <td>{{(page.product.customFields.custom_product_dimensions_dm)|number_format(2, ',', '.') }} cm </td>
  34.                     </tr>
  35.                 {% endif %}
  36.                 {% if page.product.customFields.custom_product_dimensions_height > 0 %}
  37.                     <tr>
  38.                         <td><img src="{{ asset('assets/icons/icon-hoehe.svg', '@FuerstenbergPorzellan') }}"></td>
  39.                         <td>{{(page.product.customFields.custom_product_dimensions_height)|number_format(2, ',', '.') }} cm</td>
  40.                     </tr>
  41.                 {% endif %}
  42.                 {% if page.product.customFields.custom_product_dimensions_width > 0 %}
  43.                     <tr>
  44.                         <td><img src="{{ asset('assets/icons/icon-breite.svg', '@FuerstenbergPorzellan') }}"></td>
  45.                         <td>{{(page.product.customFields.custom_product_dimensions_width)|number_format(2, ',', '.') }} cm</td>
  46.                     </tr>
  47.                 {% endif %}
  48.                 {% if page.product.customFields.custom_product_dimensions_volumen > 0 %}
  49.                     <tr>
  50.                         <td><img src="{{ asset('assets/icons/icon-volumen.svg', '@FuerstenbergPorzellan') }}"></td>
  51.                         <td>{{(page.product.customFields.custom_product_dimensions_volumen)|number_format(2, ',', '.') }} l</td>
  52.                     </tr>
  53.                 {% endif %}
  54.                 {% if page.product.weight > 0 %}
  55.                     <tr>
  56.                         <td><img src="{{ asset('assets/icons/icon-gewicht.svg', '@FuerstenbergPorzellan') }}"></td>
  57.                         <td>{{(page.product.weight*1000)|number_format(2, ',', '.') }} g</td>
  58.                     </tr>
  59.                 {% endif %}
  60.             </table>
  61.         </div>
  62.         </div>
  63.     </div>
  64.     {% endif %}
  65.     <div class="card">
  66.         <div class="card-header" id="headingThree">
  67.         <h5 class="mb-0">
  68.             <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
  69.             {{"detail.accordion.specifications"|trans}}
  70.             </button>
  71.         </h5>
  72.         </div>
  73.         <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="">
  74.         <div class="card-body">
  75.             {% sw_include '@Storefront/storefront/page/product-detail/properties.html.twig' %}
  76.         </div>
  77.         </div>
  78.     </div>
  79.     <div class="card">
  80.         <div class="card-header" id="headingFour">
  81.         <h5 class="mb-0">
  82.             <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
  83.             {{"detail.accordion.concierge"|trans}}
  84.             </button>
  85.         </h5>
  86.         </div>
  87.         <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="">
  88.         <div class="card-body">
  89.             <div class="links"> 
  90.                 <a data-toggle="modal" data-bs-toggle="modal" data-url="{{ path('frontend.cms.page',{ id: 'e88a4df89a5b4f7f92e21dc9e0f5aed3' }) }}" href="{{ path('frontend.cms.page',{ id: 'e88a4df89a5b4f7f92e21dc9e0f5aed3' }) }}" title="{{"detail.accordion.call"|trans}}">{{"detail.accordion.call"|trans}}</a>
  91.                 <a href="mailto:shop@fuerstenberg-porzellan.com?subject=Frage%20zum%20Artikel%20{{page.product.productNumber}}">{{"detail.accordion.email"|trans}}</a>
  92.             </div>
  93.         </div>
  94.         </div>
  95.     </div>
  96. </div>