add product script to pages

assets/js/product.js

@@ -0,0 +1,20 @@
+$(window).on('load', function(){
+    $('#btn-check-out').click(function(){
+      let productId = $(this).attr("data-id");
+      addToBag(productId);
+      window.location.replace($('meta[name="checkout"]').attr('content'));
+    });
+    $('#btn-add-to-bag').click(function(){
+      let productId = $(this).attr("data-id");
+      let parentElement = $('#count-products-in-bag').parent();
+      let copyElemetn = $('#count-products-in-bag').clone();
+      copyElemetn.attr('id', '');
+      copyElemetn.appendTo(parentElement);
+      $('#count-products-in-bag').addClass('animate__animated animate__backInUp');
+      $('#count-products-in-bag').on('animationend', function(){
+          $('#count-products-in-bag').removeClass('animate__animated animate__backInUp');
+          copyElemetn.remove();
+      });
+      addToBag(productId);
+    });
+});

content/contents/balkonkraftwerk.blade.php

@@ -79,26 +79,5 @@
 </div>
 @stop
 @section('scripts')
-<script>
+<script src="{{storage('assets/js/product.js')}}"></script>
-  $(window).on('load', function(){
+@stop
-    $('#btn-check-out').click(function(){
-      let productId = $(this).attr("data-id");
-      addToBag(productId);
-      window.location.replace("{{url('/checkout')}}");
-    });
-    $('#btn-add-to-bag').click(function(){
-      let productId = $(this).attr("data-id");
-      let parentElement = $('#count-products-in-bag').parent();
-      let copyElemetn = $('#count-products-in-bag').clone();
-      copyElemetn.attr('id', '');
-      copyElemetn.appendTo(parentElement);
-      $('#count-products-in-bag').addClass('animate__animated animate__backInUp');
-      $('#count-products-in-bag').on('animationend', function(){
-          $('#count-products-in-bag').removeClass('animate__animated animate__backInUp');
-          copyElemetn.remove();
-      });
-      addToBag(productId);
-    });
-  });
-</script>
-@stop

content/contents/produkt.blade.php

@@ -84,17 +84,5 @@
 </div>
 @stop
 @section('scripts')
-<script>
+<script src="{{storage('assets/js/product.js')}}"></script>
-  $(window).on('load', function(){
-    $('#btn-check-out').click(function(){
-      let productId = $(this).attr("data-id");
-      addToBag(productId);
-      window.location.replace("{{url('/checkout')}}");
-    });
-    $('#btn-add-to-bag').click(function(){
-      let productId = $(this).attr("data-id");
-      addToBag(productId);
-    });
-  });
-</script>
 @stop

content/contents/solarmodule.blade.php

@@ -84,17 +84,5 @@
 </div>
 @stop
 @section('scripts')
-<script>
+<script src="{{storage('assets/js/product.js')}}"></script>
-  $(window).on('load', function(){
-    $('#btn-check-out').click(function(){
-      let productId = $(this).attr("data-id");
-      addToBag(productId);
-      window.location.replace("{{url('/checkout')}}");
-    });
-    $('#btn-add-to-bag').click(function(){
-      let productId = $(this).attr("data-id");
-      addToBag(productId);
-    });
-  });
-</script>
 @stop