templates/product/dimensioni.html.twig line 1

Open in your IDE?
  1. {%
  2.     set attributi = {
  4.     'altezza': {
  5.         'label': 'Altezza'|trans,
  6.         'icon': 'icon-height.png',
  7.         'um': 'mm',
  8.         'value': product.altezza
  9.     },
  10.     'lunghezza': {
  11.         'label': 'Larghezza'|trans,
  12.         'icon': 'icon-lenght.png',
  13.         'um': 'mm',
  14.         'value': product.lunghezza
  15.     },
  16.     'profondita': {
  17.         'label': 'Profondità'|trans,
  18.         'icon': 'icon-depth.png',
  19.         'um': 'mm',
  20.         'value': product.profondita
  21.     },
  22.     'altezza-seduta': {
  23.         'label': 'Altezza seduta'|trans,
  24.         'icon': 'icon-sitting-height.png',
  25.         'um': 'mm',
  26.         'value': product.hs
  27.     },
  28.     'altezza-bracciolo': {
  29.         'label': 'Altezza bracciolo'|trans,
  30.         'icon': 'icon-arms-height.png',
  31.         'um': 'mm',
  32.         'value': product.hb
  33.     },
  34.     'peso': {
  35.         'label': 'Peso del collo'|trans,
  36.         'icon': 'icon-neck-weight.png',
  37.         'um': 'kg',
  38.         'value': product.peso
  39.     },
  40.     'consumo-cuoio-rigenerato': {
  41.         'label': 'Consumo cuoio rigenerato'|trans,
  42.         'icon': 'icon-restored-leather.png',
  43.         'um': 'm',
  44.         'value': product.consumoCuoio
  45.     },
  46.     'consumo-vera-pelle': {
  47.         'label': 'Consumo vera pelle'|trans,
  48.         'icon': 'icon-real-leather.png',
  49.         'um': 'm<sup>2</sup>',
  50.         'value': product.consumoPelle
  51.     },
  52.     'consumo-stoffa': {
  53.         'label': 'Consumo stoffa/ecopelle'|trans,
  54.         'icon': 'icon-fabrics.png',
  55.         'um': 'm',
  56.         'value': product.consumoStoffa
  57.     },
  58.     'imballo': {
  59.         'label': 'Imballo'|trans,
  60.         'icon': 'icon-packaging.png',
  61.         'um': 'x',
  62.         'value': product.imballo
  63.     },
  64.     'volume': {
  65.         'label': 'Volume'|trans,
  66.         'icon': 'icon-volumes.png',
  67.         'um': 'm<sup>3</sup>',
  68.         'value': product.volume
  69.     },
  70.     }
  71. %}
  73. <div class="row g-40 my-20">
  74.     {% for attributo in attributi %}
  75.         {% set value = attributo.value ~ ' ' ~ attributo.um|raw %}
  76.         {% if attributo.value == 0 %}
  77.             {% set value = '-' %}
  78.         {% endif %}
  79.         <div class="col-6 col-lg-4 col-xl-2 d-flex align-items-center align-items-sm-start text-center text-sm-start flex-column flex-sm-row gap-10">
  80.             <div class="col-auto"><img src="/assets/images/icons/{{ attributo.icon }}" alt="{{ attributo.label }}"></div>
  81.             <div class="col-12">
  82.                 <p class="m-0">
  83.                     {{ attributo.label }}<br>
  84.                     <strong>{{ value|raw }}</strong>
  85.                 </p>
  86.             </div>
  87.         </div>
  88.     {% endfor %}
  89. </div>