custom/static-plugins/NdVoorwindenTheme/src/Resources/views/storefront/component/product/size-guide.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}
  2. {% block utilities_offcanvas_content %}
  3.     {% block component_product_description_container %}
  4.         <div class="product-detail-description tab-pane-container px-6">
  5.             {% block component_product_description_title %}
  6.                 <div class="product-detail-description-title font-accent font-bold">
  7.                     {# TODO make title dynamic #}
  8.                     Menswear sizes
  9.                 </div>
  10.             {% endblock %}
  11.             {% block component_product_description_content %}
  12.                 <div class="product-detail-description-text mt-8"
  13.                      itemprop="description">
  14.                     {# TODO size guides #}
  15.                     {% if page.product.manufacturer.extensions.listingPageExtension.sizeDescription %}
  16.                         {{ page.product.manufacturer.extensions.listingPageExtension.sizeDescription | raw }}
  17.                     {% else %}
  18.                         <h3>Kleding</h3>
  19.                         <table class="sw-text-editor-table">
  20.                             <tbody class="sw-text-editor-table__body">
  21.                             <tr class="sw-text-editor-table__row">
  22.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  23.                                     Maat
  24.                                     <div class="sw-text-editor-table__col-selector" contenteditable="false"
  25.                                          style="height: 371px;"></div>
  26.                                 </td>
  27.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  28.                                     Confectiemaat
  29.                                     <div class="sw-text-editor-table__col-selector" contenteditable="false"
  30.                                          style="height: 371px;"></div>
  31.                                 </td>
  32.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  33.                                     Borstomvang
  34.                                     <div class="sw-text-editor-table__col-selector" contenteditable="false"
  35.                                          style="height: 371px;"></div>
  36.                                 </td>
  37.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  38.                                     Taille in CM
  39.                                     <div class="sw-text-editor-table__col-selector" contenteditable="false"
  40.                                          style="height: 371px;"></div>
  41.                                 </td>
  42.                             </tr>
  43.                             <tr class="sw-text-editor-table__row">
  44.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  45.                                     XS
  46.                                 </td>
  47.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  48.                                     44
  49.                                 </td>
  50.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  51.                                     86-89
  52.                                 </td>
  53.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  54.                                     76
  55.                                 </td>
  56.                             </tr>
  57.                             <tr class="sw-text-editor-table__row">
  58.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">S
  59.                                 </td>
  60.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  61.                                     46
  62.                                 </td>
  63.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  64.                                     90-93
  65.                                 </td>
  66.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  67.                                     80
  68.                                 </td>
  69.                             </tr>
  70.                             <tr class="sw-text-editor-table__row">
  71.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">M
  72.                                 </td>
  73.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  74.                                     48
  75.                                 </td>
  76.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  77.                                     94-97
  78.                                 </td>
  79.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  80.                                     84
  81.                                 </td>
  82.                             </tr>
  83.                             <tr class="sw-text-editor-table__row">
  84.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  85.                                     M/L
  86.                                 </td>
  87.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  88.                                     50
  89.                                 </td>
  90.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  91.                                     98-101
  92.                                 </td>
  93.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  94.                                     88
  95.                                 </td>
  96.                             </tr>
  97.                             <tr class="sw-text-editor-table__row">
  98.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">L
  99.                                 </td>
  100.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  101.                                     52
  102.                                 </td>
  103.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  104.                                     102-106
  105.                                 </td>
  106.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  107.                                     92
  108.                                 </td>
  109.                             </tr>
  110.                             <tr class="sw-text-editor-table__row">
  111.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  112.                                     XL
  113.                                 </td>
  114.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  115.                                     54
  116.                                 </td>
  117.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  118.                                     107-109
  119.                                 </td>
  120.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  121.                                     98
  122.                                 </td>
  123.                             </tr>
  124.                             <tr class="sw-text-editor-table__row">
  125.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  126.                                     XXL
  127.                                 </td>
  128.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  129.                                     56
  130.                                 </td>
  131.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  132.                                     110-113
  133.                                 </td>
  134.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  135.                                     104
  136.                                 </td>
  137.                             </tr>
  138.                             <tr class="sw-text-editor-table__row">
  139.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  140.                                     XXXL
  141.                                 </td>
  142.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  143.                                     58
  144.                                 </td>
  145.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  146.                                     114-117
  147.                                 </td>
  148.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  149.                                     110
  150.                                 </td>
  151.                             </tr>
  152.                             <tr class="sw-text-editor-table__row">
  153.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  154.                                     4XL
  155.                                 </td>
  156.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  157.                                     60
  158.                                 </td>
  159.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  160.                                     118-121
  161.                                 </td>
  162.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  163.                                     116
  164.                                 </td>
  165.                             </tr>
  166.                             </tbody>
  167.                         </table>
  168.                         <h3 style="margin-top: 40px;">Schoenen</h3>
  169.                         <table class="sw-text-editor-table">
  170.                             <tbody class="sw-text-editor-table__body">
  171.                             <tr class="sw-text-editor-table__row">
  172.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  173.                                     Maat
  174.                                 </td>
  175.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">US
  176.                                     (Men)
  177.                                 </td>
  178.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">US
  179.                                     (Women)
  180.                                 </td>
  181.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  182.                                     UK
  183.                                 </td>
  184.                             </tr>
  185.                             <tr class="sw-text-editor-table__row">
  186.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  187.                                     36
  188.                                 </td>
  189.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">-
  190.                                 </td>
  191.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">5
  192.                                 </td>
  193.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  194.                                     3.5
  195.                                 </td>
  196.                             </tr>
  197.                             <tr class="sw-text-editor-table__row">
  198.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  199.                                     37
  200.                                 </td>
  201.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">-
  202.                                 </td>
  203.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">6
  204.                                 </td>
  205.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  206.                                     4.5
  207.                                 </td>
  208.                             </tr>
  209.                             <tr class="sw-text-editor-table__row">
  210.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  211.                                     38
  212.                                 </td>
  213.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">6
  214.                                 </td>
  215.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  216.                                     6.5
  217.                                 </td>
  218.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">5
  219.                                 </td>
  220.                             </tr>
  221.                             <tr class="sw-text-editor-table__row">
  222.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  223.                                     39
  224.                                 </td>
  225.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">7
  226.                                 </td>
  227.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  228.                                     7.5
  229.                                 </td>
  230.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">6
  231.                                 </td>
  232.                             </tr>
  233.                             <tr class="sw-text-editor-table__row">
  234.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  235.                                     40
  236.                                 </td>
  237.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  238.                                     7.5
  239.                                 </td>
  240.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">8
  241.                                 </td>
  242.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  243.                                     6.5
  244.                                 </td>
  245.                             </tr>
  246.                             <tr class="sw-text-editor-table__row">
  247.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  248.                                     41
  249.                                 </td>
  250.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  251.                                     8.5
  252.                                 </td>
  253.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">9
  254.                                 </td>
  255.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  256.                                     7.5
  257.                                 </td>
  258.                             </tr>
  259.                             <tr class="sw-text-editor-table__row">
  260.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  261.                                     42
  262.                                 </td>
  263.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">9
  264.                                 </td>
  265.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  266.                                     10
  267.                                 </td>
  268.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">8
  269.                                 </td>
  270.                             </tr>
  271.                             <tr class="sw-text-editor-table__row">
  272.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  273.                                     43
  274.                                 </td>
  275.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  276.                                     9.5
  277.                                 </td>
  278.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  279.                                     11
  280.                                 </td>
  281.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">9
  282.                                 </td>
  283.                             </tr>
  284.                             <tr class="sw-text-editor-table__row">
  285.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  286.                                     44
  287.                                 </td>
  288.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  289.                                     10
  290.                                 </td>
  291.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">-
  292.                                 </td>
  293.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  294.                                     9.5
  295.                                 </td>
  296.                             </tr>
  297.                             <tr class="sw-text-editor-table__row">
  298.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  299.                                     45
  300.                                 </td>
  301.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  302.                                     11
  303.                                 </td>
  304.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">-
  305.                                 </td>
  306.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  307.                                     10.5
  308.                                 </td>
  309.                             </tr>
  310.                             <tr class="sw-text-editor-table__row">
  311.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  312.                                     46
  313.                                 </td>
  314.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  315.                                     12
  316.                                 </td>
  317.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">-
  318.                                 </td>
  319.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  320.                                     11
  321.                                 </td>
  322.                             </tr>
  323.                             <tr style="padding-bottom: 20px;">
  324.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  325.                                     47
  326.                                 </td>
  327.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  328.                                     13
  329.                                 </td>
  330.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">-
  331.                                 </td>
  332.                                 <td class="sw-text-editor-table__col" style="border: 1px solid black; padding: 5px;">
  333.                                     12
  334.                                 </td>
  335.                             </tr>
  336.                             </tbody>
  337.                         </table>
  338.                     {% endif %}
  339.                     {% if page.product.manufacturer.extensions.listingPageExtension.sizeMedia %}
  340.                         <div class="size-guide-image mt-6">
  341.                             {% sw_thumbnails 'gallery-slider-image-thumbnails' with {
  342.                                 'class': 'size-guide-image',
  343.                                 'alt': (page.product.manufacturer.extensions.listingPageExtension.sizeMedia.translated.alt ?: ''),
  344.                                 'title': (page.product.manufacturer.extensions.listingPageExtension.sizeMedia.translated.title ?: ''),
  345.                                 media: page.product.manufacturer.extensions.listingPageExtension.sizeMedia
  346.                             } %}
  347.                         </div>
  348.                     {% endif %}
  349.                 </div>
  350.             {% endblock %}
  351.         </div>
  352.     {% endblock %}
  353. {% endblock %}