custom/plugins/Theme3S/src/Resources/views/storefront/layout/footer/footer.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
  4. {% block layout_footer_inner_container %}
  6.     <div id="footercontent">
  9.         {% if page.header.activeLanguage.translationCode.code == 'en-GB' %}
  11.             {% sw_include '@Storefront/storefront/layout/footer/footer-content-en.html.twig' %}
  13.         {% elseif page.header.activeLanguage.translationCode.code == 'nl-NL'  %}
  15.             {% sw_include '@Storefront/storefront/layout/footer/footer-content-nl.html.twig' %}
  17.         {% elseif page.header.activeLanguage.translationCode.code == 'es-ES'  %}
  19.             {% sw_include '@Storefront/storefront/layout/footer/footer-content-es.html.twig' %}
  21.         {% elseif page.header.activeLanguage.translationCode.code == 'fr-FR'  %}
  23.             {% sw_include '@Storefront/storefront/layout/footer/footer-content-fr.html.twig' %}
  25.         {% elseif page.header.activeLanguage.translationCode.code == 'it-IT'  %}
  27.             {% sw_include '@Storefront/storefront/layout/footer/footer-content-it.html.twig' %}
  29.         {% else %}
  31.             {% sw_include '@Storefront/storefront/layout/footer/footer-content-de.html.twig' %}
  33.         {% endif %}
  36.     </div>
  40.     <script type="text/javascript">
  42. /*
  43.         $(window).scroll(function() {
  44.             if(window.scrollY >= 1) {
  45.                 $("#body").addClass("scrolled");
  46.             }
  48.             if(window.scrollY <= 0) {
  49.                 $("#body").removeClass("scrolled");
  50.             }
  52.             myAnimFooter();
  53.             myAnimBlocks();
  54.             myAnimSection();
  55.         });
  57.         $(window).resize(function() {
  58.             doAnimations();
  59.             console.log("ANIMATIONS DONE");
  60.             myAnimFooter();
  61.             myAnimBlocks();
  62.             myAnimSection();
  63.         });
  65.         $(function() {
  66.             myAnimFooter();
  67.             myAnimBlocks();
  68.             myAnimSection();
  69.         });
  71.         //FOOTER LINIEN ANIMATION
  72.         function myAnimFooter() {
  74.             $('.animElement').each(function(){
  76.                 //let top = calcTopOffset(this);
  77.                 let top = this.getBoundingClientRect().top + window.scrollY;
  78.                 console.log(top);
  79.                 let topFromBottom = (top - window.innerHeight) * -1;
  81.                 if (topFromBottom >= 50) {
  83.                     $(this).addClass('animStarted');
  85.                     setTimeout(function() {
  86.                         $('#footer .animElement2').each(function(i){
  87.                             let row = $(this);
  88.                             setTimeout(function() {
  89.                                 row.addClass('animStarted2');
  90.                             }, 700*i);
  91.                         });
  92.                     }, 700);
  93.                 }
  95.             });
  97.         }
  99.         //CONTENT LINIEN ANIMATION
  100.         function myAnimSection() {
  102.             $('.animSection').each(function() {
  104.                 //let top = calcTopOffset(this);
  105.                 let top = this.getBoundingClientRect().top + window.scrollY;
  106.                 let topFromBottom = (top - window.innerHeight) * -1;
  108.                 if (topFromBottom >= 50) {
  110.                     $(this).addClass('animStarted');
  111.                     let parentEl = $(this).parent();
  113.                     setTimeout(function() {
  115.                         $('.animSection2', parentEl).each(function(i){
  116.                             let row = $(this);
  117.                             setTimeout(function() {
  118.                                 row.addClass('animStarted2');
  119.                             }, 1000*i);
  120.                         });
  121.                     }, 1000);
  123.                 }
  125.             });
  126.         }
  128.         //CONTENT LINIEN ANIMATION
  129.         function myAnimBlocks() {
  131.             $('.animBlock').each(function() {
  133.                 //let top = calcTopOffset(this);
  134.                 let top = this.getBoundingClientRect().top + window.scrollY;
  135.                 let topFromBottom = (top - window.innerHeight) * -1;
  137.                 if (topFromBottom >= 50) {
  138.                     $(this).addClass('animStarted');
  139.                 }
  141.             });
  142.         }
  143.         */
  147.     </script>
  150.     <script>
  154.     //VERSCHEIBT DIE SORTIER AUSWAHL BOX
  155.         var SortInput = $('#getsortinginput').html();
  156.         $('.cms-section-sidebar-sidebar-content').append(SortInput);
  157.         $('#getsortinginput').html("");
  159.         //VERSCHEIBT DIE HEADERICONS
  160.         var HeaderIcons = $('#ShopIcons').html();
  161.         $('.cms-section-sidebar-sidebar-content').append(HeaderIcons);
  162.         $('.rightProductSide').append(HeaderIcons);
  163.         $('#ShopIcons').html("");
  166.         var windowwith = $(window).width();
  168.         var contentheight = 0;
  169.         var TopMargin = 0;
  171.         $( document ).ready(function() {
  173.         setTimeout(
  174.           function()
  175.           {
  176.               contentheight = $(".cms-block-gallery-buybox").outerHeight(true);
  177.             TopMargin = contentheight;
  178.             $('.bottomPageCut').css("top", TopMargin);
  179.           }, 1500);
  183.         });
  186.         $( window ).resize(function() {
  187.             setBottomLine(0);
  188.             doAnimations();
  189.         });
  192.         function setBottomLine(){
  194.             contentheight = $(".cms-block-gallery-buybox").outerHeight(true);
  195.             TopMargin = contentheight;
  197.             $('.bottomPageCut').css("top", TopMargin);
  200.         }
  204.         var CrossSellingOffsetTop = 0;
  205.         var Footerheight = 0;
  206.         $( document ).ready(function() {
  208.             CrossSellingOffsetTop = $(".product-detail-cross-selling").outerHeight(true);
  209.             CrossSellingOffsetTop = CrossSellingOffsetTop - 70;
  210.             $('.bottomPageCut2').css("top", 50);
  213.             $('.bottomPageCut3').css("bottom", 0);
  215.         });
  219.         doAnimations();
  222.         function doAnimations(){
  224.             windowwith = $(window).width();
  226.             /* ANIMATIONEN */
  227.             setTimeout(function() {
  228.                 $(".pagecutline").addClass("draw");
  229.             }, 500);
  232.             setTimeout(function() {
  233.                 $(".bottomPageCut").addClass("draw");
  234.             }, 500);
  236.             setTimeout(function() {
  237.                 $(".bottomPageCut2").addClass("draw");
  238.             }, 500);
  240.             setTimeout(function() {
  241.                 $(".bottomPageCut3").addClass("draw");
  242.             }, 500);
  245.             setTimeout(function() {
  246.                 $(".line1").addClass("draw");
  247.             }, 500);
  249.             setTimeout(function() {
  250.                 $(".line2").addClass("draw");
  251.             }, 1000);
  253.             setTimeout(function() {
  254.                 $(".line3").addClass("draw");
  255.             }, 1500);
  257.             setTimeout(function() {
  258.                 $(".line4").addClass("draw");
  259.             }, 2000);
  261.             setTimeout(function() {
  262.                 $(".line5").addClass("draw");
  263.             }, 2500);
  266.             if(windowwith <= 1700){
  268.                 setTimeout(function() {
  269.                     $(".line6").addClass("draw");
  270.                 }, 3000);
  272.                 setTimeout(function() {
  273.                     $(".line7").addClass("draw");
  274.                 }, 3500);
  276.             }
  279.             if(windowwith <= 1300){
  281.                 setTimeout(function() {
  282.                     $(".line8").addClass("draw");
  283.                 }, 3000);
  285.                 setTimeout(function() {
  286.                     $(".line9").addClass("draw");
  287.                 }, 3500);
  289.             }
  292.             if(windowwith <= 850){
  294.                 setTimeout(function() {
  295.                     $(".line10").addClass("draw");
  296.                 }, 4000);
  298.                 setTimeout(function() {
  299.                     $(".line11").addClass("draw");
  300.                 }, 4500);
  302.                 setTimeout(function() {
  303.                     $(".line12").addClass("draw");
  304.                 }, 5000);
  306.                 setTimeout(function() {
  307.                     $(".line13").addClass("draw");
  308.                 }, 5500);
  310.                 setTimeout(function() {
  311.                     $(".line14").addClass("draw");
  312.                 }, 6000);
  314.                 setTimeout(function() {
  315.                     $(".line15").addClass("draw");
  316.                 }, 6500);
  318.                 setTimeout(function() {
  319.                     $(".line16").addClass("draw");
  320.                  }, 7000);
  322.                 setTimeout(function() {
  323.                     $(".line17").addClass("draw");
  324.                 }, 7500);
  326.             }
  330.             setTimeout(function() {
  331.                 $(".line1topdown").addClass("draw");
  332.             }, 1200);
  334.             setTimeout(function() {
  335.                 $(".line2topdown").addClass("draw");
  336.             }, 1700);
  338.             setTimeout(function() {
  339.                 $(".line3topdown").addClass("draw");
  340.             }, 2200);
  342.             setTimeout(function() {
  343.                 $(".line4topdown").addClass("draw");
  344.             }, 2700);
  346.             setTimeout(function() {
  347.                 $(".line5topdown").addClass("draw");
  348.             }, 3200);
  350.         }
  357.         $( ".custom-control-input" ).click(function() {
  359.             setTimeout(
  360.                 function()
  361.                 {
  362.                     doAnimations();
  363.                 }, 1500);
  365.         });
  368.         $( ".filter-panel-active-container" ).click(function() {
  370.             setTimeout(
  371.                 function()
  372.                 {
  373.                     doAnimations();
  374.                 }, 1500);
  376.         });
  379.     $( ".filter-active-remove" ).click(function() {
  381.         setTimeout(
  382.             function()
  383.             {
  384.                 doAnimations();
  385.             }, 1500);
  387.     });
  390.     $( ".filter-multi-select-list-item" ).click(function() {
  392.         setTimeout(
  393.             function()
  394.             {
  395.                 doAnimations();
  396.             }, 1500);
  398.     });
  401.     $( ".page-item" ).click(function() {
  403.         setTimeout(
  404.             function()
  405.             {
  406.                 doAnimations();
  407.             }, 2000);
  409.     });
  415.     $( ".page-link" ).click(function() {
  417.         setTimeout(
  418.             function()
  419.             {
  420.                 doAnimations();
  421.             }, 1500);
  422.         doAnimations();
  423.     });
  426.     $( ".form-control" ).keyup(function() {
  428.         setTimeout(
  429.             function()
  430.             {
  431.                 doAnimations();
  432.             }, 1500);
  433.         doAnimations();
  434.     });
  437.     $( ".sorting" ).change(function() {
  439.         setTimeout(
  440.             function()
  441.             {
  442.                 doAnimations();
  443.             }, 1500);
  445.     });
  453.    $(".filter-panel-item").click(function(){
  456.         if($(this).hasClass("active")){
  458.             $(this).removeClass("active");
  459.             $(this).find(".filter-panel-item-toggle").removeClass("active");
  460.             $(this).find(".filter-multi-select-dropdown").hide();
  461.             $(this).find("svg").css("transform", "rotate(0deg)");
  463.         } else {
  465.             $(".filter-panel-item").removeClass("active");
  466.             $(".filter-multi-select-dropdown").hide();
  468.             $(".filter-panel-item-toggle").removeClass("active");
  469.             $(".filter-panel-item-toggle .icon svg").css("transform", "rotate(0deg)");
  471.             $(this).addClass("active");
  472.             $(this).find(".filter-panel-item-toggle").addClass("active");
  473.             $(this).find("svg").css("transform", "rotate(180deg)");
  474.             $(this).find(".filter-multi-select-dropdown").show();
  476.         }
  479.     });
  484.                $(".btn-light").click(function(){
  486.                 var LoadUrl = "{{ absolute_url(asset('bundles/theme3s/functions/getWeclappAddresses.php')) }}&isprofile=0&customerid={{ context.customer._uniqueIdentifier }}";
  488.                 setTimeout(function() {
  490.                     fetch(LoadUrl, {
  491.                         method: 'POST',
  492.                         headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'},
  493.                         body: "text=" + document.querySelector("#AddressSelection").innerText
  494.                     })
  495.                         .then(response => response.text())
  496.                         .then(data => document.querySelector("#AddressSelection").innerHTML = data);
  497.                 }, 2000);
  499.             });
  502.             $(".address-editor-create").click(function(){
  504.                 var AddressContent = $("#AddressSelection").innerHTML;
  506.                 if(AddressContent != ""){
  507.                     $("#AddressSelection").show('slow');
  508.                 } else {
  509.                     $("#AddressSelection").hide('slow');
  510.                 }
  512.             })
  518.             function setExtraBillAddress(iCount){
  520.                 var Street1 = $("#street1_" + iCount).html();
  521.                 var Street2 = $("#street2_" + iCount).html();
  522.                 var Zip = $("#zipcode_" + iCount).html();
  523.                 var City = $("#city_" + iCount).html();
  525.                 var Street = "";
  527.                 if(Street1 != ""){
  528.                     Street = Street1;
  529.                 }
  531.                 if(Street2 != "" && Street2 != "") {
  532.                     Street = Street1 + ", " + Street2;
  533.                 }
  535.                 if(Street1 == "" && Street2 != "") {
  536.                     Street = Street2;
  537.                 }
  539.                 $("#billing-address-create-new #billing-addressAddressStreet").val(Street);
  540.                 $("#billing-address-create-new #billing-addressAddressZipcode").val(Zip);
  541.                 $("#billing-address-create-new #billing-addressAddressCity").val(City);
  543.             }
  548.             function setExtraDeliveryAddress(iCount){
  550.                 var Street1 = $("#street1_" + iCount).html();
  551.                 var Street2 = $("#street2_" + iCount).html();
  552.                 var Zip = $("#zipcode_" + iCount).html();
  553.                 var City = $("#city_" + iCount).html();
  555.                 var Street = "";
  557.                 if(Street1 != ""){
  558.                     Street = Street1;
  559.                 }
  561.                 if(Street2 != "" && Street2 != "") {
  562.                     Street = Street1 + ", " + Street2;
  563.                 }
  565.                 if(Street1 == "" && Street2 != "") {
  566.                     Street = Street2;
  567.                 }
  570.                 $("#shipping-address-create-new #shipping-addressAddressStreet").val(Street);
  571.                 $("#shipping-address-create-new #shipping-addressAddressZipcode").val(Zip);
  572.                 $("#shipping-address-create-new #shipping-addressAddressCity").val(City);
  575.             }
  586.     </script>
  590.     
  591. {% endblock %}