custom/plugins/CustomFieldAdd/src/Resources/views/storefront/page/product-detail/buy-widget.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  3. {% block page_product_detail_buy_inner %}
  4.     <div class="product-detail-buy js-magnifier-zoom-image-container">
  5.         {% block page_product_detail_rich_snippets %}
  6.             {% block page_product_detail_rich_snippets_brand %}
  7.                 {% if page.product.manufacturer %}
  8.                     <meta itemprop="brand"
  9.                           content="{{ page.product.manufacturer.translated.name }}"/>
  10.                 {% endif %}
  11.             {% endblock %}
  13.             {% block page_product_detail_rich_snippets_gtin13 %}
  14.                 {% if page.product.ean %}
  15.                     <meta itemprop="gtin13"
  16.                           content="{{ page.product.ean }}"/>
  17.                 {% endif %}
  18.             {% endblock %}
  20.             {% block page_product_detail_rich_snippets_mpn %}
  21.                 {% if page.product.manufacturerNumber %}
  22.                     <meta itemprop="mpn"
  23.                           content="{{ page.product.manufacturerNumber }}"/>
  24.                 {% endif %}
  25.             {% endblock %}
  27.             {% block page_product_detail_rich_snippets_weight %}
  28.                 {% if page.product.weight %}
  29.                     <meta itemprop="weight"
  30.                           content="{{ page.product.weight }} kg"/>
  31.                 {% endif %}
  32.             {% endblock %}
  34.             {% block page_product_detail_rich_snippets_height %}
  35.                 {% if page.product.height %}
  36.                     <meta itemprop="height"
  37.                           content="{{ page.product.height }} mm"/>
  38.                 {% endif %}
  39.             {% endblock %}
  41.             {% block page_product_detail_rich_snippets_width %}
  42.                 {% if page.product.width %}
  43.                     <meta itemprop="width"
  44.                           content="{{ page.product.width }} mm"/>
  45.                 {% endif %}
  46.             {% endblock %}
  48.             {% block page_product_detail_rich_snippets_depth %}
  49.                 {% if page.product.length %}
  50.                     <meta itemprop="depth"
  51.                           content="{{ page.product.length }} mm"/>
  52.                 {% endif %}
  53.             {% endblock %}
  55.             {% block page_product_detail_rich_snippets_release_date %}
  56.                 <meta itemprop="releaseDate"
  57.                       content="{{ page.product.releaseDate|format_date(pattern="Y-MM-dd", locale=app.request.locale) }}"/>
  58.             {% endblock %}
  59.         {% endblock %}
  61.         {#        {% if not feature('FEATURE_NEXT_16992') %} #}
  62.         {#            #}{# @deprecated tag:v6.5.0 tag:)(FEATURE_NEXT_16992) - Block will be removed in v6.5.0 #}
  63.         {#            {% block page_product_detail_not_available %} #}
  64.         {#            {% endblock %} #}
  65.         {#        {% endif %} #}
  67.         {% block page_product_detail_buy_container %}
  68.             <div itemprop="offers"
  69.                  itemscope
  70.                  itemtype="{% if page.product.calculatedPrices|length > 1 %}http://schema.org/AggregateOffer{% else %}http://schema.org/Offer{% endif %}">
  72.                 {% block page_product_detail_configurator_include %}
  73.                     {% if page.product.parentId and page.configuratorSettings|length > 0 %}
  74.                         <div class="product-detail-configurator-container">
  75.                             {% sw_include '@Storefront/storefront/page/product-detail/configurator.html.twig' %}
  76.                         </div>
  77.                     {% endif %}
  78.                 {% endblock %}
  80.                 {% block page_product_detail_custom_accessories %}
  81.                     {% if page.extensions['accessoriesProductsLoad'].get('accessories_product') or page.extensions['accessoriesProductsLoad'].get('accessories_product') %}
  82.                         <div class="product-detail-configurator-group-title">Passendes Zubehör</div>
  83.                     {% endif %}
  84.                     {% if page.extensions['accessoriesProductsLoad'].get('accessories_product') %}
  86.                         {% for accessoriesProductsLoadStream in page.extensions['accessoriesProductsLoadStream'].get('accessories_product_stream') %}
  87.                             <div class="product-accessories">
  88.                                 {% for accessoriesproduct in accessoriesProductsLoadStream %}
  90.                                     <div class="pro-detail-configurator" style="cursor: pointer;"
  91.                                          id="custom-ass-{{ accessoriesproduct.id }}"
  92.                                          onclick="setAccessoriesproduct('{{ accessoriesproduct.id }}')">
  93.                                         <div class="pp-box1">
  94.                                             {% if accessoriesproduct.cover.media.url %}
  95.                                                 <img src="{{ accessoriesproduct.cover.media.url }}" alt="aou">
  96.                                             {% else %}
  97.                                                 <img src="/bundles/radfabriktheme/assets/images/aou.png" alt="aou">
  99.                                             {% endif %}
  100.                                         </div>
  101.                                         <div class="pp-box2">
  102.                                             <h5 class="pro-head">{{ accessoriesproduct.translated.name }}</h5>
  103.                                             <p>
  104.                                                 <a href="{{ rawUrl('frontend.detail.page', { 'productId': accessoriesproduct.id }, salesChannel.domain|first.url) }}">Mehr
  105.                                                     Produktinfos</a></p>
  107.                                             {% if accessoriesproduct.deliveryTime.id == '32c6890dcfe34dae9ef1c16320b3afc2' %}
  108.                                                 <a class="deliverd color-green"
  109.                                                    style="color: #26c156;">• {{ accessoriesproduct.deliveryTime.name }}</a>
  110.                                             {% else %}
  111.                                                 <a class="deliverd color-green"
  112.                                                    style="color: #f89d0e;">• {{ accessoriesproduct.deliveryTime.name }}</a>
  113.                                             {% endif %}
  115.                                         </div>
  116.                                         <div class="pp-box3">
  117.                                             <div class="line-through-price">
  118.                                                 {% if price.listPrice.price %}
  119.                                                     <span class="line-price">{{ price.listPrice.price|currency }}</span>
  121.                                                 {% endif %}
  122.                                                 {% set price = accessoriesproduct.calculatedPrice %}
  123.                                                 {% if accessoriesproduct.calculatedPrices|length == 0 %}
  124.                                                     <span class="p-price">{{ price.unitPrice|currency }}</span>
  126.                                                 {% endif %}
  127.                                             </div>
  128.                                             <a class="click-icon" id="click-icon-accessories"> +</a>
  129.                                         </div>
  130.                                     </div>
  131.                                 {% endfor %}
  132.                             </div>
  133.                         {% endfor %}
  135.                     {% endif %}
  136.                     {% if page.extensions['accessoriesProductsLoad'].get('accessories_product') %}
  137.                         <div class="product-accessories">
  138.                             {% for accessoriesproduct in page.extensions['accessoriesProductsLoad'].get('accessories_product') %}
  139.                                 <div class="pro-detail-configurator" style="cursor: pointer;"
  140.                                      id="custom-ass-{{ accessoriesproduct.id }}"
  141.                                      onclick="setAccessoriesproduct('{{ accessoriesproduct.id }}')">
  142.                                     <div class="pp-box1">
  143.                                         {% if accessoriesproduct.cover.media.url %}
  144.                                             <img src="{{ accessoriesproduct.cover.media.url }}" alt="aou">
  145.                                         {% else %}
  146.                                             <img src="/bundles/radfabriktheme/assets/images/aou.png" alt="aou">
  148.                                         {% endif %}
  149.                                     </div>
  150.                                     <div class="pp-box2">
  151.                                         <h5 class="pro-head">{{ accessoriesproduct.translated.name }}</h5>
  152.                                         <p><a target="_blank"
  153.                                               href="{{ seoUrl('frontend.detail.page', { 'productId': accessoriesproduct.id }, salesChannel.domain|first.url) }}">Mehr
  154.                                                 Produktinfos</a></p>
  155.                                         {% if accessoriesproduct.deliveryTime.id == '32c6890dcfe34dae9ef1c16320b3afc2' %}
  156.                                             <a class="deliverd color-green"
  157.                                                style="color: #26c156;">• {{ accessoriesproduct.deliveryTime.name }}</a>
  158.                                         {% else %}
  159.                                             <a class="deliverd color-green"
  160.                                                style="color: #f89d0e;">• {{ accessoriesproduct.deliveryTime.name }}</a>
  161.                                         {% endif %}
  162.                                     </div>
  164.                                     <div class="pp-box3">
  165.                                         <div class="line-through-price">
  166.                                             {% if accessoriesproduct.calculatedPrice.listPrice %}
  167.                                                 <span class="line-price">{{ "UVP" }} {{ accessoriesproduct.calculatedPrice.listPrice.price|currency }}</span>
  169.                                             {% endif %}
  172.                                             {% set price = accessoriesproduct.calculatedPrice %}
  173.                                             {% if accessoriesproduct.calculatedPrices|length == 0 %}
  174.                                                 <span class="p-price">{{ price.unitPrice|currency }}</span>
  176.                                             {% endif %}
  177.                                         </div>
  178.                                         <a class="click-icon" id="click-icon-accessories"> +</a>
  179.                                     </div>
  180.                                 </div>
  183.                             {% endfor %}
  184.                         </div>
  185.                     {% endif %}
  186.                 {% endblock %}
  188.                 {% block page_product_detail_data %}
  189.                     {% block page_product_detail_data_rich_snippet_url %}
  190.                         <meta itemprop="url"
  191.                               content="{{ seoUrl('frontend.detail.page', { productId: page.product.id }) }}"/>
  192.                     {% endblock %}
  194.                     {% block page_product_detail_data_rich_snippet_price_range %}
  195.                         {% if page.product.calculatedPrices|length > 1 %}
  196.                             {% set lowestPrice = false %}
  197.                             {% set highestPrice = false %}
  199.                             {% for price in page.product.calculatedPrices %}
  200.                                 {% if not lowestPrice or price.unitPrice < lowestPrice %}
  201.                                     {% set lowestPrice = price.unitPrice %}
  202.                                 {% endif %}
  203.                                 {% if not highestPrice or price.unitPrice > highestPrice %}
  204.                                     {% set highestPrice = price.unitPrice %}
  205.                                 {% endif %}
  206.                             {% endfor %}
  208.                             <meta itemprop="lowPrice" content="{{ lowestPrice }}"/>
  209.                             <meta itemprop="highPrice" content="{{ highestPrice }}"/>
  210.                             <meta itemprop="offerCount" content="{{ page.product.calculatedPrices|length }}"/>
  211.                         {% endif %}
  212.                     {% endblock %}
  214.                     {% block page_product_detail_data_rich_snippet_price_currency %}
  215.                         <meta itemprop="priceCurrency"
  216.                               content="{{ context.currency.translated.shortName }}"/>
  217.                     {% endblock %}
  219.                     {% block page_product_detail_price %}
  220.                     {% if (config('AmMacTradeCustomPlugins.config.amMacTradeInsuranceWarranty')) %}
  221.                     {% set insurance_warranty = page.extensions['insurance_warranty'].all() %}
  222.                     {% if page.extensions['insurance_warranty'] is not null %}
  223.                     <div class="product-details-insurance-warranty">
  224.                         <div class="product-detail-configurator-group-title">
  225.                             {{ insurance_warranty['insurance_title'] }}
  226.                             <div class="info-text"></div>
  227.                             <a href="https://www.mactrade.de/garantiepaket" target="_blank"
  228.                                title="{{ "macTrade.pdp.moreInformationText"|trans|sw_sanitize }}">{{ "macTrade.pdp.moreInformationText"|trans|sw_sanitize }}</a>
  229.                         </div>
  230.                         <div class="product-detail-configurator-option">
  231.                             <input type="radio" name="ammactrade-insurance-warranty"
  232.                                    value="{{ insurance_warranty['insurance_prod_id'] }}"
  233.                                    class="product-detail-configurator-option-input-insurance-warranty is-combinable"
  234.                                    title="{{ "macTrade.pdp.insuranceProductTitle"|trans|sw_sanitize }}"
  235.                                    id="ammactrade-insurance-warranty" onclick="insurance_warranty_change(this);">
  236.                             <label class="product-detail-configurator-option-label is-combinable is-display-text"
  237.                                    title="{{ insurance_warranty['insurance_name'] }}" for="ammactrade-insurance-warranty">
  238.                                 <div class="insurance_details_option">
  239.                                     <div class="insurance_details_option_img">
  240.                                         {% if page.insurance is not null %}
  241.                                             {% if page.insurance.cover.media.url %}
  242.                                                 <img src="{{ page.insurance.cover.media.url }}" width="50px"/>
  243.                                             {% else %}
  244.                                                 {% sw_icon 'placeholder' style {
  245.                                                     'default': '100px'
  246.                                                 } %}
  247.                                             {% endif %}
  248.                                         {% endif %}
  249.                                     </div>
  251.                                     <div class="insurance_details_option_title">
  252.                                         {{ insurance_warranty['insurance_name'] }}
  253.                                     </div>
  254.                                     <div class="insurance_details_option_price">
  255.                                         + {{ insurance_warranty['insurance_price']|number_format(2, ',', '.') }} €
  256.                                     </div>
  257.                                 </div>
  258.                                 <div class="insurance_details_option_desc">
  259.                                     {{ insurance_warranty['insurance_desc']|raw }}
  260.                                 </div>
  262.                             </label>
  263.                             <input type="radio" name="ammactrade-insurance-warranty" value="0"
  264.                                    class="product-detail-configurator-option-input-insurance-warranty is-combinable"
  265.                                    title="{{ "macTrade.pdp.insuranceProductTitle"|trans|sw_sanitize }}"
  266.                                    id="ammactrade-insurance-warranty0" checked="checked"
  267.                                    onclick="insurance_warranty_change(this);">
  268.                             <label class="product-detail-configurator-option-label is-combinable is-display-text"
  269.                                    title="{{ "macTrade.pdp.noInsuranceProduct"|trans|sw_sanitize }}"
  270.                                    for="ammactrade-insurance-warranty0">
  271.                                 {{ insurance_warranty['insurance_no'] }}
  272.                             </label>
  273.                         </div>
  274.                     </div>
  275.                     <script>
  276.                         function insurance_warranty_change(t) {
  277.                             var input_product_insurance = document.getElementsByClassName("product-insurance");
  278.                             for (var i = 0; i < input_product_insurance.length; i++) {
  279.                                 input_product_insurance[i].value = t.value;
  280.                             }
  281.                         };
  282.                     </script>
  283.                     {% endif %}
  284.                     {{ parent() }}
  285.                     {% else %}
  286.                         {{ parent() }}
  287.                     {% endif %}
  288.                         <div class="main-mc-block">
  289.                         <div class="product-detail-price-container">
  290.                             {% sw_include '@Storefront/storefront/page/product-detail/buy-widget-price.html.twig' %}
  291.                         </div>
  294.                         {% block page_product_detail_tax %}
  295.                             <div class="product-detail-tax-container">
  296.                                 {% if context.taxState == "gross" %}
  297.                                     {% set taxText = "general.grossTaxInformation"|trans|sw_sanitize %}
  298.                                 {% else %}
  299.                                     {% set taxText = "general.netTaxInformation"|trans|sw_sanitize %}
  300.                                 {% endif %}
  302.                                 <p class="product-detail-tax">
  303.                                     {% block page_product_detail_tax_link %}
  304.                                         <a class="product-detail-tax-link"
  305.                                            href="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"
  306.                                            title="{{ taxText }}"
  307.                                            data-toggle="modal"
  308.                                            data-url="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}">
  309.                                             {{ taxText }}
  310.                                         </a>
  311.                                     {% endblock %}
  312.                                 </p>
  313.                             </div>
  314.                         {% endblock %}
  316.                         {% if page.product.customFields.product_custom_fields_feed_voucher_price_string %}
  317.                         {% if context.salesChannel.id !='45be9f42765d42e8ae1137d1812040f4' && context.salesChannel.id !='28cc3b3554794114a8df96aeca8d78ae' %}
  318.                             <div class="product-detail-promotion-container">
  319.                                 <div class="promotion-icon">
  320.                                     <img src="{{ asset('assets/images/discount.svg', "@AmMacTrade") }}" alt="Rabatt">
  321.                                 </div>
  322.                                 <div class="promotion-text">
  323.                                     Auch für
  324.                                     <span> {{ page.product.customFields.product_custom_fields_feed_voucher_price_string|number_format(2, ',', '.') }} €</span>
  325.                                     zinsfrei finanzieren mit dem Gutscheincode:
  326.                                     <span>{{ page.product.customFields.product_custom_fields_feed_voucher_text }}</span>
  327.                                     <div class="promotion-link">Mehr Infos <a
  328.                                                 href="{{ page.product.customFields.product_custom_fields_feed_voucher_promotion_link }}"
  329.                                                 target="_blank"></a></div>
  330.                                 </div>
  331.                             </div>
  332.                         {% endif %}
  333.                         {% endif %}
  336.                         {% set remoteClickOptions = {
  337.                             selector: "#review-tab",
  338.                             scrollToElement: true
  339.                         } %}
  341.                         {% block page_product_detail_reviews %}
  342.                             {% if page.product.ratingAverage > 0 and page.reviews.totalReviews > 0 and config('core.listing.showReview') %}
  343.                                 <div class="product-detail-reviews">
  345.                                     {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  346.                                         points: page.product.ratingAverage,
  347.                                         style: 'text-primary'
  348.                                     } %}
  349.                                     <a data-toggle="tab"
  350.                                        class="product-detail-reviews-link"
  351.                                        data-offcanvas-tabs="true"
  352.                                        data-remote-click="true"
  353.                                        data-remote-click-options='{{ remoteClickOptions|json_encode }}'
  354.                                        href="#review-tab-pane"
  355.                                        aria-controls="review-tab-pane">
  356.                                         {{ page.reviews.totalReviews }}
  357.                                         {{ "detail.reviewLinkText"|trans({'%count%': page.reviews.totalReviews})|sw_sanitize }}
  358.                                     </a>
  359.                                 </div>
  360.                             {% endif %}
  361.                         {% endblock %}
  364.                     {% endblock %}
  366.                     {% block page_product_detail_buy_form %}
  367.                         {% if page.product.active %}
  368.                             <div class="product-detail-form-container">
  369.                                 {% sw_include '@Storefront/storefront/page/product-detail/buy-widget-form.html.twig' %}
  370.                             </div>
  371.                         {% endif %}
  372.                     {% endblock %}
  374.                     {% block page_product_detail_delivery_informations %}
  375.                         <div class="product-detail-delivery-information">
  376.                             {% sw_include '@Storefront/storefront/component/delivery-information.html.twig' %}
  377.                         </div>
  378.                     {% endblock %}
  380.                     {% block page_product_detail_ordernumber_container %}
  381.                         {% if page.product.productNumber %}
  382.                             <div class="product-detail-ordernumber-container">
  383.                                 {% block page_product_detail_ordernumber_label %}
  384.                                     <span class="product-detail-ordernumber-label">
  385.                         {{ "detail.productNumberLabel"|trans|sw_sanitize }}
  386.                     </span>
  387.                                 {% endblock %}
  389.                                 {% block page_product_detail_ordernumber %}
  390.                                     <meta itemprop="productID"
  391.                                           content="{{ page.product.id }}"/>
  392.                                     <span class="product-detail-ordernumber"
  393.                                           itemprop="sku">
  394.                         {{ page.product.productNumber }}
  395.                     </span>
  396.                                 {% endblock %}
  397.                             </div>
  398.                         {% endif %}
  399.                         {% if page.product.manufacturerNumber %}
  400.                             <div class="product-detail-ordernumber-container" style="margin-top: -10px;">
  401.                 <span class="product-detail-ordernumber-label">
  402.                     Herstellernummer:
  403.                 </span>
  404.                                 <span class="product-detail-ordernumber"
  405.                                       itemprop="sku">
  406.                     {{ page.product.manufacturerNumber }}
  407.                 </span>
  408.                             </div>
  409.                         {% endif %}
  410.                     {% endblock %}
  411.                     </div>
  412.                 {% endblock %}
  413.             </div>
  414.         {% endblock %}
  416.         {% if config('core.cart.wishlistEnabled') %}
  417.             {% block page_product_detail_wishlist %}
  418.                 {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  419.                     showText: true,
  420.                     size: 'md',
  421.                     productId: page.product.id
  422.                 } %}
  423.             {% endblock %}
  424.         {% endif %}
  426.         {% block page_product_detail_c2_widget %}
  427.         {# {% if page.product.customFields.product_custom_fields_subscription == 1 and page.product.restockTime <= 10 %} #}
  428.         {% if page.product.customFields.product_custom_fields_subscription == true and (page.product.customFields.product_custom_fields_subscription_productType != 'ACCESSORY') and page.product.customFields.product_custom_fields_subscription_monthlyPriceGross > 0 %}
  429.         <div class="product-detail-c2-widget-container">
  430.             <div class="mac-abo-block">
  431.                 <div class="abo1">
  432.                     <script>
  433.                         var button
  435.                         function initWi() {
  436.                             button = new wi({
  437.                                 productId: "{{ page.product.productNumber }}",
  438.                                 trackingId: "",
  439.                                 color: "FFFFFF",
  440.                                 backgroundColor: "4A4A49",
  441.                                 hoverColor: "FFFFFF",
  442.                                 hoverBackgroundColor: "042e41",
  443.                                 //poweredBy: "powered by c2 [circle]",
  444.                                 poweredBy: "",
  445.                                 widgetTitle: "",
  446.                                 retailerTitle: "MacTrade Abo",
  447.                                 manufacturerTitle: "",
  448.                                 button: "MacTrade Abo starten",
  449.                                 priceCopy: "/Monat ({{ page.product.customFields.product_custom_fields_subscription_durationInMonths }} Mon.)",
  450.                                 marketingLinkText: "Mehr Infos",
  451.                                 marketingURL: "/mactrade-abo/",
  452.                                 API: "https://backend.c2-circle.com",
  453.                                 merchantIdentifier: "mactrade",
  454.                                 buttonType: "large"
  455.                             })
  456.                             button.render(document.querySelectorAll("[data-wi-id=wi-button-container]"))
  457.                         }
  459.                         (function () {
  460.                             var s = document.createElement('script');
  461.                             s.type = 'text/javascript';
  462.                             s.async = true;
  463.                             s.src = 'https://www.c2-circle.com/partner/static/mactrade/script.js';
  464.                             var x = document.getElementsByTagName('script')[0];
  465.                             x.parentNode.insertBefore(s, x);
  466.                         })();
  467.                     </script>
  468.                     <script>
  469.                         //var newProductId = "{{ page.product.productNumber }}"
  470.                         //button.updateProduct(document.querySelectorAll("[data-wi-id=wi-button-container]"), newProductId)
  472.                     </script>
  473.                     <div data-wi-id="wi-button-container"></div>
  474.                     <script>
  476.                         setTimeout(function () {
  477.                             var wiPrice = $(".wi-price").html();
  478.                             wiPrice = wiPrice.trim();
  479.                             console.log(wiPrice);
  480.                             var wiPriceArr = wiPrice.split("&nbsp;");
  481.                             $(".wi-price").html(wiPriceArr[1] + " " + wiPriceArr[0] + "*");
  482.                         }, 1500);
  483.                         console.log("Kaufen=========");
  484.                         console.log('{{ page.extensions['amMactradeap1'].get('keyApi') }}');
  485.                     </script>
  486.                 </div>
  487.                 {# start #}
  488.                 {% if page.extensions['amMactradeap1'].get('keyApi') %}
  489.                     <div class="abo2-right">
  491.                         <h3>Gutschrift für Ihr Altgerät</h3>
  492.                         <div class="price-txt-zw"><p>zwischen</p>
  493.                             <h2 class='price_range_block'></h2></div>
  494.                         <p class="price-mid-txt">
  495.                             {{ page.extensions['amMactradeap1'].get('keyApiText') }}
  496.                         </p>
  497.                         <button class="btn-black"
  498.                                 onclick="javascript:window.open('https://mactrade.kauft-an.de/', '_blank');">
  499.                             Ankaufspreis ermitteln
  500.                         </button>
  501.                         <div class="powe-line"><a href="https://mactrade.kauft-an.de/mactrade_c/hilfe/" target="_blank"
  502.                                                   class="small-link">Mehr Infos </a>
  503.                             <p>powered by kauft-an</p></div>
  504.                     </div>
  506.                     <script>
  507.                         var categoryName = '{{ page.product.customFields.product_custom_fields_product_family }}';
  508.                         //var categoryName = '{{ name }}';
  510.                         var kaufenCatId = '';
  511.                         if (categoryName == 'MAC') {
  512.                             kaufenCatId = 110;
  513.                         } else if (categoryName == 'IPAD') {
  514.                             kaufenCatId = 3;
  515.                         } else if (categoryName == 'IPHONE') {
  516.                             kaufenCatId = 18;
  517.                         } else if (categoryName == 'WATCH') {
  518.                             kaufenCatId = 102;
  519.                         } else if (categoryName == 'ACCESSORIES') {
  520.                             kaufenCatId = 320;
  521.                         } else if (categoryName == 'MacBook Air') {
  522.                             kaufenCatId = 6;
  523.                         }
  524.                         kaufenCatId = '{{ page.extensions['amMactradeap1'].get('keyApi') }}';
  525.                         fetch('https://api.kauft-an.de/api/v1/product.pricerange/' + kaufenCatId, {
  526.                             headers: {
  527.                                 'Authorization': 'Bearer 6|a46tPuG1bkeMaXx9JoxyI1VAC0LdSHOdalgqspem'
  528.                             }
  529.                         })
  530.                             .then(response => response.json())
  531.                             .then(data => {
  532.                                 // Process the retrieved data
  533.                                 console.log(data);
  534.                                 document.querySelector('[class^="price_range_block"]').innerHTML = data.result.min_price + ' € - ' + data.result.max_price + ' €*';
  535.                                 document.querySelector('[class^="price_range"]').innerHTML = data.result.min_price + ' € - ' + data.result.max_price + ' €*';
  536.                             })
  537.                             .catch(error => {
  538.                                 // Handle any errors that occurred during the API call
  539.                                 console.error(error);
  540.                             });
  541.                     </script>
  542.                 {% endif %}
  543.                 {# end #}
  544.             </div>
  545.         </div>
  546.         {% else %}
  548.         <div class="product-detail-c2-widget-container
  549. {% if category %}
  550. {% set breadcrumbCategories = sw_breadcrumb_full(category, context.context) %}
  551. {% for breadcrumbCategory in breadcrumbCategories %}
  552. {% set key = breadcrumbCategory.id %}
  553. {% set name = breadcrumbCategory.translated.name %}
  554. {% if loop.index == 1 %}
  555. {% if name == 'Zubehör' %}
  556. d-none
  557. {% endif %}
  558. {% endif %}
  559. {% endfor %}
  560. {% endif %}
  561. ">
  562.             <div class="mac-abo-block">
  563.                 {% if page.extensions['amMactradeap1'].get('keyApi') %}
  564.                     <div class="abo2-right">
  565.                         <h3>Gutschrift für Ihr Altgerät</h3>
  566.                         <div class="price-txt-zw"><p>zwischen</p>
  567.                             <h2 class='price_range_block'></h2></div>
  568.                         <p class="price-mid-txt">für Ihr altes
  569.                             {% set category = page.header.navigation.active %}
  571.                             {% if category %}
  572.                                 {% set breadcrumbCategories = sw_breadcrumb_full(category, context.context) %}
  573.                                 {% set categoryId = category.id %}
  574.                                 {% for breadcrumbCategory in breadcrumbCategories %}
  575.                                     {% set key = breadcrumbCategory.id %}
  576.                                     {% set name = breadcrumbCategory.translated.name %}
  577.                                     {% if loop.index == 2 %}
  578.                                         {{ name }}
  579.                                     {% endif %}
  580.                                 {% endfor %}
  581.                             {% endif %}
  583.                         </p>
  584.                         <button class="btn-black"
  585.                                 onclick="javascript:window.open('https://mactrade.kauft-an.de/', '_blank');">
  586.                             Ankaufspreis ermitteln
  587.                         </button>
  588.                         <div class="powe-line"><a href="https://mactrade.kauft-an.de/mactrade_c/hilfe/" target="_blank"
  589.                                                   class="small-link">Mehr Infos </a>
  590.                             <p>powered by kauft-an</p></div>
  591.                     </div>
  593.                     <script>
  594.                         var categoryName = '{{ page.product.customFields.product_custom_fields_product_family }}';
  595.                         var kaufenCatId = '';
  596.                         if (categoryName == 'MAC') {
  597.                             kaufenCatId = 110;
  598.                         } else if (categoryName == 'IPAD') {
  599.                             kaufenCatId = 3;
  600.                         } else if (categoryName == 'IPHONE') {
  601.                             kaufenCatId = 18;
  602.                         } else if (categoryName == 'WATCH') {
  603.                             kaufenCatId = 102;
  604.                         } else if (categoryName == 'ACCESSORIES') {
  605.                             kaufenCatId = 320;
  606.                         }
  607.                         kaufenCatId = '{{ page.extensions['amMactradeap1'].get('keyApi') }}';
  608.                         fetch('https://api.kauft-an.de/api/v1/product.pricerange/' + kaufenCatId, {
  609.                             headers: {
  610.                                 'Authorization': 'Bearer 6|a46tPuG1bkeMaXx9JoxyI1VAC0LdSHOdalgqspem'
  611.                             }
  612.                         })
  613.                             .then(response => response.json())
  614.                             .then(data => {
  615.                                 // Process the retrieved data
  616.                                 console.log(data);
  617.                                 document.querySelector('[class^="price_range_block"]').innerHTML = data.result.min_price + ' € - ' + data.result.max_price + ' €*';
  618.                                 document.querySelector('[class^="price_range"]').innerHTML = data.result.min_price + ' € - ' + data.result.max_price + ' €*';
  619.                             })
  620.                             .catch(error => {
  621.                                 // Handle any errors that occurred during the API call
  622.                                 console.error(error);
  623.                             });
  625.                         //$(".wi-price").append("*");
  627.                     </script>
  628.                 {% endif %}
  629.                 {# end #}
  630.             </div>
  631.         </div>
  632.     </div>
  633.     </div>
  634.     {% endif %}
  635. {% endblock %}
  636.     <script>
  637.         function setAccessoriesproduct(idValue) {
  638.             if (!$('.setValueDynamic-' + idValue).html()) {
  639.                 console.log($('.setValueDynamic-' + idValue).html())
  640.                 $('#custom-ass-' + idValue).css('border', '2px solid #1c516c');
  641.                 $('#custom-ass-' + idValue).addClass('border-dark');
  642.                 $('.setValueDynamic-' + idValue).html('<input type=hidden name=lineItems[' + idValue + '][id] class=product-accessories-id-' + idValue + ' value=' + idValue + '><input type=hidden name=lineItems[' + idValue + '][referencedId] value=' + idValue + ' ><input type=hidden name=lineItems[' + idValue + '][quantity] value=1 ><input type=hidden name=lineItems[' + idValue + '][stackable] value=1 ><input type=hidden name=lineItems[' + idValue + '][removable] value=1 ><input type=hidden name=lineItems[' + idValue + '][type] value=product >');
  643.             } else {
  644.                 $('.setValueDynamic-' + idValue).html('');
  645.                 $('#custom-ass-' + idValue).css('border', '1px solid #d0d0d0');
  646.                 $('#custom-ass-' + idValue).removeClass('border-dark');
  647.             }
  649.         }
  650.     </script>
  651.     </div>
  652. {% endblock %}