custom/plugins/sw-asus/src/Resources/views/storefront/page/product-detail/headline.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/headline.html.twig' %}
  3. {% block page_product_detail_name_container %}
  4.    <div class="product-detail-name-container">
  5.        {% block page_product_detail_name %}
  6.            {{ parent() }}
  7.        {% endblock %}
  8.    </div>
  10.    {% if page.header.activeLanguage.translationCode.code == "de-DE" or page.header.activeLanguage.translationCode.code == "de-CH" or page.header.activeLanguage.translationCode.code == "fr-CH" or page.header.activeLanguage.translationCode.code == "en-GB" %}
  11.         <div class='ruk_rating_snippet' data-sku='{{page.product.productNumber}}'></div>
  12.     {% endif %}
  14.     {# {% if page.header.activeLanguage.translationCode.code == "de-DE" %}
  15.         <!-- TrustBox widget - Product Mini -->
  16.             {% if theme is empty %}
  17.                 {% set theme = 'light' %}
  18.             {% endif %}
  20.         <div class="trustpilot-wrapper" data-trustpilot-wrapper>
  21.             <div class="trustpilot-widget" data-locale="de-DE" data-template-id="54d39695764ea907c0f34825"
  22.                  data-businessunit-id="5dea2794a525f00001f5bc2e" data-style-height="24px" data-style-width="100%"
  23.                  data-theme="{{ theme }}" data-sku="{{ page.product.translated.customFields.onedot_asus_product_plenty_variation_id }}" data-star-color="#f8b704" data-text-color="#808080">
  24.                 <a href="https://de.trustpilot.com/review/webshop.asus.com" target="_blank" rel="noopener">Trustpilot</a>
  25.             </div>
  26.             <div class="trustpilot-overlay"  data-open-tab></div> #}
  27. {#            <script>#}
  28. {#                var trustPilotWrapper = document.querySelector('[data-trustpilot-wrapper]')#}
  29. {#                var target = trustPilotWrapper.querySelector('.trustpilot-widget')#}
  30. {#                // create an observer instance#}
  31. {#                var observer = new MutationObserver(function(mutations) {#}
  32. {#                    mutations.forEach(function(mutation) {#}
  33. {#                        console.log(mutation.addedNodes.length);#}
  34. {#                        if (mutation.addedNodes.length > 0) {#}
  35. {#                            let iframe = target.querySelector('iframe');#}
  36. {#                            let doc = iframe.contentDocument;#}
  37. {#                            console.log(doc);#}
  38. {#                            if(doc){#}
  39. {#                                iframe.onload = async function() {#}
  40. {#                                    console.log(iframe);#}
  41. {#                                    await Sleep(3000);#}
  42. {#                                    console.log(doc.body.innerHTML);#}
  43. {#                                    console.log(doc.body.outerHTML);#}
  44. {#                                    doc.body.innerHTML = doc.body.innerHTML + '<style>.wrapper-company-stars{ justify-content: left !important; }</style>';#}
  45. {#                                    console.log(doc.body.innerHTML);#}
  46. {#                                    doc.body.innerHTML = doc.body.outerHTML + '<style>.wrapper-company-stars{ justify-content: left !important; }</style>';#}
  47. {#                                    console.log(doc.body.outerHTML);#}
  48. {#                                };#}
  49. {#                            }#}
  50. {#                        }#}
  51. {#                    });#}
  52. {#                });#}
  54. {#                function Sleep(milliseconds) {#}
  55. {#                    return new Promise(resolve => setTimeout(resolve, milliseconds));#}
  56. {#                }#}
  58. {#                // configuration of the observer:#}
  59. {#                var config = { attributes: true, childList: true, characterData: true };#}
  60. {#                // pass in the target node, as well as the observer options#}
  61. {#                observer.observe(target, config);#}
  62. {#            </script>#}
  63.         {# </div> #}
  64.         <!-- End TrustBox widget -->
  65.     {# {% endif %} #}
  67.     {% block buy_widget_ordernumber_container %}
  68.         {{ dump(page.product) }}
  69.         <div class="product-detail-ordernumber-container-wrapper">
  70.             {% if page.product.productNumber %}
  71.                 <div class="product-detail-ordernumber-container">
  72.                     {% block buy_widget_ordernumber_label %}
  73.                         <span class="product-detail-ordernumber-label">
  74.                                 {{ "detail.productNumberLabel"|trans|sw_sanitize }}
  75.                             </span>
  76.                     {% endblock %}
  78.                     {% block buy_widget_ordernumber %}
  79.                         <meta itemprop="productID" content="{{ product.id }}"/>
  80.                         <span class="product-detail-ordernumber" itemprop="sku">
  81.                                 {{ page.product.productNumber }}
  82.                         </span>
  83.                     {% endblock %}
  84.                 </div>
  85.             {% endif %}
  87.             {% if page.product.ean %}
  88.                 <div class="product-detail-ordernumber-container">
  89.                     {% block buy_widget_manufacturernumber_label %}
  90.                         <span class="product-detail-ordernumber-label product-detail-ordernumber-label--manufacturer">
  91.                             {{ "detail.manufacturerNumberLabel"|trans|sw_sanitize }}
  92.                         </span>
  93.                     {% endblock %}
  95.                     {% block buy_widget_manufacturernumber %}
  96.                         <span class="product-detail-ordernumber product-detail-ordernumber--manufacturer" itemprop="sku">
  97.                             {{ page.product.ean }}
  98.                         </span>
  99.                     {% endblock %}
  100.                 </div>
  101.             {%  endif %}
  103.             {% if page.product.translated.customFields.onedot_asus_product_plenty_variation_id %}
  104.                 <div class="product-detail-ordernumber-container">
  105.                     {% block buy_widget_pid_label %}
  106.                         <span class="product-detail-ordernumber-label product-detail-ordernumber-label--pid">
  107.                                 {{ "detail.pid"|trans|sw_sanitize }}
  108.                             </span>
  109.                     {% endblock %}
  111.                     {% block buy_widget_pid %}
  112.                         <meta itemprop="manufacturerID" content="{{ product.id }}"/>
  113.                             <span class="product-detail-ordernumber product-detail-ordernumber--pid" itemprop="sku">
  114.                                 {{ page.product.translated.customFields.onedot_asus_product_plenty_variation_id }}
  115.                             </span>
  116.                     {% endblock %}
  117.                 </div>
  118.             {%  endif %}
  120. {#            {% if page.product.translated.customFields.onedot_asus_product_plenty_id %}#}
  121. {#                <div class="product-detail-ordernumber-container">#}
  122. {#                    {% block buy_widget_pvarid_label %}#}
  123. {#                        <span class="product-detail-ordernumber-label product-detail-ordernumber-label--pid">#}
  124. {#                                {{ "detail.pvarid"|trans|sw_sanitize }}#}
  125. {#                            </span>#}
  126. {#                    {% endblock %}#}
  128. {#                    {% block buy_widget_pvarid %}#}
  129. {#                        <span class="product-detail-ordernumber product-detail-ordernumber--pid" itemprop="sku">#}
  130. {#                            {{ page.product.translated.customFields.onedot_asus_product_plenty_id }}#}
  131. {#                        </span>#}
  132. {#                    {% endblock %}#}
  133. {#                </div>#}
  134. {#            {%  endif %}#}
  135.         </div>
  136.     {% endblock %}
  138. {#    <div class="flix-test-class">#}
  140. {#    </div>#}
  141.     {{ neti_pdc_template_marker(page.product, 'bulletpoint')|raw }}
  142.     {% if page.product.translated.customFields.plentymarkets_bulletpoints|raw and page.product.translated.customFields.plentymarkets_bulletpoints|raw != '&nbsp;' and page.product.translated.customFields.plentymarkets_bulletpoints|raw != ' ' %}
  143.         <div class="detail-bullet-list">
  144.             {{ page.product.translated.customFields.plentymarkets_bulletpoints|raw }}
  145.         </div>
  146.     {% else %}
  147.         <div class="footer-top">
  148.             <div class="footer-top__element footer-top__shipping">
  149.                 {% sw_icon 'shipping' style { 'pack':'footer' } %}
  150.                 <div>
  151.                     <p>{{ 'footer.footerShippingTitle'|trans|sw_sanitize }}</p>
  152.                     <p>{{ 'footer.footerShippingSubtitle'|trans|sw_sanitize }}</p>
  153.                 </div>
  154.             </div>
  155.             <div class="footer-top__element footer-top__support">
  156.                 {% sw_icon 'support' style { 'pack':'footer' } %}
  157.                 <div>
  158.                     <p>{{ 'footer.footerSupportTitle'|trans|sw_sanitize }}</p>
  159.                     <p>{{ 'footer.footerSupportSubtitle'|trans|sw_sanitize }}</p>
  160.                 </div>
  161.             </div>
  162.             <div class="footer-top__element footer-top__return">
  163.                 {% sw_icon 'return' style { 'pack':'footer' } %}
  164.                 <div>
  165.                     <p>{{ 'footer.footerReturnTitle'|trans|sw_sanitize }}</p>
  166.                     <p>{{ 'footer.footerReturnSubtitle'|trans|sw_sanitize }}</p>
  167.                 </div>
  168.             </div>
  169.             <div class="footer-top__element footer-top__protect">
  170.                 {% sw_icon 'protect' style { 'pack':'footer' } %}
  171.                 <div>
  172.                     <p>{{ 'footer.footerProtectTitle'|trans|sw_sanitize }}</p>
  173.                     <p>{{ 'footer.footerProtectSubtitle'|trans|sw_sanitize }}</p>
  174.                 </div>
  175.             </div>
  176.         </div>
  177.     {% endif %}
  178. {% endblock %}
  180. {% block page_product_detail_manufacturer %}
  181.     {# remove #}
  182. {% endblock %}