1jQuery(document).ready(function ($) { 2 $(".image-slider").slick({ 3 infinite: true, 4 dots: true, 5 autoplay: true, 6 autoplaySpeed: 3000, 7 slidesToShow: 1, 8 slidesToScroll: 1, 9 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 10 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 11 }); 12 $(".list-certificate").slick({ 13 infinite: true, 14 dots: false, 15 autoplay: true, 16 autoplaySpeed: 3000, 17 slidesToShow: 1, 18 slidesToScroll: 1, 19 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 20 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 21 }); 22 23 //Slider Deals 24 const list_relate = $( 25 ".list-relate-price .list .product-card-wrapper" 26 ).length; 27 if (list_relate > 4) { 28 $(".list-relate-price .list").slick({ 29 dots: false, 30 infinite: true, 31 autoplay: false, 32 speed: 300, 33 autoplaySpeed: 1500, 34 arrows: true, 35 slidesToShow: list_relate >= 4 ? 4 : list_relate, 36 slidesToScroll: 1, 37 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 38 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 39 responsive: [ 40 { 41 breakpoint: 1024, 42 settings: { 43 slidesToShow: 5, 44 slidesToScroll: 3, 45 infinite: true, 46 dots: true, 47 }, 48 }, 49 { 50 breakpoint: 767, 51 settings: { 52 slidesToShow: 2, 53 slidesToScroll: 3, 54 infinite: true, 55 arrows: false, 56 dots: true, 57 }, 58 }, 59 { 60 breakpoint: 480, 61 settings: { 62 slidesToShow: 2, 63 slidesToScroll: 1, 64 arrows: false, 65 }, 66 }, 67 ], 68 }); 69 } 70 var $slickList = $("#field_of_activity .list"); 71 72 function updateSlickTrackWidth(extraWidth) { 73 var $slickTrack = $slickList.find(".slick-track"); 74 var currentWidth = $slickTrack.width(); 75 $slickTrack.width(currentWidth + extraWidth); 76 // console.log('Updated slick-track width:', $slickTrack.width()); 77 } 78 79 // Xá» lý sá»± kiá»n 'setPosition', Äược kÃch hoạt má»i khi Slick Slider cáºp nháºt vá» trà của slides 80 $slickList.on("setPosition", function () { 81 updateSlickTrackWidth(500); // Ãp dụng lại Äá» rá»ng má»i khi Slick Slider cáºp nháºt 82 }); 83 84 $slickList.slick({ 85 dots: false, 86 infinite: true, 87 autoplay: false, 88 // variableWidth: true, 89 speed: 1500, 90 autoplaySpeed: 3000, 91 // fade: true, 92 arrows: true, 93 easing: "ease-in-out", 94 slidesToShow: 4, 95 slidesToScroll: 1, 96 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 97 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 98 responsive: [ 99 { 100 breakpoint: 1024, 101 settings: { 102 slidesToShow: 4, 103 slidesToScroll: 3, 104 infinite: true, 105 dots: true, 106 }, 107 }, 108 { 109 breakpoint: 767, 110 settings: { 111 slidesToShow: 2, 112 slidesToScroll: 3, 113 infinite: true, 114 arrows: false, 115 dots: true, 116 }, 117 }, 118 { 119 breakpoint: 480, 120 settings: { 121 slidesToShow: 1, 122 slidesToScroll: 1, 123 arrows: false, 124 dots: true, 125 }, 126 }, 127 ], 128 }); 129 130 const capacity = $(".list-capacity .item").length; 131 $(".list-capacity").slick({ 132 dots: false, 133 infinite: true, 134 autoplay: false, 135 speed: 300, 136 autoplaySpeed: 1500, 137 arrows: true, 138 slidesToShow: capacity >= 4 ? 4 : capacity, 139 slidesToScroll: 1, 140 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 141 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 142 responsive: [ 143 { 144 breakpoint: 1024, 145 settings: { 146 slidesToShow: 5, 147 slidesToScroll: 3, 148 infinite: true, 149 dots: true, 150 }, 151 }, 152 { 153 breakpoint: 767, 154 settings: { 155 slidesToShow: 2, 156 slidesToScroll: 3, 157 infinite: true,
158 arrows: false, 159 dots: true, 160 }, 161 }, 162 { 163 breakpoint: 480, 164 settings: { 165 slidesToShow: 2, 166 slidesToScroll: 1, 167 arrows: true, 168 }, 169 }, 170 ], 171 }); 172 const logo = $(".slider .brand-slider .item").length; 173 $(".slider .brand-slider").slick({ 174 dots: true, 175 infinite: true, 176 autoplay: false, 177 speed: 300, 178 autoplaySpeed: 1500, 179 arrows: false, 180 slidesToShow: logo >= 6 ? 6 : logo, 181 slidesToScroll: 3, 182 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 183 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 184 responsive: [ 185 { 186 breakpoint: 1024, 187 settings: { 188 slidesToShow: 5, 189 slidesToScroll: 3, 190 infinite: true, 191 dots: true, 192 }, 193 }, 194 { 195 breakpoint: 767, 196 settings: { 197 slidesToShow: 2, 198 slidesToScroll: 3, 199 infinite: true, 200 arrows: false, 201 dots: true, 202 }, 203 }, 204 { 205 breakpoint: 480, 206 settings: { 207 slidesToShow: 2, 208 slidesToScroll: 1, 209 arrows: false, 210 }, 211 }, 212 ], 213 }); 214 const childCount = $(".child-categories .child-cate").length; 215 if (childCount > 3 && window.matchMedia("(max-width: 767px)").matches) { 216 $(".child-categories").slick({ 217 dots: false, 218 infinite: true, 219 speed: 300, 220 slidesToShow: 3, 221 slidesToScroll: 1, 222 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 223 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 224 }); 225 } else if ( 226 childCount > 6 && 227 !window.matchMedia("(max-width: 767px)").matches 228 ) { 229 $(".child-categories").slick({ 230 dots: false, 231 infinite: true, 232 speed: 300, 233 slidesToShow: 6, 234 slidesToScroll: 3, 235 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 236 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 237 responsive: [ 238 { 239 breakpoint: 1024, 240 settings: { 241 slidesToShow: 3, 242 slidesToScroll: 1, 243 infinite: true, 244 dots: false, 245 }, 246 }, 247 { 248 breakpoint: 767, 249 settings: { 250 slidesToShow: 2, 251 slidesToScroll: 1, 252 infinite: true, 253 dots: false, 254 }, 255 }, 256 ], 257 }); 258 } 259 260 const postItem = $(".news_layout .list-post .item").length; 261 // if (viewedItem > 3) { 262 // $('.slick-slider').show(); 263 // } 264 if (postItem > 4) { 265 $(".news_layout .list-post").slick({ 266 dots: false, 267 infinite: true, 268 speed: 300, 269 slidesToShow: 4, 270 slidesToScroll: 1, 271 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 272 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 273 responsive: [ 274 { 275 breakpoint: 1024, 276 settings: { 277 slidesToShow: 3, 278 slidesToScroll: 1, 279 infinite: true, 280 dots: false, 281 }, 282 }, 283 { 284 breakpoint: 767, 285 settings: { 286 slidesToShow: 2, 287 slidesToScroll: 1, 288 infinite: true, 289 dots: false, 290 }, 291 }, 292 { 293 breakpoint: 480, 294 settings: { 295 slidesToShow: 2, 296 slidesToScroll: 1, 297 }, 298 }, 299 ], 300 }); 301 } 302 const pCusItem = $(".custom-products-wrapper .product").length; 303 if (pCusItem > 4) { 304 $(".custom-products-wrapper .products").slick({ 305 dots: false, 306 infinite: true, 307 speed: 300, 308 slidesToShow: 4, 309 slidesToScroll: 1, 310 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 311 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 312 responsive: [ 313 { 314 breakpoint: 1024, 315 settings: { 316 slidesToShow: 3, 317 slidesToScroll: 1, 318 infinite: true, 319 dots: false, 320 }, 321 }, 322 { 323 breakpoint: 767, 324 settings: { 325 slidesToShow: 2, 326 slidesToScroll: 1, 327 infinite: true, 328 dots: false, 329 }, 330 }, 331 { 332 breakpoint: 480, 333 settings: { 334 slidesToShow: 2, 335 slidesToScroll: 1, 336 }, 337 }, 338 ], 339 });
340 } 341 const projectCusItem = $(".custom-projects-wrapper .item").length; 342 if (projectCusItem > 3) { 343 $(".custom-projects-wrapper").slick({ 344 dots: false, 345 infinite: true, 346 speed: 300, 347 slidesToShow: 3, 348 slidesToScroll: 1, 349 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 350 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 351 responsive: [ 352 { 353 breakpoint: 1024, 354 settings: { 355 slidesToShow: 3, 356 slidesToScroll: 1, 357 infinite: true, 358 dots: false, 359 }, 360 }, 361 { 362 breakpoint: 767, 363 settings: { 364 slidesToShow: 2, 365 slidesToScroll: 1, 366 infinite: true, 367 dots: false, 368 }, 369 }, 370 { 371 breakpoint: 480, 372 settings: { 373 slidesToShow: 2, 374 slidesToScroll: 1, 375 }, 376 }, 377 ], 378 }); 379 } 380 381 const pItem = $(".feature_product .list .product").length; 382 // if (viewedItem > 3) { 383 // $('.slick-slider').show(); 384 // } 385 if (pItem > 3) { 386 $(".feature_product .list").slick({ 387 dots: false, 388 infinite: true, 389 vertical: true, 390 speed: 300, 391 slidesToShow: 3, 392 slidesToScroll: 1, 393 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 394 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 395 responsive: [ 396 { 397 breakpoint: 1024, 398 settings: { 399 slidesToShow: 3, 400 slidesToScroll: 1, 401 infinite: true, 402 dots: false, 403 }, 404 }, 405 { 406 breakpoint: 767, 407 settings: { 408 slidesToShow: 2, 409 slidesToScroll: 1, 410 infinite: true, 411 dots: false, 412 }, 413 }, 414 { 415 breakpoint: 480, 416 settings: { 417 slidesToShow: 3, 418 slidesToScroll: 1, 419 }, 420 }, 421 ], 422 }); 423 } 424 if (window.matchMedia("(max-width: 767px)").matches) { 425 $(".feature_project .list .row").slick({ 426 infinite: true, 427 dots: false, 428 autoplay: false, 429 autoplaySpeed: 3000, 430 slidesToShow: 1, 431 arrows: true, 432 slidesToScroll: 1, 433 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 434 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 435 }); 436 $(".strategic_partnership .list").slick({ 437 infinite: true, 438 dots: false, 439 autoplay: false, 440 autoplaySpeed: 3000, 441 slidesToShow: 2, 442 arrows: true, 443 slidesToScroll: 1, 444 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 445 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 446 }); 447 $(".leadership_team .row").slick({ 448 infinite: true, 449 dots: false, 450 autoplay: false, 451 autoplaySpeed: 3000, 452 slidesToShow: 1, 453 arrows: true, 454 slidesToScroll: 1, 455 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 456 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 457 }); 458 // $(".news_layout .list-promotion").slick({ 459 // infinite: true, 460 // dots: true, 461 // autoplay: false, 462 // autoplaySpeed: 3000, 463 // slidesToShow: 2, 464 // arrows: false, 465 // slidesToScroll: 1, 466 // // prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 467 // // nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 468 // }); 469 } 470 // 471 // //Slider news 472 // const sliderNews = $(".list-post .item").length; 473 // // const wrapper_video = $('.wrapper-video').length 474 // 475 // $(".list-post").slick({ 476 // dots: false, 477 // infinite: true, 478 // arrows: true, 479 // speed: 300, 480 // slidesToShow: sliderNews >= 4 ? 4 : sliderNews, 481 // slidesToScroll: 1, 482 // prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 483 // nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 484 // responsive: [ 485 // { 486 // breakpoint: 1024, 487 // settings: { 488 // slidesToShow: 4, 489 // slidesToScroll: 1, 490 // infinite: true, 491 // dots: false, 492 // }, 493 // }, 494 // { 495 // breakpoint: 767, 496 // settings: { 497 // slidesToShow: 2, 498 // slidesToScroll: 1, 499 // infinite: true, 500 // dots: false, 501 // }, 502 // }, 503 // { 504 // breakpoint: 480, 505 // settings: { 506 // slidesToShow: 1, 507 // slidesToScroll: 1, 508 // }, 509 // }, 510 // ], 511 // }); 512 // 513 // //Slider logo 514 // const sliderLogo = $(".list-logo .item").length; 515 // // const wrapper_video = $('.wrapper-video').length 516 // 517 // $(".list-logo").slick({ 518 // dots: false, 519 // infinite: true, 520 // arrows: true, 521 // speed: 300, 522 // slidesToShow: sliderLogo >= 5 ? 5 : sliderLogo, 523 // slidesToScroll: 1, 524 // prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 525 // nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 526 // responsive: [ 527 // { 528 // breakpoint: 1024, 529 // settings: { 530 // slidesToShow: 5, 531 // slidesToScroll: 1, 532 // infinite: true, 533 // dots: false, 534 // }, 535 // }, 536 // { 537 // breakpoint: 767, 538 // settings: { 539 // slidesToShow: 2, 540 // slidesToScroll: 1, 541 // infinite: true, 542 // dots: false, 543 // }, 544 // }, 545 // { 546 // breakpoint: 480, 547 // settings: { 548 // slidesToShow: 1, 549 // slidesToScroll: 1, 550 // }, 551 // }, 552 // ], 553 // }); 554 // 555 // // Slider View Product 556 const sliderView = $(".list-tes .item").length; 557 if (sliderView > 3) { 558 $(".list-tes").slick({ 559 dots: false, 560 infinite: true, 561 speed: 300, 562 autoplay: true, 563 slidesToShow: 3, 564 slidesToScroll: 1, 565 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 566 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 567 responsive: [ 568 { 569 breakpoint: 1024, 570 settings: { 571 slidesToShow: 3, 572 slidesToScroll: 1, 573 infinite: true, 574 dots: false, 575 }, 576 }, 577 { 578 breakpoint: 767, 579 settings: { 580 slidesToShow: 1, 581 slidesToScroll: 1, 582 infinite: true, 583 dots: false, 584 }, 585 }, 586 { 587 breakpoint: 480, 588 settings: { 589 slidesToShow: 1, 590 slidesToScroll: 1, 591 }, 592 }, 593 ], 594 });
595 } 596 // 597 // 598 const sliderDetail = $(".image-small .item-small").length; 599 var turnOnSlick = false; 600 var number_slide = 3; 601 if (sliderDetail >= 4) { 602 turnOnSlick = true; 603 number_slide = 4; 604 } 605 // // $('.xzoom').xzoom({tint: '#333', Xoffset: 5}); 606 // //Slider thumbnails 607 // 608 // // $('.image-big').on('beforeChange', function (event, slick, currentSlide, nextSlide) { 609 // // console.log(currentSlide); 610 // // $(".image-big [data-slick-index='" + currentSlide + "']").find('img').removeClass('xzoom'); 611 // // $(".image-big [data-slick-index='" + nextSlide + "']").find('img').addClass('xzoom'); 612 // // $('.xzoom').xzoom({tint: '#333', Xoffset: 5}); 613 // // }); 614 $(".image-big").slick({ 615 slidesToShow: 1, 616 slidesToScroll: 1, 617 arrows: false, 618 fade: true, 619 asNavFor: ".image-small", 620 }); 621 if (turnOnSlick == true) { 622 $(".image-small").slick({ 623 slidesToShow: 4, 624 slidesToScroll: 1, 625 asNavFor: ".image-big", 626 dots: false, 627 centerMode: false, 628 focusOnSelect: true, 629 prevArrow: '<i class="fa-solid fa-angle-left left_arrow"></i>', 630 nextArrow: '<i class="fa-solid fa-angle-right right_arrow"></i>', 631 responsive: [ 632 { 633 breakpoint: 1024, 634 settings: { 635 slidesToShow: 3, 636 slidesToScroll: 1, 637 infinite: true, 638 dots: true, 639 }, 640 }, 641 { 642 breakpoint: 991, 643 settings: { 644 slidesToShow: 4, 645 slidesToScroll: 1, 646 }, 647 }, 648 { 649 breakpoint: 769, 650 settings: { 651 slidesToShow: 4, 652 slidesToScroll: 1, 653 }, 654 }, 655 { 656 breakpoint: 480, 657 settings: { 658 slidesToShow: 4, 659 slidesToScroll: 1, 660 }, 661 }, 662 ], 663 }); 664 } else { 665 $(".image-small img").on("click", function () { 666 const img_url = $(this).attr("src"); 667 $(".image-big .img-wrap.slick-slide.slick-current.slick-active img").attr( 668 "src", 669 img_url 670 ); 671 }); 672 } 673});
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.