<meta name="description" content="Toyota Standard Body & Paint Service Center. Express Paint Repair Service by Trained Specialists and Experienced Professionals"/><meta http-equiv="content-language" content="en"/><link rel="canonical" href="https://toyotasummit.co.th/en/page/about-bpexpress"/><meta name="twitter:title" content="Toyota Standard Body & Paint Service Center"/><meta name="twitter:description" content="Toyota Standard Body & Paint Service Center. Express Paint Repair Service by Trained Specialists and Experienced Professionals"/><meta name="twitter:image" content="https://toyotasummit.co.th/build/images/logo.png"/><meta property="og:title" content="Toyota Standard Body & Paint Service Center"/><meta property="og:description" content="Toyota Standard Body & Paint Service Center. Express Paint Repair Service by Trained Specialists and Experienced Professionals"/><meta property="og:locale" content="en"/><meta property="og:url" content="https://toyotasummit.co.th/en/page/about-bpexpress"/><meta property="og:image" content="https://toyotasummit.co.th/build/images/logo.png"/> <style> .fa, .fab, .fad, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .navbar-nav{ display:block; } .navbar-nav .nav-item{ display: inline-block; } .navbar-nav .nav-item .nav-link{ display:inline-block; } .pull-right { float: right; } .top-header ul li { padding: 0 7px; height: 45px; display: inline-block; text-align: center; line-height: 44px; color: #aaa; font-size: 14px; } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: 0.25rem; } .social-button button{ position: fixed; height: 30px; width: 30px; bottom: 85px; right: 70px; font-size: 15px; padding: 0; z-index: 999; } .social-button:hover .fa-plus{ transform: rotate(45deg); transition:0.5s; } .social-btn{ /* opacity: 0; */ /* display: none; */ position:fixed; bottom:130px; right:50px; transition: opacity 0.7s; z-index:2; } .social-button .social-media .icon{ border-radius: 50px; } .social-button:hover > .social-btn{ opacity: 1; display: block; } .social-btn li i{ /* float:right; */ font-size:17px; color:#fff; margin-top:10px; } .social-button ul li{ width:80px; text-align:left; margin-bottom:10px; font-weight: bold; height: 50px; } .social-button ul li:hover i{ font-size:25px; } .used-car-img{ position:relative; background-color:#a9a9a9; } img.booked{ filter: grayscale(1); } .bg-gradient-red{ background: #E4121F!important; color:white; /* background: linear-gradient(135deg, rgba(255,255,255,0.748358718487395) 0%, rgba(251,85,99,1) 76%) !important; */ } .bg-gradient-red img{ filter: invert(1); } .bg-gradient-red span{ color:white; } .btn-fav{ border:0 !important;background: rgb(237,8,28); background: linear-gradient(90deg, rgba(237,8,28,1) 0%, rgba(244,193,193,0.809983368347339) 23%, rgba(237,8,28,1) 42%) !important; } .used-car-img .btn,.portfolio-item .btn{ display: block; width: auto; position: absolute; text-align: center; top: 40%; left: 30%; border-radius:50px; background: rgb(255,0,0); background:linear-gradient(135deg, rgba(255,0,0,0.748358718487395) 0%, rgba(121,9,9,1) 68%, rgba(2,0,36,1) 100%); /* background: linear-gradient(135deg, rgba(79,79,79,0.748358718487395) 0%, rgba(37,18,18,1) 46%, rgba(2,0,36,1) 100%); */ } .portfolio-item .btn{ left:40%; } .free-down{ color:#fefefe; padding:0px 5px; border-radius:10px 0px 10px 0px; background:linear-gradient(135deg, rgba(255,0,0,0.748358718487395) 0%, rgba(121,9,9,1) 68%, rgba(2,0,36,1) 100%); } .used-car-img span{ display: block; width: 35%; height: 24px; background-color: red; position: absolute; text-align: center; line-height: 24px; left:0px; bottom: 0px; color:white; font-size: 15px; } .used-car-img badge{ display: block; position: absolute; left:0px; bottom: 0px; } .used-car-img b{ display: block; width: 40%; background: rgb(255,0,0); background: linear-gradient(135deg, rgba(255,0,0,0.748358718487395) 0%, rgba(121,9,9,1) 68%, rgba(2,0,36,1) 100%); height: 24px; /* background-color: red; */ position: absolute; text-align: center; line-height: 24px; top:0; right:0; color:white; font-size: 13px; } .select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color:red !important; } .select2-container--default .select2-results__option[aria-selected=true]{ background-color:#f7caca !important; color: white !important; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--open .select2-dropdown--below,.select2-container--open .select2-dropdown--above{ border-color:red !important; } .used-car-img span.promotion { display: block; width: 50%; height: 24px; background-color: red; position: absolute; bottom: 0; text-align: center; line-height: 24px; /* right: 0px; */ /* top: 0px; */ color: white; font-size: 15px; } input.email { height: 0 !important; margin: 0 !important; padding:0 !important; text-decoration: none !important; border: none !important; } .noUi-connect { background-image: linear-gradient(to right, #D31027 0%, #EA384D 0%, #D31027 25%) !important; } .noUi-tooltip{ font-size:12px; padding:2px !important; } .noUi-horizontal .noUi-handle{ width: 20px !important; height: 20px !important; right: -10px !important; top: -3px !important; border-radius: 20px !important; } .noUi-handle:after, .noUi-handle:before{ left: 8px !important; top: 2px !important; } .used-car-img view.view { display: block; width: auto; height: 24px; position: absolute; top: 0; right:0; text-align: left; line-height: 24px; /* right: 0px; */ /* top: 0px; */ color: #ffffff; border-radius:3px; font-size: 15px; background-color:#E4121F; padding-right:5px; padding-left:5px; } small{ color:#888; } .car-box-3{ border: solid 1px #eee; } @media (max-width: 768px){ .social-btn{ right:0px; } } .multiple-items .slider-prev { position: absolute; top: 55%; display: block; width: 20px; height: 20px; left: -25px; padding: -267px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; } .multiple-items .slider-next { position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; right: -25px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; border: none; outline: none; } input[type=checkbox]:checked+label:before{ content:'' !important; } .shake-side { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } .modal { text-align: center; padding: 0!important; } /* .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } */ .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } </style> <link rel="preload" href="/build/fonts/promt/Prompt-Medium.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/build/fonts/promt/Prompt-SemiBoldItalic.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/build/fonts/promt/Prompt-SemiBold.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/build/fonts/promt/Prompt-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/build/fonts/promt/Prompt-Bold.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/build/fonts/promt/Prompt-Light.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/build/fonts/promt/Prompt-Italic.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/build/fonts/promt/Prompt-Italic.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="stylesheet" href="/build/vendors~js/app.e907a19a.css"><link rel="stylesheet" href="/build/js/app~js/app-bp.795aec51.css"> <link rel="stylesheet" href="/build/vendors~font.864cec06.css"><link rel="stylesheet" href="/build/font.bcf0516b.css"> <link href="/build/fonts/promt/stylesheet.css" rel="stylesheet" /> <style> p{ color:black; } ul { list-style: unset; padding-left:20px; color:black; } .banner1 { background: url(/assets/images/insurance/about-62e0be83ce7bb724982393-62e38091d2b77869424323.jpg) top center no-repeat; height: 350px; background-position: center; background-size: cover; } .service-info-2 .icon { border: none; } </style>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-FLLL4S9MXX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-FLLL4S9MXX'); </script>   <script> (function(g,d,o){ g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)}; var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net'; var s=d.createElement('script');s.async=1; s.src=o||h+'/n/line_tag/public/release/v1/lt.js'; var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t); })(window, document); _lt('init', { customerType: 'account', tagId: '7569033a-3c09-497d-b7b5-975ee242f4e9' }); _lt('send', 'pv', ['7569033a-3c09-497d-b7b5-975ee242f4e9']); </script> <noscript> <img height="1" width="1" style="display:none" src="https://tr.line.me/tag.gif?c_t=lap&t_id=7569033a-3c09-497d-b7b5-975ee242f4e9&e=pv&noscript=1" /> </noscript>  <script> _lt('send', 'cv', { type: 'Website1' },['7569033a-3c09-497d-b7b5-975ee242f4e9']); </script> </head> <body> <div id="fb-root"></div>  <header class="top-header bg-red" id="top-header-2"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-8 col-sm-7"> <div class="list-inline"> <a href="tel:02 022 6555"> <i class="fas fa-phone-alt" aria-hidden="true"></i> CALL CENTER 02 022 6555</a> </div> </div> <div class="col-lg-6 col-md-4 col-sm-5"> <ul class="top-social-media pull-right"> <li> <a href="https://www.facebook.com/toyotasummit" target="_blank" > <i class="fab fa-facebook-square"></i> </a> </li> <li> <a href="https://www.instagram.com/toyotasummit_nc" target="_blank"> <i class="fab fa-instagram"></i></a> </li> <li> <a href="https://lin.ee/dwv0LgS" target="_blank"> <i class="fab fa-line"></i></a> </li> <li> <a href="/en/search"> <i class="fa fa-search"></i></a> </li> <li> <a class="block fw-light text-white text-center" href="/th/page/about-bpexpress"> TH </a> <span class="text-white">/</span> <a class="block fw-bold text-white text-center" href="/en/page/about-bpexpress"> EN </a> </li> </ul> </div> </div> </div> </header>   <header class="main-header sh-2"> <div class="container"> <nav class="navbar navbar-expand-lg navbar-light"> <a class="navbar-brand company-logo-2 pull-left" href="/en/"> <img src="/build/images/ICHIKUN.png" width="77px" height="50px" class="img-fluid" alt="Toyotasummit co.,ltd."> </a> <div class=" d-lg-inline d-none w-100 justify-content-end pull-right" id="navbar"> <ul class="navbar-nav ml-auto pull-right"> <li class="nav-item "> <a class="nav-link " href="/en/" title="Home" > Home </a> </li> <li class="nav-item dropdown megamenu-li" > <a class="nav-link dropdown-toggle" href="/en/newcar" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> New Car <em class="fa fa-chevron-down " style="font-size:0.625em;"></em> </a> <div class="dropdown-menu megamenu" aria-labelledby="dropdown01" style="max-width:100%;"> <div class="megamenu-area"> <div class="row"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="megamenu-section"> <div class="tabbing tabbing-box mb-40"> <ul class="nav nav-tabs justify-content-center myTabMenuTop" id="myTabMenuTop" role="tablist"> <li class="nav-item" role="presentation"> <button class="nav-link active menuheader " id="tab0" data-bs-toggle="tab" data-bs-target="#homeTab0" type="button" role="tab" aria-controls="home" aria-selected="true"> Personal Cars</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link menuheader " id="tab1" data-bs-toggle="tab" data-bs-target="#homeTab1" type="button" role="tab" aria-controls="home" aria-selected="true"> SUV & PPV</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link menuheader " id="tab2" data-bs-toggle="tab" data-bs-target="#homeTab2" type="button" role="tab" aria-controls="home" aria-selected="true"> MPV</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link menuheader " id="tab3" data-bs-toggle="tab" data-bs-target="#homeTab3" type="button" role="tab" aria-controls="home" aria-selected="true"> Commercial Cars</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link menuheader " id="tab4" data-bs-toggle="tab" data-bs-target="#homeTab4" type="button" role="tab" aria-controls="home" aria-selected="true"> Van</button> </li> <li class="nav-item" role="presentation"> <button class="nav-link menuheader " id="tab5" data-bs-toggle="tab" data-bs-target="#homeTab5" type="button" role="tab" aria-controls="home" aria-selected="true"> Bus</button> </li> </ul> <div class="tab-content" id="myTabContentTop"> <div class="tab-pane fade show active" id="homeTab0" role="tabpanel" aria-labelledby="tab0"> <div class="accordion accordion-flush" id="tabEx0"> <div class="accordion-item"> <div class="row"> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/personal-cars/info/altis-grsport" class="car-img" title="Corolla Altis GR Sport"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/0a230d92-85f9-47a7-8199-37ef16aa3e3a/ezgif-com-webp-to-jpg-9-650f207e3d16a723656426-removebg-preview-652e1010b4bb7394502753.png" style="aspect-ratio:16/10" loading="lazy" alt="Corolla Altis GR Sport" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/personal-cars/info/altis-grsport" title="Corolla Altis GR Sport">Corolla Altis GR Sport </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>1,129,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/personal-cars/info/camry-2024" class="car-img" title="CAMRY"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/e8a970e8-b5a8-4c28-8aeb-1a810f40d437/metal-670e08b5bc28f223042782.webp" style="aspect-ratio:16/10" loading="lazy" alt="CAMRY" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/personal-cars/info/camry-2024" title="CAMRY">CAMRY </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>1,455,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/personal-cars/info/yarisativ-2022" class="car-img" title="Yaris ATIV"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/ad87da0d-db39-48f3-b46b-75ffac9813ed/black-62f34e09d37b4132632602.png" style="aspect-ratio:16/10" loading="lazy" alt="Yaris ATIV" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/personal-cars/info/yarisativ-2022" title="Yaris ATIV">Yaris ATIV </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>549,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/personal-cars/info/yaris-2023" class="car-img" title="Yaris"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/0017ae30-1df1-404c-bd77-54bfd0cfb12e/1-1-64099c3639cfc592863918.png" style="aspect-ratio:16/10" loading="lazy" alt="Yaris" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/personal-cars/info/yaris-2023" title="Yaris">Yaris </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>559,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/personal-cars/info/corolla-altis" class="car-img" title="Corolla Altis"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/590f781e-7bd6-41de-b31c-0d0dfd930f43/first-image-650f0ddf44444149501690.png" style="aspect-ratio:16/10" loading="lazy" alt="Corolla Altis" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/personal-cars/info/corolla-altis" title="Corolla Altis">Corolla Altis </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>894,000</b> Baht</span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade show " id="homeTab1" role="tabpanel" aria-labelledby="tab1"> <div class="accordion accordion-flush" id="tabEx1"> <div class="accordion-item"> <div class="row"> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/suv-ppv/info/yariscross" class="car-img" title="Yaris Cross"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/e9d70e71-52ef-4467-9fb0-e512703863e1/ezgif-com-webp-to-png-36-6523a2371b5ad815414489.png" style="aspect-ratio:16/10" loading="lazy" alt="Yaris Cross" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/suv-ppv/info/yariscross" title="Yaris Cross">Yaris Cross </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>789,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/suv-ppv/info/corollacross" class="car-img" title="Corolla Cross"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/28059e50-bc9c-4d80-bf19-43d32f7aabcf/1-65c5db5ee06d9268581954.png" style="aspect-ratio:16/10" loading="lazy" alt="Corolla Cross" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/suv-ppv/info/corollacross" title="Corolla Cross">Corolla Cross </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>999,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/suv-ppv/info/Corolla-Cross-GR-Sport" class="car-img" title="Corolla Cross GR Sport"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/4a4f0ec2-0195-47bb-8599-92f7230cd1a2/car-1-62b030c254648189816947.png" style="aspect-ratio:16/10" loading="lazy" alt="Corolla Cross GR Sport" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/suv-ppv/info/Corolla-Cross-GR-Sport" title="Corolla Cross GR Sport">Corolla Cross GR Sport </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>1,254,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/suv-ppv/info/fortuner-leader" class="car-img" title="Fortuner Leader"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/dfc656b9-b537-4025-807f-6ebfe106f45e/ezgif-com-webp-to-png-1-65117259ada00453024893.png" style="aspect-ratio:16/10" loading="lazy" alt="Fortuner Leader" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/suv-ppv/info/fortuner-leader" title="Fortuner Leader">Fortuner Leader </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>1,400,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/suv-ppv/info/fortuner" class="car-img" title="Fortuner Legender"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/5fe88a16-860a-4268-b1bd-82aaadb2afde/11-651165d45edd1006970696.png" style="aspect-ratio:16/10" loading="lazy" alt="Fortuner Legender" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/suv-ppv/info/fortuner" title="Fortuner Legender">Fortuner Legender </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>1,643,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/suv-ppv/info/bz4x" class="car-img" title="bZ4X"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/7951de92-f3c2-48ea-9d64-2047813f59fd/1-636dc76bf30e1536810970.png" style="aspect-ratio:16/10" loading="lazy" alt="bZ4X" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/suv-ppv/info/bz4x" title="bZ4X">bZ4X </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>1,836,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/suv-ppv/info/fortuner-grsport" class="car-img" title="Fortuner GR Sport"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/960b09f9-2100-459f-b847-09eba1d97d9d/red-62bedd4094220521052143.png" style="aspect-ratio:16/10" loading="lazy" alt="Fortuner GR Sport" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/suv-ppv/info/fortuner-grsport" title="Fortuner GR Sport">Fortuner GR Sport </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>1,939,000</b> Baht</span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade show " id="homeTab2" role="tabpanel" aria-labelledby="tab2"> <div class="accordion accordion-flush" id="tabEx2"> <div class="accordion-item"> <div class="row"> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/mpv/info/innovazenix" class="car-img" title="Innova Zenix"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/555eb8e9-9d31-463f-aff9-bc77243b7913/ezgif-com-webp-to-jpg-95-65107b7c250c7855069219-652df25e645ae983293260.png" style="aspect-ratio:16/10" loading="lazy" alt="Innova Zenix" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/mpv/info/innovazenix" title="Innova Zenix">Innova Zenix </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>1,379,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/mpv/info/veloz" class="car-img" title="Veloz"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/81d16510-1c5d-417e-8dbb-b15fdc679fb8/cover-62bea67a31ef6400576324.png" style="aspect-ratio:16/10" loading="lazy" alt="Veloz" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/mpv/info/veloz" title="Veloz">Veloz </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>795,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/mpv/info/alphard" class="car-img" title="Alphard"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/eeba956e-a46a-4eae-93c2-0278a592966e/ezgif-com-webp-to-jpg-68-650f3c9513f2a958220915-removebg-preview-652e0c19262c5343834429.png" style="aspect-ratio:16/10" loading="lazy" alt="Alphard" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/mpv/info/alphard" title="Alphard">Alphard </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>4,129,000</b> Baht</span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade show " id="homeTab3" role="tabpanel" aria-labelledby="tab3"> <div class="accordion accordion-flush" id="tabEx3"> <div class="accordion-item"> <div class="row"> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/commerce-cars/info/hilux-champ-2024" class="car-img" title="Hilux Champ"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/4a2f4186-0fde-4053-a5e8-6ac4e6ef4df5/white-65fd176066034916687562.webp" style="aspect-ratio:16/10" loading="lazy" alt="Hilux Champ" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/commerce-cars/info/hilux-champ-2024" title="Hilux Champ">Hilux Champ </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>459,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/commerce-cars/info/hilux_revo_standard" class="car-img" title="Hilux Revo Standard Cab"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/63c91efd-3d3e-47fb-becf-90553b1f60fa/super-white-ii-65fe2a25400f4154390817.webp" style="aspect-ratio:16/10" loading="lazy" alt="Hilux Revo Standard Cab" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/commerce-cars/info/hilux_revo_standard" title="Hilux Revo Standard Cab">Hilux Revo Standard Cab </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>584,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/commerce-cars/info/hilux-revo-zedition" class="car-img" title="Hilux Revo Z Edition"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/56c89675-d980-4201-9685-9f349a8897d3/cover-65ff80f373799040067106.webp" style="aspect-ratio:16/10" loading="lazy" alt="Hilux Revo Z Edition" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/commerce-cars/info/hilux-revo-zedition" title="Hilux Revo Z Edition">Hilux Revo Z Edition </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>669,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/commerce-cars/info/hilux-revo-prerunner" class="car-img" title="Hilux Revo Prerunner and 4x4"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/18b4655c-68e8-4118-ba55-665f75d13c39/1-65ff9d8a82f83801340177.webp" style="aspect-ratio:16/10" loading="lazy" alt="Hilux Revo Prerunner and 4x4" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/commerce-cars/info/hilux-revo-prerunner" title="Hilux Revo Prerunner and 4x4">Hilux Revo Prerunner and 4x4 </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>775,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/commerce-cars/info/hilux-revo-grsport" class="car-img" title="Hilux Revo GR Sport"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/41bc138e-2c43-4d4e-a16a-b67f369411fb/cover-65ffd6488c7ed035197417.webp" style="aspect-ratio:16/10" loading="lazy" alt="Hilux Revo GR Sport" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/commerce-cars/info/hilux-revo-grsport" title="Hilux Revo GR Sport">Hilux Revo GR Sport </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>934,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/commerce-cars/info/hilux-revo-rocco" class="car-img" title="Hilux Revo Rocco"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/4c9b40e9-ceba-4b0b-8e19-af3f9bbfeacf/1-65ffd607be3dc170636773.webp" style="aspect-ratio:16/10" loading="lazy" alt="Hilux Revo Rocco" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/commerce-cars/info/hilux-revo-rocco" title="Hilux Revo Rocco">Hilux Revo Rocco </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>1,006,000</b> Baht</span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade show " id="homeTab4" role="tabpanel" aria-labelledby="tab4"> <div class="accordion accordion-flush" id="tabEx4"> <div class="accordion-item"> <div class="row"> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/van/info/hiace" class="car-img" title="Hiace"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/747296dd-6490-41eb-89ab-ae0c459cf2d5/white-62be9764b11c1288635942.png" style="aspect-ratio:16/10" loading="lazy" alt="Hiace" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/van/info/hiace" title="Hiace">Hiace </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>1,069,000</b> Baht</span> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/van/info/commuter" class="car-img" title="Commuter"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/9c718f63-a4d2-4929-a3a8-5a54a29811e4/white-62be90529b55c169499775.png" style="aspect-ratio:16/10" loading="lazy" alt="Commuter" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/van/info/commuter" title="Commuter">Commuter </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>1,339,000</b> Baht</span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade show " id="homeTab5" role="tabpanel" aria-labelledby="tab5"> <div class="accordion accordion-flush" id="tabEx5"> <div class="accordion-item"> <div class="row"> <div class="col-lg-2 col-md-6"> <div class="car-box-3 mb-1"> <a href="/en/newcar/bus/info/coaster" class="car-img" title="Coaster"> <div class="car-thumbnail"> <img class="d-block w-100" src="https://toyotasummit.co.th/media/cache/resolve/newcar_thumbnail/assets/images/newcar/2064ed41-1598-44a6-aafe-75b0aaea1637/white-62beee37e48b8942844747.png" style="aspect-ratio:16/10" loading="lazy" alt="Coaster" /> </div> </a> <div class=""> <div class="px-1"> <a href="/en/newcar/bus/info/coaster" title="Coaster">Coaster </a> </div> <div class="text-right px-1" style="text-align:right;"> <span class="text-red"><b>1,960,000</b> Baht</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/en/usedcar" title="Used Car" id="navbarDropdownMenuLink3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" > Used Car <em class="fa fa-chevron-down " style="font-size:0.625em;"></em> </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink3"> <li> <a class="dropdown-item" href="/en/usedcar" title="All Used car" > All Used car </a> </li> <li> <a class="dropdown-item" href="/en/usedcar/promotions-list" title="โปรโมชั่นรถมือสอง" > โปรโมชั่นรถมือสอง </a> </li> <li> <a class="dropdown-item" href="/en/main/knowledge-of-used-car" title="Knowledge of Used Car" > Knowledge of Used Car </a> </li> </ul> </li> <li class="nav-item "> <a class="nav-link " href="/en/sabuy-cash" title="REFINANCE" > REFINANCE </a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" title="Our Service" id="navbarDropdownMenuLink5" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" > Our Service <em class="fa fa-chevron-down " style="font-size:0.625em;"></em> </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink5"> <li> <a class="dropdown-item" href="/en/main/service" title="Service" > Service </a> </li> <li> <a class="dropdown-item" href="/en/main/branch" title="Service Center" > Service Center </a> </li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/en/bpexpress" title="Body and Paint" id="navbarDropdownMenuLink6" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" > Body and Paint <em class="fa fa-chevron-down " style="font-size:0.625em;"></em> </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink6"> <li> <a class="dropdown-item" href="/th/bpexpress/promotion" title="Promotion" > Promotion </a> </li> <li> <a class="dropdown-item" href="/en/bpexpress/branch" title="Branch" > Branch </a> </li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/en/fixfit" title="FIXFIT" id="navbarDropdownMenuLink7" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" > FIXFIT <em class="fa fa-chevron-down " style="font-size:0.625em;"></em> </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink7"> <li> <a class="dropdown-item" href="/en/fixfit/promotion/" title="Promotion" > Promotion </a> </li> <li> <a class="dropdown-item" href="/en/fixfit/branch" title="Branch" > Branch </a> </li> <li> <a class="dropdown-item" href="/en/fixfit/service" title="Service" > Service </a> </li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/en/Toyota-summit-insurance" title="Insurance" id="navbarDropdownMenuLink8" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" > Insurance <em class="fa fa-chevron-down " style="font-size:0.625em;"></em> </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink8"> <li> <a class="dropdown-item" href="/en/Toyota-summit-insurance/service" title="Service" > Service </a> </li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/en/page/about-us" title="About Us" id="navbarDropdownMenuLink9" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" > About Us <em class="fa fa-chevron-down " style="font-size:0.625em;"></em> </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink9"> <li> <a class="dropdown-item" href="/en/page/about-us" title="About Us" > About Us </a> </li> <li> <a class="dropdown-item" href="/en/page/about-president" title="A Message from the President" > A Message from the President </a> </li> </ul> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="/en/main/news-and-event" title="News and Event" id="navbarDropdownMenuLink10" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" > News and Event <em class="fa fa-chevron-down " style="font-size:0.625em;"></em> </a> <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink10"> <li> <a class="dropdown-item" href="/en/main/hiring/" title="Hiring" > Hiring </a> </li> </ul> </li> <li class="nav-item "> <a class="nav-link " href="/en/contact" title="Contact Us" > Contact Us </a> </li> </ul> </div> <button class="navbar-toggler d-block d-lg-none pull-right" type="button" id="drawer"> <span class="">menu</span> </button> </nav> </div> </header>   <nav id="sidebar" class="nav-sidebar">  <div id="dismiss"> <i class="fa fa-close"></i> </div> <div class="sidebar-inner"> <div class="sidebar-logo"> <a href="index.html"> <img src="/build/images/ICHIKUN.png" alt="Toyotasummit.co.th" loading="lazy" > </a> </div> <div class="sidebar-navigation"> <h3 class="heading">Pages</h3> <ul class="menu-list"> <li> <a href="/en/" class=" pt0"> Home </a> </li> <li> <a href="/en/newcar" class=" pt0"> New Car <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="#" class=" pt0"> Personal Cars <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="/en/newcar/personal-cars/info/altis-grsport" title="Corolla Altis GR Sport"> Corolla Altis GR Sport</a> </li> <li> <a href="/en/newcar/personal-cars/info/camry-2024" title="CAMRY"> CAMRY</a> </li> <li> <a href="/en/newcar/personal-cars/info/yarisativ-2022" title="Yaris ATIV"> Yaris ATIV</a> </li> <li> <a href="/en/newcar/personal-cars/info/yaris-2023" title="Yaris"> Yaris</a> </li> <li> <a href="/en/newcar/personal-cars/info/corolla-altis" title="Corolla Altis"> Corolla Altis</a> </li> </ul> </li> </ul> <ul> <li> <a href="#" class=" pt0"> SUV & PPV <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="/en/newcar/suv-ppv/info/yariscross" title="Yaris Cross"> Yaris Cross</a> </li> <li> <a href="/en/newcar/suv-ppv/info/corollacross" title="Corolla Cross"> Corolla Cross</a> </li> <li> <a href="/en/newcar/suv-ppv/info/Corolla-Cross-GR-Sport" title="Corolla Cross GR Sport"> Corolla Cross GR Sport</a> </li> <li> <a href="/en/newcar/suv-ppv/info/fortuner-leader" title="Fortuner Leader"> Fortuner Leader</a> </li> <li> <a href="/en/newcar/suv-ppv/info/fortuner" title="Fortuner Legender"> Fortuner Legender</a> </li> <li> <a href="/en/newcar/suv-ppv/info/bz4x" title="bZ4X"> bZ4X</a> </li> <li> <a href="/en/newcar/suv-ppv/info/fortuner-grsport" title="Fortuner GR Sport"> Fortuner GR Sport</a> </li> </ul> </li> </ul> <ul> <li> <a href="#" class=" pt0"> MPV <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="/en/newcar/mpv/info/innovazenix" title="Innova Zenix"> Innova Zenix</a> </li> <li> <a href="/en/newcar/mpv/info/veloz" title="Veloz"> Veloz</a> </li> <li> <a href="/en/newcar/mpv/info/alphard" title="Alphard"> Alphard</a> </li> </ul> </li> </ul> <ul> <li> <a href="#" class=" pt0"> Commercial Cars <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="/en/newcar/commerce-cars/info/hilux-champ-2024" title="Hilux Champ"> Hilux Champ</a> </li> <li> <a href="/en/newcar/commerce-cars/info/hilux_revo_standard" title="Hilux Revo Standard Cab"> Hilux Revo Standard Cab</a> </li> <li> <a href="/en/newcar/commerce-cars/info/hilux-revo-zedition" title="Hilux Revo Z Edition"> Hilux Revo Z Edition</a> </li> <li> <a href="/en/newcar/commerce-cars/info/hilux-revo-prerunner" title="Hilux Revo Prerunner and 4x4"> Hilux Revo Prerunner and 4x4</a> </li> <li> <a href="/en/newcar/commerce-cars/info/hilux-revo-grsport" title="Hilux Revo GR Sport"> Hilux Revo GR Sport</a> </li> <li> <a href="/en/newcar/commerce-cars/info/hilux-revo-rocco" title="Hilux Revo Rocco"> Hilux Revo Rocco</a> </li> </ul> </li> </ul> <ul> <li> <a href="#" class=" pt0"> Van <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="/en/newcar/van/info/hiace" title="Hiace"> Hiace</a> </li> <li> <a href="/en/newcar/van/info/commuter" title="Commuter"> Commuter</a> </li> </ul> </li> </ul> <ul> <li> <a href="#" class=" pt0"> Bus <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="/en/newcar/bus/info/coaster" title="Coaster"> Coaster</a> </li> </ul> </li> </ul> </li> <li> <a href="/en/usedcar" class=" pt0"> Used Car <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="/en/usedcar" title="All Used car"> All Used car </a> </li> <li> <a href="/en/usedcar/promotions-list" title="โปรโมชั่นรถมือสอง"> โปรโมชั่นรถมือสอง </a> </li> <li> <a href="/en/main/knowledge-of-used-car" title="Knowledge of Used Car"> Knowledge of Used Car </a> </li> </ul> </li> <li> <a href="/en/sabuy-cash" class=" pt0"> REFINANCE </a> </li> <li> <a href="#" class=" pt0"> Our Service <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="/en/main/service" title="Service"> Service </a> </li> <li> <a href="/en/main/branch" title="Service Center"> Service Center </a> </li> </ul> </li> <li> <a href="/en/bpexpress" class=" pt0"> Body and Paint <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="/th/bpexpress/promotion" title="Promotion"> Promotion </a> </li> <li> <a href="/en/bpexpress/branch" title="Branch"> Branch </a> </li> </ul> </li> <li> <a href="/en/fixfit" class=" pt0"> FIXFIT <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="/en/fixfit/promotion/" title="Promotion"> Promotion </a> </li> <li> <a href="/en/fixfit/branch" title="Branch"> Branch </a> </li> <li> <a href="/en/fixfit/service" title="Service"> Service </a> </li> </ul> </li> <li> <a href="/en/Toyota-summit-insurance" class=" pt0"> Insurance <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="/en/Toyota-summit-insurance/service" title="Service"> Service </a> </li> </ul> </li> <li> <a href="/en/page/about-us" class=" pt0"> About Us <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="/en/page/about-us" title="About Us"> About Us </a> </li> <li> <a href="/en/page/about-president" title="A Message from the President"> A Message from the President </a> </li> </ul> </li> <li> <a href="/en/main/news-and-event" class=" pt0"> News and Event <em class="fa fa-chevron-down"></em> </a> <ul> <li> <a href="/en/main/hiring/" title="Hiring"> Hiring </a> </li> </ul> </li> <li> <a href="/en/contact" class=" pt0"> Contact Us </a> </li> <li> <a style="display:unset;" class=" fw-light text-black text-center" href="/th/page/about-bpexpress"> TH </a> <span class="text-black"> / </span> <a style="display:unset;" class=" fw-bold text-black text-center" href="/en/page/about-bpexpress"> EN </a> </li> </ul> </div> <div class="get-in-touch"> <h3 class="heading">Contact Us</h3> <div class="get-in-touch-box d-flex mb-2"> <i class="fas fa-phone-alt"></i> <a href="tel:02 022 6555"> 02 022 6555</a> </div> <div class="get-in-touch-box d-flex mb-2"> <i class="fas fa-mail"></i> <div class="media-body"> <a href="mailto:toyotasummit01@gmail.com">toyotasummit01@gmail.com</a> </div> </div> </div> </div> </nav> <div class="header-row" id="header-row"> <div class="container-fluid" style="padding: 0px;"> <div class="row" style="margin: 0px;"> <div class="col-xs-12" style="padding: 0px;"> <img src="/assets/images/insurance/about-62e0be83ce7bb724982393-62e38091d2b77869424323.jpg" class="w-100" onerror="this.style.display = 'none'"> </div> </div> </div> </div> <div class="bg-light mt-4"> <div class="container"> <div class="row"> <div class="col-12"> <nav aria-label="breadcrumb" style="--bs-breadcrumb-divider: 'f105';"> <ol class="breadcrumb mb-0 py-2"> <li class="breadcrumb-item"> <a href="/en/">Home</a> </li> <li class="breadcrumb-item"> <a href="/en/page/about-us">About Us</a> </li> <li class="breadcrumb-item active">Toyota Standard Body & Paint Service Center</li> </ol> </nav> </div> </div> </div> </div>  <div class="blog-body content-area bg-white"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-12"> <div class="sidebar-right">  <div class="posts-by-category widget"> <h3 class="sidebar-title">Toyota Summit</h3> <div class="s-border"></div> <div class="m-border"></div> <ul class="list-unstyled list-cat"> <li> <a href="/en/page/privacy-policy"> Privacy policy </a> </li> <li> <a href="/en/page/about-us"> About Us </a> </li> <li> <a href="/en/page/about-president"> President Message </a> </li> </ul> </br> <h3 class="sidebar-title">FIX FIT</h3> <div class="s-border"></div> <div class="m-border"></div> <ul class="list-unstyled list-cat"> <li> <a href="/en/page/about-fixfit"> About Fixfit </a> </li> </ul> </br> <h3 class="sidebar-title">BP express</h3> <div class="s-border"></div> <div class="m-border"></div> <ul class="list-unstyled list-cat"> <li> <a href="/en/page/service-bpexpress"> BP EXPRESS service </a> </li> <li> <a href="/en/page/body-paint-service"> Body and Paint Service Center </a> </li> <li> <a href="/en/page/general-service"> บริการซ่อมทั่วไป </a> </li> </ul> </br> <h3 class="sidebar-title">Toyota Summit Insurance</h3> <div class="s-border"></div> <div class="m-border"></div> <ul class="list-unstyled list-cat"> <li> <a href="/en/page/about-Toyota-summit-insurance"> What is Toyota Insurance </a> </li> <li> <a href="/en/page/%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%81%E0%B8%B1%E0%B8%99%E0%B8%A0%E0%B8%B1%E0%B8%A2%E0%B8%A3%E0%B8%96%E0%B8%A2%E0%B8%99%E0%B8%95%E0%B9%8C"> ประกันภัยรถยนต์ </a> </li> </ul> </div> </div> </div> <div class="col-lg-9 col-md-12"> <div class="blog-1 blog-big mb-50"> <div class="detail"> <div class=""> <h3 class="p-0 m-0 font-bold text-left h1"> บริการซ่อมสีด่วน </h3> <p>With specially trained technicians and skilled personnel who use specialized tools and quick-drying products, we can spot lightly repair minor car paint damage in 25 steps, whether it's light job or Heavy job is assured with a 5-star standard, therefore it is trusted for more than 20 leading insurance companies.</p> <p> </p> </br> <div> <div class="blog-photo "> <img src="/assets/images/page/subdetail/bp-1-62b294a5e9bf6274324606.jpg" class="img-fluid blog-photo text-center"> </div> <br/> <h2> </h2> <div class="py-10 text-black"> <p><strong>Express BP repair service<br /> With specially trained technicians and skilled personnel who use specialized tools and quick-drying products, we can spot lightly repair minor car paint damage in 25 steps, whether it's light job or Heavy job is assured with a 5-star standard, therefore it is trusted for more than 20 leading insurance companies.</strong></p> <ul> <li>Body and Paint service</li> <li>General repair service</li> </ul> </div> <h2> </h2> <div class="py-10 text-black"> <div class="youtube-embed-wrapper" style="position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden"><iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/v5mCne3qDSM" style="position:absolute;top:0;left:0;width:100%;height:100%" width="640"></iframe></div> <p> </p> </div> </div> <br> </div> </div> <div class="team-2" style="padding:1rem;"> <h4> Branches </h4> <div class="row"> <div class="col-xl-6 col-sm-12 "> <div class="row team-2 g-0 "> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12"> <a href="https://goo.gl/maps/CPqjT5aZNpQBfS6i9"> <img src="https://toyotasummit.co.th/media/cache/resolve/branch_thumbnail/assets/branch/7/bn-62d0e448ec9c8583710960.png" alt="สาขาบางเมือง" class="img-fluid" /> </a> </div> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 align-self-center"> <div class="detail" style="padding:1rem;"> <h4> <a class="text-red" href="https://goo.gl/maps/CPqjT5aZNpQBfS6i9"> สาขาบางเมือง </a> </h4> <div class="contact"> <ul style="list-style: none;padding-left:0px;"> <li> <i class="fa fa-map-marker text-red "></i> <a tabindex="-1" href="https://goo.gl/maps/CPqjT5aZNpQBfS6i9" title="สาขาบางเมือง"> <p>89/91 หมู่ 5 ถ.ศรีนครินทร์<br /> ต.บางเมือง อ.สมุทรปราการ<br /> จ.สมุทรปราการ 10270</p> </a> </li> <li> <i class="fas fa-phone-alt text-red "></i> <a href="tel:02-056-0288"> 02-056-0288 </a> </li> <li> <i class="fa fa-map-marker text-red "></i> <a tabindex="-1" href="https://goo.gl/maps/CPqjT5aZNpQBfS6i9" target="_blaink"> View map </a> </li> </ul> </div> </div> </div> </div> </div> <div class="col-xl-6 col-sm-12 "> <div class="row team-2 g-0 "> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12"> <a href="https://goo.gl/maps/A2BM1vHSh5WpjbFH9"> <img src="https://toyotasummit.co.th/media/cache/resolve/branch_thumbnail/assets/branch/13/op-62d0e456f0a29228961438.png" alt="ONNUCH BRANCH" class="img-fluid" /> </a> </div> <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 align-self-center"> <div class="detail" style="padding:1rem;"> <h4> <a class="text-red" href="https://goo.gl/maps/A2BM1vHSh5WpjbFH9"> ONNUCH BRANCH </a> </h4> <div class="contact"> <ul style="list-style: none;padding-left:0px;"> <li> <i class="fa fa-map-marker text-red "></i> <a tabindex="-1" href="https://goo.gl/maps/A2BM1vHSh5WpjbFH9" title="ONNUCH BRANCH"> <p>333/1 หมู่ 5 ถ.อ่อนนุช<br /> แขวงประเวศ เขตประเวศ<br /> กรุงเทพฯ 10250</p> </a> </li> <li> <i class="fas fa-phone-alt text-red "></i> <a href="tel:02-0560233"> 02-0560233 </a> </li> <li> <i class="fa fa-map-marker text-red "></i> <a tabindex="-1" href="https://goo.gl/maps/A2BM1vHSh5WpjbFH9" target="_blaink"> View map </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div></div></div>   <footer class="footer bg-black"> <div class="subscribe-newsletter"> </div> <div class="clearfix"></div> <div class="footer-inner"> <div class="container"> <div class="row"> <div class="col-xl-4 col-lg-3 col-md-6 col-sm-6"> <div class="footer-item clearfix"> <h4 class="text-red"> Toyota Summit </h4> <div class="text"> <P class="mb-0"><p>A one-stop service covering new car sales, spare parts, maintenance, Toyota Sure, insurance renewal, registration, and much more.</p></P> </div> </div> </div> <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6"> <div class="footer-item clearfix"> <h4 class="text-red text-center"> Contact Info </h4> <p>ลงทะเบียนนัดหมาย : <a href="https://bit.ly/3mRCq9D" target="_blank">https://bit.ly/3mRCq9D</a><br /> Doctor Cars : <a href="https://lin.ee/j2E35JR" target="_blank">https://lin.ee/j2E35JR</a></p> <div class="px-5"><img src="/assets/images/page/qr-code-62b548064440a363690405.jpeg" class="img-fluid " width="318px" height="308px" alt="QR" /></div> </div> </div> <div class="col-xl-2 col-lg-2 col-md-6 col-sm-6"> <div class="footer-item"> <h4 class="text-red"> Site Map </h4> <ul class="links"> <li> <a href="/en/" title="Home"><i class="fa fa-angle-right"></i>Home</a> </li> <li> <a href="/en/usedcar" title="Used Car"><i class="fa fa-angle-right"></i>Used Car</a> </li> <li> <a href="/en/sabuy-cash" title="REFINANCE"><i class="fa fa-angle-right"></i>REFINANCE</a> </li> <li> <a href="#" title="Our Service"><i class="fa fa-angle-right"></i>Our Service</a> </li> <li> <a href="/en/bpexpress" title="Body and Paint"><i class="fa fa-angle-right"></i>Body and Paint</a> </li> <li> <a href="/en/fixfit" title="FIXFIT"><i class="fa fa-angle-right"></i>FIXFIT</a> </li> <li> <a href="/en/Toyota-summit-insurance" title="Insurance"><i class="fa fa-angle-right"></i>Insurance</a> </li> <li> <a href="/en/page/about-us" title="About Us"><i class="fa fa-angle-right"></i>About Us</a> </li> <li> <a href="/en/main/news-and-event" title="News and Event"><i class="fa fa-angle-right"></i>News and Event</a> </li> <li> <a href="/en/contact" title="Contact Us"><i class="fa fa-angle-right"></i>Contact Us</a> </li> </ul> </div> </div> </div> </div> </div> <div class="sub-footer"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 " style="text-align:left !important;"> <a class="small text-gray" href="/en/page/privacy-policy" title="Privacy Policy"> <u> Privacy Policy</u></a> <span class="small text-white">|</span> <a class="small" href="/en/page/cctv-policy" title="Terms and Condition"> <u>Terms and Condition</u> |</span> <a class="small" href="/en/page/privcacy-policy-hr" title="Human Resources Privacy Policy"> <u>Human Resources Privacy Policy</u></a> |</span> <a class="small" href="/en/page/cookie-policy" title="Cookies Policy"> <u> Cookies Policy (Cookies Policy)</u></a> </div> <div class="col-lg-6 col-md-6"> <p class="copy">© 2022 <a href="#">COPYRIGHT - TOYOTA SUMMIT CO., LTD</a> All Rights Reserved.</p> </div> <div class="col-lg-6 col-md-6"> <div class="social-media clearfix"> <div class="social-list"> <div class="icon facebook bg-fb" style=""> <div class="tooltip">Facebook</div> <span><a href="https://www.facebook.com/toyotasummit" target="_blank" title="Toyotasummit"><i class="fab fa-facebook"></i></a></span> </div> <div class="icon instagram bg-line" style=""> <div class="tooltip">Instagram</div> <span><a href="https://www.instagram.com/toyotasummit_nc" target="_blank" title="Toyotasummit"><i class="fab fa-instagram"></i></a></span> </div> <div class="icon instagram bg-insta" style=""> <div class="tooltip">Line</div> <span><a href="https://lin.ee/dwv0LgS" target="_blank" title="Toyotasummit"><i class="fab fa-line"></i></a></span> </div> </div> </div> </div> </div> </div> </div> </footer> <div class="social-button"> <ul class="social-btn social-media"> <li class="icon facebook bg-fb"> <a class=" mx-auto" href="https://www.facebook.com/toyotasummit" target="_blank"> <i class="fab fa-facebook " aria-hidden="true"></i> </a> </li> <li class="icon bg-line"> <a class="" href="https://www.instagram.com/toyotasummit_nc" target="_blank"> <i class="fab fa-instagram " aria-hidden="true"></i> </a> </li> <li class="icon bg-insta"> <a class="" href="https://lin.ee/dwv0LgS" target="_blank"> <i class="fab fa-line " aria-hidden="true"></i> </a> </li> </ul> </div>  </div> <script src="/build/js/jquery.min.js"></script> <script src="/build/js/popper.min.js"></script> <script src="/build/js/bootstrap.bundle.min.js"></script> <script src="/build/js/bootstrap-submenu.js"></script> <script src="/build/js/jquery.mb.YTPlayer.js"></script> <script src="/build/js/bootstrap-select.min.js"></script> <script src="/build/js/jquery.easing.1.3.js"></script> <script src="/build/js/jquery.scrollUp.js"></script> <script src="/build/js/jquery.mCustomScrollbar.concat.min.js"></script> <script src="/build/js/slick.min.js"></script> <script src="/build/js/jquery.magnific-popup.min.js"></script> <script src="/build/js/lightgallery-all.js"></script> <script src="/build/js/sidebar.js"></script> <script src="/build/js/ie10-viewport-bug-workaround.js"></script> <script src="/build/runtime.6e3f3c3a.js"></script><script src="/build/vendors~bp~crm/app~js/app~js/app-bp.44f0df66.js"></script><script src="/build/vendors~js/app.a386d450.js"></script><script src="/build/js/app~js/app-bp.7edccdbf.js"></script><script src="/build/js/app.7c6eb7cb.js"></script> <script> </script> <script> $( document ).ready(function() { $(".multiple-groups").slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, arrows: true, autoplay: true, autoplaySpeed: 3000, prevArrow: '<div class="slick-prev text-center"><i class="fa fa-angle-left" aria-hidden="true"></i></div>', nextArrow: '<div class="slick-next text-center"><i class="fa fa-angle-right" aria-hidden="true"></i></div>', responsive: [ { breakpoint: 480, // settings: "unslick" settings: { slidesToShow: 1, slidesToScroll: 1, arrows: true, // dots:true, }, }, ], }); $(".multiple-items").slick({ infinite: true, slidesToShow: 2, slidesToScroll: 1, arrows: true, prevArrow: '<div class="slider-arrow slider-prev fa fa-angle-left text-theme"></div>', nextArrow: '<div class="slider-arrow slider-next fa fa-angle-right text-theme"></div>', responsive: [ { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1, arrows: false, }, }, ], }); $('.pagination li.prev span.page-link , .pagination li.prev a.page-link').html('<i class="fa fa-angle-left"></i>'); $('.pagination li.next span.page-link , .pagination li.next a.page-link').html('<i class="fa fa-angle-right"></i>'); }); document.addEventListener('DOMContentLoaded', function () { // Get all carousel items console.log("carousel init"); var items = document.querySelectorAll('.carousel-item'); // Initialize carousel $('#carousel').carousel({ interval: false, // Disable automatic sliding pause: 'hover' // Pause on hover }); function startAutoSlide() { window.autoSlideTimer = setTimeout(function() { console.log('auto slide'); $('#carousel').carousel('next'); //startAutoSlide(); // Restart timer for continuous auto sliding }, 5000); // 3 seconds delay } if (items.length === 1 && items[0].querySelector('video')) { var video = items[0].querySelector('video'); video.currentTime = 0; // Restart video from the beginning video.play(); video.addEventListener('ended', function() { // Slide to the next item when video ends console.log('video 1 item end'); setTimeout(function(){ video.currentTime = 0; video.play(); },500); }); $('#carousel').carousel('pause'); // Pause the carousel slide transition } else { // Add event listener for slide.bs.carousel event $('#carousel').on('slide.bs.carousel', function (e) { clearTimeout(window.autoSlideTimer); var currentSlide = e.relatedTarget; var video = currentSlide.querySelector('video'); console.log("carousel video" ,video); // Pause the carousel slide transition if a video is present if (video) { console.log('carousel video stop'); $('#carousel').carousel('pause'); } else { startAutoSlide(); // Start auto sliding when no video is present } }); // Add event listener for slid.bs.carousel event $('#carousel').on('slid.bs.carousel', function (e) { var currentSlide = e.relatedTarget; var video = currentSlide.querySelector('video'); // If video exists in the current slide, play it if (video) { video.currentTime = 0; video.play(); } }); // Add event listener for video play event items.forEach(function(item, index) { var video = item.querySelector('video'); if (video) { video.addEventListener('play', function() { // Pause the carousel slide transition while video is playing console.log('video play'); $('#carousel').carousel('pause'); }); video.addEventListener('ended', function() { // Slide to the next item when video ends console.log('video end'); $('#carousel').carousel('next'); }); } }); // Add event listener for carousel controls $('#carousel').on('click', '.carousel-control', function() { var activeVideo = document.querySelector('.carousel-item.active video'); if (activeVideo) { clearTimeout(window.autoSlideTimer); // Reset auto-slide timer activeVideo.play(); } }); startAutoSlide(); } }); $(function () { 'use strict'; // Showing page loader $(window).on('load', function () { // populateColorPlates(); setTimeout(function () { $(".page_loader").fadeOut("fast"); }, 100); if ($('body .filter-portfolio').length > 0) { $(function () { $('.filter-portfolio').filterizr( { delay: 0 } ); }); $('.filteriz-navigation li').on('click', function () { $('.filteriz-navigation .filtr').removeClass('active'); $(this).addClass('active'); }); } }); // Made the left sidebar's min-height to window's height var winHeight = $(window).height(); $('.dashboard-nav').css('min-height', winHeight); // Magnify activation $('.portfolio-item').magnificPopup({ delegate: 'a', type: 'image', gallery:{enabled:true} }); $(".car-magnify-gallery").lightGallery(); function grandTotal() { var grandTotal =0; $('.totalPrice').each(function( index ) { var totalPrice = $(this).html(); totalPrice = parseFloat(totalPrice.replace(/,/g, '')); grandTotal += totalPrice; }); var xx = new Intl.NumberFormat('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 }); $('#grandTotal').html(xx.format(grandTotal) + " ฿"); } $("input[name^='qty']").on('keyup touchend', function(){ $(this).value = this.value.replace(/\D/g,''); var id = $(this).data('id'); var qty = parseFloat($(this).val()); if(qty == 0) { $(this).val(1); qty = 1; } var price = parseFloat($(this).data('price')); var totalPrice = qty * price; var xx = new Intl.NumberFormat('en-US', { minimumFractionDigits: 0, maximumFractionDigits: 0 }); $("span[data-id='"+id+"']").html(xx.format(totalPrice) ); grandTotal(); }); $(document).on('click', '.btnCart', function () { var id = $(this).data('id'); $('.spinner-border').removeClass('d-none'); var myModal = new bootstrap.Modal(document.getElementById('myModal'), { keyboard: false }) myModal.show() $.ajax({ type: 'get', url: '/th/addToCart/?value=' + id, "crossDomain": true, "headers": { "accept": "application/json", "Access-Control-Allow-Origin": "*" }, success:function(data ){ // if(data.result) { $('.spinner-border').addClass('d-none'); $('.loader-txt').html('<i class="fa fa-check text-green"></i> เพิ่มลงในรถเข็นเรียบร้อยแล้ว'); // $('#myModal').modal("hide"); setTimeout(function(){ $('#myModal').modal("hide"); },1000); // } } }); }); $(document).on('click', '.btnRemoveCart', function () { var id = $(this).data('id'); var element = $(this).data('element'); $('.spinner-border').removeClass('d-none'); var myModal = new bootstrap.Modal(document.getElementById('myModal'), { keyboard: false }) myModal.show() $.ajax({ type: 'get', url: '/th/removeFromCart/?value=' + id, "crossDomain": true, "headers": { "accept": "application/json", "Access-Control-Allow-Origin": "*" }, success:function(data ){ // if(data.result) { $('.spinner-border').addClass('d-none'); $('.loader-txt').html('<i class="fa fa-check text-green"></i> ลบรายการสินค้าจากรถเข็นแล้ว'); $('#'+element).remove(); $('.'+element).remove(); var jsNo = $('.jsNo'); if(jsNo.length > 0) { jsNo.each(function( index ) { $(this).html(index+1); //console.log(index); }); } grandTotal(); var item = $('.item-class').length; if(item == 0) { $('.checkout').html('ไม่พบรายการ'); } // $('#myModal').modal("hide"); setTimeout(function(){ $('#myModal').modal("hide"); },1000); // } } }); }); $(document).on('click', '.btnFav', function () { var id = $(this).data('id'); var element = $(this); $.ajax({ type: 'get', url: '/fav/?value=' + id, "crossDomain": true, "headers": { "accept": "application/json", "Access-Control-Allow-Origin": "*" }, success:function(data){ if(data.result) { $("img[data-id="+data.id+"]").attr('src', '/build/img/heart-solid-red.svg'); }else{ $("img[data-id="+data.id+"]").attr('src', '/build/img/heart-regular.svg'); } $("#favItems").html(data.total); $("#favorite").addClass("shake-side") setTimeout(function(){ $('#favorite').removeClass('shake-side'); },300); } }); }); $(document).on('click', '.compare-btn', function () { if($(this).hasClass('active')){ $(this).removeClass('active'); $.jnoty("Car has been removed from compare list", { header: 'Warning', sticky: true, theme: 'jnoty-warning', icon: 'fa fa-check-circle' }); } else { $(this).addClass('active'); $.jnoty("Car has been added to compare list", { header: 'Success', sticky: true, theme: 'jnoty-success', icon: 'fa fa-check-circle' }); } }); $(document).on('click', '.wishlist-btn', function () { if($(this).hasClass('active')){ $(this).removeClass('active'); $.jnoty("Car has been removed from wishlist list", { header: 'Warning', sticky: true, theme: 'jnoty-warning', icon: 'fa fa-check-circle' }); } else { $(this).addClass('active'); $.jnoty("Car has been added to wishlist list", { header: 'Success', sticky: true, theme: 'jnoty-success', icon: 'fa fa-check-circle' }); } }); // Header shrink while page scroll // adjustHeader(); // doSticky(); // placedDashboard(); // $(window).on('scroll', function () { // adjustHeader(); // doSticky(); // placedDashboard(); // }); // Comon slick strat $('.slick').slick({ dots: false, infinite: true, touchThreshold : 100, speed: 300, slidesToShow: 3, slidesToScroll: 3, centerMode: true, nextArrow: '<button class="slick-next"><i class="fas fa-chevron-right"></i></button>', prevArrow: '<button class="slick-prev"><i class="fas fa-chevron-left"></i></button>', }); // Partners strat $('.custom-slider').slick({ slidesToShow: 5, slidesToScroll: 1, autoplay: true, autoplaySpeed: 2000, responsive: [ { breakpoint: 1200, settings: { slidesToShow: 3, slidesToScroll: 1, infinite: true, dots: false } }, { breakpoint: 900, settings: { slidesToShow: 2, slidesToScroll: 1, infinite: true, dots: false } }, { breakpoint: 550, settings: { slidesToShow: 1, slidesToScroll: 1, infinite: true, dots: false } } ] }); // Accordion strat var acc = document.getElementsByClassName("accordion"); var i; for (i = 0; i < acc.length; i++) { acc[i].addEventListener("click", function() { this.classList.toggle("active"); var panel = this.nextElementSibling; if (panel.style.maxHeight) { panel.style.maxHeight = null; } else { panel.style.maxHeight = panel.scrollHeight + "px"; } }); } // Cardetailsslider-2 strat $('.slider-fors').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor: '.slider-navs' }); $('.slider-navs').slick({ slidesToShow: 5, slidesToScroll: 1, asNavFor: '.slider-fors', dots: true, focusOnSelect: true }); $('a[data-slide]').click(function(e) { e.preventDefault(); var slideno = $(this).data('slide'); $('.slider-nav').slick('slickGoTo', slideno - 1); }); // Banner 2 start initialization. if($(document).find('.slide').length > 0) { function sliderPluggin(activeslide = 0) { const slides = document.querySelectorAll('.slide'); slides[activeslide].classList.add('active'); function clearActiveClasses() { slides.forEach((slide) => { slide.classList.remove('active'); }); } for (const slide of slides) { slide.addEventListener('click', () => { clearActiveClasses(); slide.classList.add('active'); }); } } sliderPluggin(0); } //product-slider-box $('.slider-for').slick({ slidesToShow: 1, slidesToScroll: 1, arrows: false, fade: true, asNavFor: '.slider-nav', adaptiveHeight: true }); $('.slider-nav').slick({ slidesToShow: 4, slidesToScroll: 1, vertical:true, asNavFor: '.slider-for', dots: false, arrows:true, prevArrow: '<div class="slider-arrow slider-prev fa fa-angle-up"></div>', nextArrow: '<div class="slider-arrow slider-next fa fa-angle-down"></div>', focusOnSelect: true, verticalSwiping:true }); //featured-slider $('.slider').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 1, arrows: true, autoplay: true, autoplaySpeed: 2000, }); //slide-container (function() { var slideContainer = $('.slide-container'); slideContainer.slick({ arrows: false, initialSlide:0, centerMode: true, centerPadding: '40px', slidesToShow: 4, swipeToSlide:true, responsive: [ { breakpoint: 1224, settings: { arrows: false, centerMode: true, centerPadding: '40px', slidesToShow: 3 } }, { breakpoint: 1000, settings: { arrows: false, centerMode: true, centerPadding: '40px', slidesToShow: 2 } }, { breakpoint: 900, settings: { arrows: false, centerMode: true, centerPadding: '40px', slidesToShow: 1 } } ] }); })(); if($(document).find('.slider-container').length > 0) { const sliderContainer = document.querySelector('.slider-container') const slideRight = document.querySelector('.right-slide') const slideLeft = document.querySelector('.left-slide') const upButton = document.querySelector('.up-button') const downButton = document.querySelector('.down-button') const slidesLength = slideRight.querySelectorAll('div').length let activeSlideIndex = 0 slideLeft.style.top = `-${(slidesLength - 1) * 100}vh` upButton.addEventListener('click', () => changeSlide('up')) downButton.addEventListener('click', () => changeSlide('down')) const changeSlide = (direction) => { const sliderHeight = sliderContainer.clientHeight if(direction === 'up') { activeSlideIndex++ if(activeSlideIndex > slidesLength - 1) { activeSlideIndex = 0 } } else if(direction === 'down') { activeSlideIndex-- if(activeSlideIndex < 0) { activeSlideIndex = slidesLength - 1 } } slideRight.style.transform = `translateY(-${activeSlideIndex * sliderHeight}px)` slideLeft.style.transform = `translateY(${activeSlideIndex * sliderHeight}px)` } } // Header shrink while page resize // $(window).on('resize', function () { // adjustHeader(); // doSticky(); // placedDashboard(); // }); function adjustHeader() { var windowWidth = $(window).width(); if(windowWidth > 0) { if ($(document).scrollTop() >= 100) { if($('.header-shrink').length < 1) { $('.sticky-header').addClass('header-shrink'); } if($('.do-sticky').length < 1) { $('.company-logo img').attr('src', 'img/logos/black-logo.png'); } } else { $('.sticky-header').removeClass('header-shrink'); if($('.do-sticky').length < 1 && $('.fixed-header').length == 0 && $('.fixed-header2').length == 0) { $('.company-logo img').attr('src', 'img/logos/logo.png'); } else { $('.company-logo img').attr('src', 'img/logos/black-logo.png'); } } } else { $('.company-logo img').attr('src', 'img/logos/black-logo.png'); } } function doSticky() { if ($(document).scrollTop() > 40) { $('.do-sticky').addClass('sticky-header'); //$('.do-sticky').addClass('header-shrink'); } else { $('.do-sticky').removeClass('sticky-header'); //$('.do-sticky').removeClass('header-shrink'); } } function placedDashboard() { var headerHeight = parseInt($('.main-header').height(), 10); $('.dashboard').css('top', headerHeight); } // Page scroller initialization. $.scrollUp({ scrollName: 'page_scroller', scrollDistance: 300, scrollFrom: 'top', scrollSpeed: 500, easingType: 'linear', animation: 'fade', animationSpeed: 200, scrollTrigger: false, scrollTarget: false, scrollText: '<i class="fa fa-chevron-up"></i>', scrollTitle: false, scrollImg: false, activeOverlay: false, zIndex: 2147483647 }); // Counter function isCounterElementVisible($elementToBeChecked) { var TopView = $(window).scrollTop(); var BotView = TopView + $(window).height(); var TopElement = $elementToBeChecked.offset().top; var BotElement = TopElement + $elementToBeChecked.height(); return ((BotElement <= BotView) && (TopElement >= TopView)); } $(window).on('scroll', function () { $(".counter").each(function () { var isOnView = isCounterElementVisible($(this)); if (isOnView && !$(this).hasClass('Starting')) { $(this).addClass('Starting'); $(this).prop('Counter', 0).animate({ Counter: $(this).text() }, { duration: 3000, easing: 'swing', step: function (now) { $(this).text(Math.ceil(now)); } }); } }); }); // Our Partbers toggle (function () { $('.our-partners .item').each(function () { var itemToClone = $(this); for (var i = 1; i < 4; i++) { itemToClone = itemToClone.next(); if (!itemToClone.length) { itemToClone = $(this).siblings(':first'); } itemToClone.children(':first-child').clone() .addClass("cloneditem-" + (i)) .appendTo($(this)); } }); }()); // Background video playing script $(document).ready(function () { $(".player").mb_YTPlayer( { mobileFallbackImage: 'img/banner/banner-1.png' } ); }); // // Multilevel menuus // $('[data-submenu]').submenupicker(); // // Expending/Collapsing advance search content // $('.show-more-options').on('click', function () { // if ($(this).find('.fa').hasClass('fa-minus-circle')) { // $(document).find('#options-content').addClass('show'); // $(this).find('.fa').removeClass('fa-minus-circle'); // $(this).find('.fa').addClass('fa-plus-circle'); // } else { // $(document).find('#options-content').removeClass('show'); // $(this).find('.fa').removeClass('fa-plus-circle'); // $(this).find('.fa').addClass('fa-minus-circle'); // } // }); var videoWidth = $('.sidebar-widget').width(); var videoHeight = videoWidth * .61; $('.sidebar-widget iframe').css('height', videoHeight); // Megamenu activation $(".megamenu").on("click", function (e) { e.stopPropagation(); }); // Dropdown activation $('.dropdown-menu a.dropdown-toggle').on('click', function(e) { if (!$(this).next().hasClass('show')) { $(this).parents('.dropdown-menu').first().find('.show').removeClass("show"); } var $subMenu = $(this).next(".dropdown-menu"); $subMenu.toggleClass('show'); $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) { $('.dropdown-submenu .show').removeClass("show"); }); return false; }); // Full Page Search Activation // $(function () { // $('a[href="#full-page-search"]').on('click', function(event) { // event.preventDefault(); // $('#full-page-search').addClass('open'); // $('#full-page-search > form > input[type="search"]').focus(); // }); // $('#full-page-search, #full-page-search button.close').on('click keyup', function(event) { // if (event.target == this || event.target.className == 'close' || event.keyCode == 27) { // $(this).removeClass('open'); // } // }); // }); // Slick Sliders $('.slick-carousel').each(function () { var slider = $(this); $(this).slick({ infinite: true, dots: false, arrows: false, centerMode: true, centerPadding: '0' }); $(this).closest('.slick-slider-area').find('.slick-prev').on("click", function () { slider.slick('slickPrev'); }); $(this).closest('.slick-slider-area').find('.slick-next').on("click", function () { slider.slick('slickNext'); }); }); $(".dropdown.btns .dropdown-toggle").on('click', function() { $(this).dropdown("toggle"); return false; }); // Dropzone initialization // Dropzone.autoDiscover = false; // $(function () { // $("div#myDropZone").dropzone({ // url: "/file-upload" // }); // }); // Filterizr initialization $(function () { //$('.filtr-container').filterizr(); }); function toggleChevron(e) { $(e.target) .prev('.panel-heading') .find(".fa") .toggleClass('fa-minus fa-plus'); } $('.panel-group').on('shown.bs.collapse', toggleChevron); $('.panel-group').on('hidden.bs.collapse', toggleChevron); // Switching Color schema // function populateColorPlates() { // var plateStings = '<div class="option-panel option-panel-collased">\n' + // ' <h2>Change Color</h2>\n' + // ' <div class="color-plate default-plate" data-color="default"></div>\n' + // ' <div class="color-plate midnight-blue-plate" data-color="midnight-blue"></div>\n' + // ' <div class="color-plate yellow-plate" data-color="yellow"></div>\n' + // ' <div class="color-plate blue-plate" data-color="blue"></div>\n' + // ' <div class="color-plate green-light-plate" data-color="green-light"></div>\n' + // ' <div class="color-plate yellow-light-plate" data-color="yellow-light"></div>\n' + // ' <div class="color-plate green-plate" data-color="green"></div>\n' + // ' <div class="color-plate green-light-2-plate" data-color="green-light-2"></div>\n' + // ' <div class="color-plate red-plate" data-color="red"></div>\n' + // ' <div class="color-plate purple-plate" data-color="purple"></div>\n' + // ' <div class="color-plate brown-plate" data-color="brown"></div>\n' + // ' <div class="color-plate olive-plate" data-color="olive"></div>\n' + // ' <div class="setting-button">\n' + // ' <i class="fa fa-cog"></i>\n' + // ' </div>\n' + // '</div>'; // $('body').append(plateStings); // } $(document).on('click', '.color-plate', function () { var name = $(this).attr('data-color'); $('link[id="style_sheet"]').attr('href', 'css/skins/' + name + '.css'); }); $(document).on('click', '.setting-button', function () { $('.option-panel').toggleClass('option-panel-collased'); }); }); // mCustomScrollbar initialization // (function ($) { // $(window).resize(function () { // $('#map').css('height', $(this).height() - 110); // if ($(this).width() > 768) { // $(".map-content-sidebar").mCustomScrollbar( // {theme: "minimal-dark"} // ); // $('.map-content-sidebar').css('height', $(this).height() - 110); // } else { // $('.map-content-sidebar').mCustomScrollbar("destroy"); //destroy scrollbar // $('.map-content-sidebar').css('height', '100%'); // } // }).trigger("resize"); // })(jQuery); </script> <div id="fb-customer-chat" class="fb-customerchat"> </div> <script> var chatbox = document.getElementById('fb-customer-chat'); chatbox.setAttribute("page_id", "105524711965243"); chatbox.setAttribute("attribution", "biz_inbox"); </script>  <script> window.fbAsyncInit = function() { FB.init({ xfbml : true, version : 'v15.0' }); }; (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/th_TH/sdk/xfbml.customerchat.js'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> </body> </html>