themes/BootstrapTheme/templates/bundles/SyliusShopBundle/_scripts.html.twig line 1

Open in your IDE?
  1. <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  2. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js" charset="UTF-8"></script>
  3. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js" charset="UTF-8"></script>
  4. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/components/dimmer.min.js" charset="UTF-8"></script>
  5. <script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js"></script>
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-expander/1.7.0/jquery.expander.min.js" integrity="sha512-owmUWt/accgjJVsM8cWGa/n2qT77yC2+dJ8BDmGOQSKQ42DApWgpjINbUhWQ9CTTpdlTJa6OJEycyuaSzBN6lw==" crossorigin="anonymous"></script>
  7. <link href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css" rel="stylesheet">
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-zoom/1.7.21/jquery.zoom.min.js" integrity="sha512-m5kAjE5cCBN5pwlVFi4ABsZgnLuKPEx0fOnzaH5v64Zi3wKnhesNUYq4yKmHQyTa3gmkR6YeSKW1S+siMvgWtQ==" crossorigin="anonymous"></script>
  9. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
  10. <script>
  14. $(document).ready(function(){
  15.     $(document).on('click', '[data-toggle="lightbox"]', function(event) {
  16.         event.preventDefault();
  17.         $(this).ekkoLightbox({ wrapping: false });
  18.     });
  19.    $('.expand-me').expander({
  20.         slicePoint: 150,
  21.         expandEffect: 'slideDown',
  22.         expandText: '<a href="#" class="text-underline color-rose" title=""> + {{"app.taxon.lire_lasuite" |trans}}</a>',
  23.         userCollapseText: '<a href="#" class="text-underline color-rose" title=""> - {{"app.taxon.reduire" |trans}}</a>'
  24.     })
  25.     $('.expand-pay').expander({
  26.        slicePoint: 150,
  27.         expandEffect: 'slideDown',
  28.         expandText: '<a href="#" class="text-underline color-cian" title=""> + {{"app.taxon.lire_lasuite" |trans}}</a>',
  29.        userCollapseText: '<a href="#" class="text-underline color-cian" title=""> - {{"app.taxon.reduire" |trans}}</a>'
  30.     });
  31.     $('#sylius_checkout_select_payment_payments_0_method_0').parent().parent().parent().next(".expand-pay").addClass('active-paiement');
  32.     $(".check-paiement-choice .form-check-input").change(function(){
  33.         $(".expand-pay").removeClass('active-paiement');
  35.         $(this).parent().parent().parent().next(".expand-pay").addClass('active-paiement');
  36.       });
  38.     $("#bigLink").on('click', function (e) {
  39.         e.preventDefault();
  40.     });
  41.       // $('#bigLink').zoom();
  45.      {% if chcookieconsent_isCookieConsentSavedByUser() == false %}
  46.          $('#modalCookies').modal('show');
  47.     {% endif %}
  48.     
  49.     var checkoutSelectButtons = document.getElementsByName('sylius_checkout_select_shipping[shipments][0][method]');
  51.     checkoutSelectButtons.forEach(function(checkoutSelectButton) {
  53.         checkoutSelectButton.addEventListener('change', function () {
  55.             $.ajax({
  56.                 url: '{{ path('app_shop_cart_shipping_method') }}',
  57.                 type: "POST",
  58.                 data: $("[name='sylius_checkout_select_shipping']")
  59.                     .serialize(),
  60.                 success: function (data) {
  61.                     $("#recapitulatif-total-commande")
  62.                         .html(data);
  63.                 },
  64.                 // La fonction à appeler si la requête n'a pas abouti
  65.                 error: function () {
  66.                     alert("error");
  67.                 }
  69.             })
  70.         })
  71.     })
  73. })
  75. {#function initExpanders() {#}
  76. {#    if ($.fn.expander) {#}
  77. {#        $('.expand-me').expander({#}
  78. {#            slicePoint: 150,#}
  79. {#            expandEffect: 'slideDown',#}
  80. {#            expandText: '<a href="#" class="text-underline color-rose" title=""> + {{ "app.taxon.lire_lasuite" | trans }}</a>',#}
  81. {#            userCollapseText: '<a href="#" class="text-underline color-rose" title=""> - {{ "app.taxon.reduire" | trans }}</a>'#}
  82. {#        });#}
  84. {#        $('.expand-pay').expander({#}
  85. {#            slicePoint: 150,#}
  86. {#            expandEffect: 'slideDown',#}
  87. {#            expandText: '<a href="#" class="text-underline color-cian" title=""> + {{ "app.taxon.lire_lasuite" | trans }}</a>',#}
  88. {#            userCollapseText: '<a href="#" class="text-underline color-cian" title=""> - {{ "app.taxon.reduire" | trans }}</a>'#}
  89. {#        });#}
  90. {#    }#}
  91. {#}#}
  93. // 1️⃣ Appel initial
  94. // $(document).ready(initExpanders);
  96. // 2️⃣ Réinitialisation après les requêtes AJAX du plugin de recherche
  97. $(document).on('ajaxComplete', function (event, xhr, settings) {
  98.     if (settings.url && settings.url.includes('/search')) {
  99.         initExpanders();
  100.     }
  101. });
  103. function initZoomable(selector) {
  104.     // if (selector) {
  105.     //     var $elt = $(selector), option = {url: $elt.attr('href')};
  106.     //     $(selector).on('click', function (e) {
  107.     //         e.preventDefault();
  108.     //     }).trigger('zoom.destroy').zoom(option);
  109.     // }
  110. }
  112. function changeImg(srcImg,srcImg2){
  113.     document.getElementById('big').src = srcImg ;
  114.     document.getElementById('bigLink').href = srcImg2;
  115.     document.getElementsByClassName('zoomImg')[0].href=srcImg2;
  116.     initZoomable('.zoomable');
  117. }
  121. </script>
  126. {{ encore_entry_script_tags('app', null, 'bootstrapTheme') }}