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/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.js" integrity="sha512-Yk47FuYNtuINE1w+t/KT4BQ7JaycTCcrvlSvdK/jry6Kcxqg5vN7/svVWCxZykVzzJHaxXk5T9jnFemZHSYgnw==" crossorigin="anonymous"></script>
  6. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.min.css" integrity="sha512-6qkvBbDyl5TDJtNJiC8foyEVuB6gxMBkrKy67XpqnIDxyvLLPJzmTjAj1dRJfNdmXWqD10VbJoeN4pOQqDwvRA==" crossorigin="anonymous" />
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js"></script>
  8. <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>
  9. <link href="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.css" rel="stylesheet">
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-zoom/1.7.21/jquery.zoom.min.js" integrity="sha512-m5kAjE5cCBN5pwlVFi4ABsZgnLuKPEx0fOnzaH5v64Zi3wKnhesNUYq4yKmHQyTa3gmkR6YeSKW1S+siMvgWtQ==" crossorigin="anonymous"></script>
  11. <script src="https://cdn.jsdelivr.net/npm/jquery-multifile@2.2.2/jquery.MultiFile.min.js" type="text/javascript" language="javascript"></script>
  12. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js"></script>
  14. <script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
  16. <script>
  18.   $(function () {
  19.     $('[data-toggle="tooltip"]').tooltip()
  20.   })
  21.     $(document).on('click', '[data-toggle="lightbox"]', function(event) {
  22.         event.preventDefault();
  23.         $(this).ekkoLightbox({ wrapping: false });
  24.     });
  25.     $('.scrollPerso').mCustomScrollbar({
  26.         theme:"dark"
  27.     })
  29.     $('.expand-desc').expander({
  30.         slicePoint: 150,
  31.         expandEffect: 'slideDown',
  32.         expandSpeed: 0,
  33.         expandText: '<a href="#" class="text-underline d-block  font-pro-bold" title=""> >Voir la description complète</a>',
  34.         userCollapseText: '<a href="#" class=" text-underline d-block font-pro-bold" title=""> < Réduire </a>',
  35.         collapseSpeed: 0,
  36.         collapseEffect: 'slideUp'
  37.         });
  38.     function initZoomable(selector) {
  39.         if (selector) {
  40.             var $elt = $(selector), option = {url: $elt.attr('href')};
  41.             $(selector).on('click', function (e) {
  42.                 e.preventDefault();
  43.             }).trigger('zoom.destroy').zoom(option);
  44.         }
  45.     }
  47.     function changeImg(srcImg,srcImg2){
  48.         document.getElementById('big').src = srcImg ;
  49.         document.getElementById('bigLink').href = srcImg2;
  50.         document.getElementsByClassName('zoomImg')[0].href=srcImg2;
  51.         initZoomable('.zoomable');
  52.     }
  53.     $("#bigLink").on('click', function (e) {
  54.         e.preventDefault();
  55.     });
  57.     $('#bigLink').zoom();
  59.     {% if chcookieconsent_isCookieConsentSavedByUser() == false %}
  60.          $('#modalCookies2').show();
  61.     {% endif %}
  63.     var checkoutSelectButtons = document.getElementsByName('sylius_checkout_select_shipping[shipments][0][method]');
  65.     checkoutSelectButtons.forEach(function(checkoutSelectButton) {
  67.         checkoutSelectButton.addEventListener('change', function () {
  69.             $.ajax({
  70.                 url: '{{ path('app_shop_cart_shipping_method') }}',
  71.                 type: "POST",
  72.                 data: $("[name='sylius_checkout_select_shipping']")
  73.                     .serialize(),
  74.                 success: function (data) {
  75.                     $("#recapitulatif-total-commande")
  76.                         .html(data);
  77.                 },
  78.                 // La fonction à appeler si la requête n'a pas abouti
  79.                 error: function () {
  80.                     alert("error");
  81.                 }
  83.             })
  84.         })
  85.     })
  88. function init_slide(){
  89.     /********HOME SLIDER********/
  90.     var swiperhome = new Swiper('.slider-home', {
  91.     navigation: {
  92.         nextEl: '.home-next',
  93.         prevEl: '.home-prev',
  94.     },
  95.     pagination: {
  96.     el: '.swiper-pagination-home',
  97.     clickable : true
  98.     },
  99.       slidesPerView: 1,
  100.       spaceBetween: 30,
  101.       loop: true,
  102.   autoplay: {
  103.     delay: 2500,
  104.   },
  105.   speed: 900,
  106.   effect: 'fade'
  107.   });
  108. /* cpte slide */
  110. var nbre_pag= $('.slider-home').children('.swiper-pagination').find('.swiper-pagination-bullet').length;
  111. if(nbre_pag<=1){
  112.   $('.slider-home').addClass('just-one')
  113. }
  114. else{
  115.   $('.slider-home').removeClass('just-one')
  116. }
  117. /*********SELECTION COLLECTION************/
  118.   var swiper_coll = new Swiper('.product-selection', {
  119.       slidesPerView: 2,
  120.   slidesPerGroup : 2,
  121.   spaceBetween:2,
  122.   navigation: {
  123.     nextEl: '.selection2-next',
  124.       prevEl: '.selection2-prev',
  125.   },
  126.   pagination: {
  127.     el: '.swiper-pagination-selection',
  128.     clickable : true
  129.   },
  130.   loop:false,
  131.   autoplay: 'false',
  132.   speed: 600,
  133.   breakpoints: {
  135.     640: {
  136.       slidesPerView: 3,
  137.       slidesPerGroup : 1,
  138.       spaceBetween: 5,
  139.       navigation: {
  140.         nextEl: '.selection-next',
  141.         prevEl: '.selection-prev'
  142.       }
  143.     },
  144.     1100: {
  145.       slidesPerView: 4,
  146.       slidesPerGroup : 1,
  147.       spaceBetween: 8,
  148.       navigation: {
  149.         nextEl: '.selection-next',
  150.         prevEl: '.selection-prev'
  151.       },
  152.     },
  153.     1250: {
  154.         slidesPerView: 5,
  155.         spaceBetween: 30,
  156.         slidesPerGroup : 1,
  157.         navigation: {
  158.           nextEl: '.selection-next',
  159.           prevEl: '.selection-prev'
  160.         },
  161.       },
  163.   }
  164.   });
  165.     var nbre_pagse= $('.product-selection').children('.content-pagination').children('.select-container').children('.swiper-pagination').find('.swiper-pagination-bullet').length;
  166.     if(nbre_pagse<=1){
  167.       $('.product-selection').addClass('just-one')
  168.     }
  169.     else{
  170.       $('.product-selection').removeClass('just-one')
  171.     }
  173.   /*********newsl COLLECTION************/
  174.   var swiper_coll = new Swiper('.product-news', {
  175.     slidesPerView: 2,
  176.     slidesPerGroup : 2,
  177.     spaceBetween: 2,
  178.     navigation: {
  179.       nextEl: '.news2-next',
  180.       prevEl: '.news2-prev',
  181.     },
  182.     pagination: {
  183.       el: '.swiper-pagination-news',
  184.       clickable : true
  185.     },
  186.     autoplay: 'false',
  187.     loop:true,
  188.     speed: 600,
  189.     breakpoints: {
  191.       640: {
  192.         slidesPerView: 3,
  193.         spaceBetween: 5,
  194.         slidesPerGroup : 1,
  195.         navigation: {
  196.           nextEl: '.news-next',
  197.           prevEl: '.news-prev'
  198.         }
  199.       },
  200.       1100: {
  201.         slidesPerView: 4,
  202.         spaceBetween: 8,
  203.         slidesPerGroup : 1,
  204.         navigation: {
  205.           nextEl: '.news-next',
  206.           prevEl: '.news-prev'
  207.         },
  208.       },
  209.       1250: {
  210.         slidesPerView: 5,
  211.         spaceBetween: 20,
  212.         slidesPerGroup : 1,
  213.         navigation: {
  214.           nextEl: '.news-next',
  215.           prevEl: '.news-prev'
  216.         },
  217.       },
  219.     }
  220.   });
  221.     var nbre_pagnews= $('.product-news').children('.content-pagination').children('.select-container').children('.swiper-pagination').find('.swiper-pagination-bullet').length;
  222.     if(nbre_pagnews<=1){
  223.     $('.product-news').addClass('just-one')
  224.     }
  225.     else{
  226.     $('.product-news').removeClass('just-one')
  227.     }
  229.     /*********Promo COLLECTION************/
  230.   var swiper_coll = new Swiper('.product-promo', {
  231.     slidesPerView: 2,
  232.     slidesPerGroup : 2,
  233.     spaceBetween: 2,
  234.     navigation: {
  235.       nextEl: '.promo2-next',
  236.       prevEl: '.promo2-prev',
  237.     },
  238.     pagination: {
  239.       el: '.swiper-pagination-promo',
  240.       clickable : true
  241.     },
  242.     autoplay: 'false',
  243.     loop:true,
  244.     speed: 600,
  245.     breakpoints: {
  247.       640: {
  248.         slidesPerView: 3,
  249.         spaceBetween: 5,
  250.         slidesPerGroup : 1,
  251.         navigation: {
  252.           nextEl: '.promo-next',
  253.           prevEl: '.promo-prev'
  254.         }
  255.       },
  256.       1100: {
  257.         slidesPerView: 4,
  258.         spaceBetween: 8,
  259.         slidesPerGroup : 1,
  260.         navigation: {
  261.           nextEl: '.promo-next',
  262.           prevEl: '.promo-prev'
  263.         },
  264.       },
  265.       1250: {
  266.         slidesPerView: 5,
  267.         spaceBetween: 20,
  268.         slidesPerGroup : 1,
  269.         navigation: {
  270.           nextEl: '.promo-next',
  271.           prevEl: '.promo-prev'
  272.         },
  273.       },
  275.     }
  276.   });
  277.     var nbre_pagpromo= $('.product-promo').children('.content-pagination').children('.select-container').children('.swiper-pagination').find('.swiper-pagination-bullet').length;
  278.     if(nbre_pagpromo<=1){
  279.     $('.product-promo').addClass('just-one')
  280.     }
  281.     else{
  282.     $('.product-promo').removeClass('just-one')
  283.     }
  285. /********SOUS CATEGORIE***********/
  286. var swiper_coll = new Swiper('.categ-ss-list', {
  287.   slidesPerView: 2,
  288.   slidesPerGroup : 2,
  289.   spaceBetween: 15,
  290.   navigation: {
  291.     nextEl: '.ss-next',
  292.     prevEl: '.ss-prev',
  293.   },
  294.   pagination: {
  295.     el: '.swiper-pagination-ss',
  296.     clickable : true
  297.   },
  298.   autoplay: 'false',
  299.   loop:false,
  300.   speed: 600,
  301.   breakpoints: {
  303.     375: {
  304.       slidesPerView: 2,
  305.       spaceBetween: 35,
  306.       slidesPerGroup : 2,
  308.     },
  309.     575: {
  310.       slidesPerView: 3,
  311.       spaceBetween: 5,
  312.       slidesPerGroup : 1,
  314.     },
  315.     1100: {
  316.       slidesPerView: 5,
  317.       spaceBetween: 8,
  318.       slidesPerGroup : 1,
  320.     },
  322.   }
  323. });
  324.   var nbre_pagsscat= $('.product-news').children('.content-pagination').children('.select-container').children('.swiper-pagination').find('.swiper-pagination-bullet').length;
  325.   if(nbre_pagsscat<=1){
  326.   $('.product-news').addClass('just-one')
  327.   }
  328.   else{
  329.   $('.product-news').removeClass('just-one')
  330.   }
  332. /***********IMAGE ARTICLE***********/
  333.     if($('.supp-img-swiper').length){
  334.   var galleryThumbs = new Swiper('.supp-img-swiper', {
  335.   spaceBetween: 10,
  336.   slidesPerView: 3,
  337.   watchSlidesVisibility: true,
  338.   watchSlidesProgress: true,
  339.   breakpoints: {
  340.     1200: {
  341.     spaceBetween: 25,
  342.     slidesPerView: 4
  343.     }
  344.   },
  345.   navigation: {
  346.     nextEl: '.supp-nextdesk',
  347.     prevEl: '.supp-prevdesk',
  348.     },
  349.   pagination: {
  350.       el: '.swiper-pagination-supp',
  351.       clickable : true
  352.     }
  353.   });
  354.     var nbre_pagsupp= $('.supp-img-swiper').children('.swiper-pagination').find('.swiper-pagination-bullet').length;
  355.         if(nbre_pagsupp<=1){
  356.             $('.supp-img-swiper').addClass('just-one');
  357.             $('.supp-img-desk').removeClass('add-padding-pagination');
  358.       galleryThumbs.update();
  359.         }
  360.         else{
  361.             $('.supp-img-swiper').removeClass('just-one')
  362.             $('.supp-img-desk').addClass('add-padding-pagination');
  363.       galleryThumbs.update();
  364.         }
  365.   }
  367.   var galleryTop = new Swiper('.art-img-content', {
  368.   watchSlidesVisibility: true,
  369.   watchSlidesProgress: true,
  370.   preventInteractionOnTransition: true,
  371.   spaceBetween: 10,
  372.   slidesPerView: 1,
  373.   navigation: {
  374.     nextEl: '.artimg-next',
  375.       prevEl: '.artimg-prev',
  376.     },
  377.   pagination: {
  378.       el: '.swiper-pagination-produit',
  379.       clickable : true
  380.     },
  381.   effect: 'fade',
  382.   thumbs: {
  383.       swiper: galleryThumbs
  384.     }
  385.   });
  386.   if (galleryTop) {
  387.     galleryTop.on('slideChangeTransitionStart', function() {
  388.       galleryThumbs.slideTo(galleryTop.activeIndex);
  389.     });
  390.   }
  392.   if (galleryThumbs) {
  393.     galleryThumbs.on('transitionStart', function(){
  394.       galleryTop.slideTo(galleryThumbs.activeIndex);
  395.     });
  396.   }
  398. var nbre_pagbig= $('.art-img-content').children('.content-pagination').children('.select-container').children('.swiper-pagination').find('.swiper-pagination-bullet').length;
  399. if(nbre_pagbig<=1){
  400.   $('.art-img-content').addClass('just-one')
  401. }
  402. else{
  403.   $('.art-img-content').removeClass('just-one')
  404. }
  406. /*********ART COLLECTION************/
  407.   var swiper_coll = new Swiper('.art-collection', {
  408.       slidesPerView: 2,
  409.     slidesPerGroup : 2,
  410.     spaceBetween: 2,
  411.     navigation: {
  412.       nextEl: '.collection2-next',
  413.       prevEl: '.collection2-prev',
  414.     },
  415.     pagination: {
  416.       el: '.swiper-pagination-collection',
  417.       clickable : true
  418.     },
  419.     autoplay: 'false',
  420.     loop:false,
  421.     speed: 600,
  422.     breakpoints: {
  424.       640: {
  425.         slidesPerView: 3,
  426.         spaceBetween: 5,
  427.         slidesPerGroup : 1,
  429.       },
  430.       767: {
  431.         slidesPerView: 4,
  432.         spaceBetween: 5,
  433.         slidesPerGroup : 1,
  435.       },
  436.       1100: {
  437.         slidesPerView: 5,
  438.         spaceBetween: 0,
  439.         slidesPerGroup : 1,
  441.       },
  443.     }
  444.   });
  445.     var nbre_pags= $('.art-collection').children('.content-pagination').children('.select-container').children('.swiper-pagination').find('.swiper-pagination-bullet').length;
  446.     if(nbre_pags<=1){
  447.       $('.art-collection').addClass('just-one')
  448.     }
  449.     else{
  450.       $('.art-collection').removeClass('just-one')
  451.     }
  452. /*********ART VU************/
  453.   var swiper_vu = new Swiper('.art-visited', {
  454.       slidesPerView: 2,
  455.     slidesPerGroup : 2,
  456.     spaceBetween: 2,
  457.     navigation: {
  458.       nextEl: '.visited2-next',
  459.       prevEl: '.visited2-prev',
  460.     },
  461.     pagination: {
  462.       el: '.swiper-pagination-visited',
  463.       clickable : true
  464.     },
  465.     autoplay: 'false',
  466.     loop:false,
  467.     speed: 600,
  468.     breakpoints: {
  470.       640: {
  471.         slidesPerView: 3,
  472.         spaceBetween: 5,
  473.         slidesPerGroup : 1,
  475.       },
  476.       767: {
  477.         slidesPerView: 4,
  478.         spaceBetween: 5,
  479.         slidesPerGroup : 1,
  481.       },
  482.       1100: {
  483.         slidesPerView: 5,
  484.         spaceBetween: 0,
  485.         slidesPerGroup : 1,
  487.       },
  489.     }
  490.   });
  491.     var nbre_pags= $('.art-visited').children('.content-pagination').children('.select-container').children('.swiper-pagination').find('.swiper-pagination-bullet').length;
  492.     if(nbre_pags<=1){
  493.       $('.art-visited').addClass('just-one')
  494.     }
  495.     else{
  496.       $('.art-visited').removeClass('just-one')
  497.     }
  498.   /*********ART COLLECTION************/
  499.   var swiper_coll = new Swiper('.art-conseil', {
  500.     slidesPerView: 2,
  501.     slidesPerGroup : 2,
  502.     spaceBetween: 2,
  503.     navigation: {
  504.       nextEl: '.conseil2-next',
  505.       prevEl: '.conseil2-prev',
  506.     },
  507.     pagination: {
  508.       el: '.swiper-pagination-conseil',
  509.       clickable : true
  510.     },
  511.     autoplay: 'false',
  512.     loop:false,
  513.     speed: 600,
  514.     breakpoints: {
  515.       640: {
  516.         slidesPerView: 3,
  517.         spaceBetween: 5,
  518.         slidesPerGroup : 1,
  520.       },
  521.       767: {
  522.         slidesPerView: 4,
  523.         spaceBetween: 5,
  524.         slidesPerGroup : 1,
  526.       },
  527.       1100: {
  528.         slidesPerView: 5,
  529.         spaceBetween: 0,
  530.         slidesPerGroup : 1,
  532.       },
  533.     }
  534.   });
  535.     var nbre_pags= $('.art-conseil').children('.content-pagination').children('.select-container').children('.swiper-pagination').find('.swiper-pagination-bullet').length;
  536.     if(nbre_pags<=1){
  537.       $('.art-conseil').addClass('just-one')
  538.     }
  539.     else{
  540.       $('.art-conseil').removeClass('just-one')
  541.     }
  543.  /*********swiper photo originale************/
  544.   /*
  545.   swiperPhotoOriginal = new Swiper('.swiper-photo-original', {
  546.     slidesPerView: 3,
  547.     slidesPerGroup : 3,
  548.     spaceBetween:2,
  549.     scrollbar: {
  550.         el: ".swiper-scrollbar-original",
  551.         hide: false,
  552.         dragSize : 100,
  553.         draggable: true
  554.       },
  555.     navigation: {
  556.       nextEl: '.photo-original-next',
  557.       prevEl: '.photo-original-prev',
  558.     },
  559.     loop:false,
  560.     autoplay: 'false',
  561.     speed: 600,
  562.     breakpoints: {
  563.       640: {
  564.         slidesPerView: 4,
  565.         slidesPerGroup : 1,
  566.         spaceBetween: 5,
  567.       },
  568.       1100: {
  569.         slidesPerView: 6,
  570.         slidesPerGroup : 1,
  571.         spaceBetween: 8,
  572.         
  573.       },
  574.       1250: {
  575.           slidesPerView: 7,
  576.           spaceBetween:15,
  577.           slidesPerGroup : 1
  578.         
  579.         },
  580.     }
  581.   });
  582.   */
  584.    /*********swiper photo modifie************/
  585.   var swiper_water = new Swiper('.swiper-photo-watermark', {
  586.     slidesPerView: 3,
  587.     slidesPerGroup : 3,
  588.     spaceBetween:2,
  589.     scrollbar: {
  590.         el: ".swiper-scrollbar-watermark",
  591.         hide: false,
  592.         dragSize : 100
  593.       },
  594.     navigation: {
  595.       nextEl: '.photo-watermark-next',
  596.       prevEl: '.photo-watermark-prev',
  597.     },
  598.     loop:false,
  599.     autoplay: 'false',
  600.     speed: 600,
  601.     breakpoints: {
  603.     640: {
  604.       slidesPerView: 4,
  605.       slidesPerGroup : 1,
  606.       spaceBetween: 5,
  607.     },
  608.     1100: {
  609.       slidesPerView: 6,
  610.       slidesPerGroup : 1,
  611.       spaceBetween: 8,
  612.       
  613.     },
  614.     1250: {
  615.         slidesPerView: 7,
  616.         spaceBetween:15,
  617.         slidesPerGroup : 1
  618.        
  619.       },
  621.   }
  622.   });
  625. if ($(window).width() < 767) {
  626.   $('.expand-me-mobile').expander({
  627.   slicePoint: 350,
  628.   expandEffect: 'slideDown',
  629.   expandSpeed: 0,
  630.   expandText: '<a href="#" class="text-underline d-block color-black2 font-pro-bold" title=""> > Lire la suite</a>',
  631.   userCollapseText: '<a href="#" class=" text-underline color-black2 d-block font-pro-bold" title=""> < Réduire </a>',
  632.   collapseSpeed: 0,
  633.   collapseEffect: 'slideUp'
  634.   });
  635. }
  638. }
  640. window.addEventListener("resize", function(){
  641. init_slide();
  642. });
  644. $(document).ready(function(e) {
  645.  init_slide();
  646. });
  648. </script>
  650. {{ encore_entry_script_tags('app', null, 'bootstrapTheme') }}
  651. {#{{ encore_entry_script_tags('bitbag-wishlist-shop', null, 'wishlist_shop') }}#}