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