1<!DOCTYPE html> 2<html lang="en"> 3 4<head moznomarginboxes mozdisallowselectionprint> 5<meta charset="utf-8" /> 6<meta http-equiv="X-UA-Compatible" content="IE=edge"> 7<meta name="viewport" content="width=device-width, initial-scale=1"> 8<link rel="preconnect" href="https://scss.npcdn.net"> 9<link rel="preconnect" href="https://scss.npcdn.net" crossorigin> 10<link rel="preconnect" href="https://cdn1.npcdn.net"> 11 12<title>Melamine Color Collection Supplier, Suppliers, Supply, Supplies Johor Bahru (JB), Malaysia | CF ASIA TRADING SDN BHD</title> 13<meta name="title" content="Melamine Color Collection Supplier, Suppliers, Supply, Supplies Johor Bahru (JB), Malaysia | CF ASIA TRADING SDN BHD" /> 14<meta name="description" content="CF ASIA TRADING SDN BHD - Melamine Color Collection Supplier, Suppliers, Supply, Supplies Johor Bahru (JB), Malaysia, CF ASIA TRADING SDN BHD is your real wood business partner in supplying a wide range of woods such as melamine decorative board, timber, high-density fiberboard, oriented strand board (OSB), and many more." />
15<meta property="og:title" content="Melamine Color Collection Supplier, Suppliers, Supply, Supplies Johor Bahru (JB), Malaysia | CF ASIA TRADING SDN BHD"/> 16<meta property="og:site_name" content="CF ASIA TRADING SDN BHD"/> 17<meta property="og:type" content="website"/> 18<meta property="og:description" content="CF ASIA TRADING SDN BHD - Melamine Color Collection Supplier, Suppliers, Supply, Supplies Johor Bahru (JB), Malaysia, CF ASIA TRADING SDN BHD is your real wood business partner in supplying a wide range of woods such as melamine decorative board, timber, high-density fiberboard, oriented strand board (OSB), and many more."/> 19<meta property="og:url" content="https://www.cfasiatrading.com/category/cid/45667/cat/MelamineColorCollection/"/> 20<meta property="og:ttl" content="2419200"> 21<meta property="og:image" content="https://cdn1.npcdn.net/images/1471405188b5e778ecb06867055bdc05419d37a471.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=450&new_height=450&size=max&w=1786533843&from=jpg&type=9"/> 22 23 24 25 26<meta name="theme-color" content="#ee2629"> 27<meta name="google" content="notranslate"> 28<meta name="google-site-verification" content="FhZdYuOEFTjZgqyGsSqA1DO78vMCHj83kphVRaAnQYI"/> 29<link rel="canonical" href="https://www.cfasiatrading.com/category/cid/45667/cat/melamine-color-collection/" /> 30 31<link rel="stylesheet" type="text/css" href="https://scss.npcdn.net/ex_cusscss/platinum_bootstrap.css?ref=19&v=1.6" > 32 33<link rel="stylesheet" type="text/css" href="/ex_js/lib/js/slick-1.8.1/slick/slick-theme.css?ref=5&v=1.6"> 34<link rel="stylesheet" type="text/css" href="/ex_js/lib/js/slick-1.8.1/slick/slick.css?ref=5&v=1.6"> 35 36<link rel="stylesheet" href="https://scss.npcdn.net/ex_cusscss/alertify.min.css?ref=4&v=1.6"> 37 38<link rel="stylesheet" href="https://scss.npcdn.net/ex_cusscss/np3_cfasia/15259/ex_generalstyle.css?v=1788491898"> 39 40<link rel="stylesheet" href="https://scss.npcdn.net/ex_cusscss/np3_cfasia/15259/ex_style.css?v=1788491898"> 41 42<link rel="stylesheet" href="https://scss.npcdn.net/ex_cusscss/ex_custom.css?ref=93&v=1.6"> 43 44<link rel="stylesheet" href="https://scss.npcdn.net/ex_cusscss/np_jquery.fancybox.min.css?ref=3&v=1.6"> 45 46<link rel="stylesheet" href="https://scss.npcdn.net/ex_cusscss/designer.css?id=57a33a900c373d400a96043e9ef92461&lm=1788426961&did=15259"> 47 48<link rel="stylesheet" href="https://scss.npcdn.net/ex_cusscss/np_fontawesome/css/all.min.css?v=1.6"> 49 50<link rel="stylesheet" href="https://scss.npcdn.net/ex_cusscss/np_aos.css?v=1.6"> 51 52 53<link rel="manifest" href="/ex_manifest.json?v=1788491898"> 54<link rel="icon" href="https://cdn1.npcdn.net/images/1658989879300x300px.png" type="image/png"> 55<link rel="apple-touch-icon" href="https://cdn1.npcdn.net/images/1658989879300x300px.png"> 56 57
58<script src="https://scss.npcdn.net/ex_cusscss/np_onesyncjquery_371.min.js?ref=1&v=1.6"></script>
58 59
60<script src="https://scss.npcdn.net/ex_cusscss/np_slick.js?ref=1&v=1.6"></script>
60 61
62<script src="https://scss.npcdn.net/ex_cusscss/matchHeight.js?v=1.6"></script>
62 63
64<script defer src="https://scss.npcdn.net/ex_cusscss/np_popper.min.js?ref=1&v=1.6"></script>
64 65
66<script defer src="https://scss.npcdn.net/ex_cusscss/np_jquery.fancybox.min.js?ref=4&v=1.6"></script>
66 67
68<script defer src="https://scss.npcdn.net/ex_cusscss/np_bootstrap.min.js?ref=1&v=1.6"></script>
68 69 70 71<!-- Scroll Effect Aos -->
72<script defer src="/ex_js/alertify.min.js?v=1.6"></script>
vendor: 1 bytes, line 72
72
73<script defer src="/ex_js/defaultAlert.js?ref=24&v=1.6"></script>
73 74
75<script defer src="https://scss.npcdn.net/ex_cusscss/np_aos.js?v=1.6" ></script>
75 76<link rel="stylesheet" type="text/css" href="https://scss.npcdn.net/ex_cusscss/np_animate.min.css?v=1.6" > 77
78<script defer src="https://cdn1.npcdn.net/scripts/janimate.js?v=1.6" ></script>
78 79<link rel="stylesheet" type="text/css" href="https://cdn1.npcdn.net/scripts/janimate.css?v=1.6" /> 80<!-- for alert use only !--> 81
82<script async src="/ex_js/formSearch.js?v=1.6"></script>
82 83<!--
83<script defer src="/ex_js/np_smartAnalytic.js?ref=2&v=1.6"></script>
83 --> 84
85<script async src="/ex_js/ex_photoswipe-4.1.3/photoswipe.min.js?v=1.6"></script>
vendor: 1 bytes, line 85
85
86<script async src="/ex_js/ex_photoswipe-4.1.3/photoswipe-ui-default.min.js?v=1.6"></script>
86 87
88<script defer src="https://scss.npcdn.net/ex_cusscss/np_jquerycookies.min.js?ref=2&v=1.6" ></script>
vendor: 1 bytes, line 88
88
89<script type="text/javascript"> 90 if ('serviceWorker' in navigator) { 91 window.addEventListener('load', function() { 92 // ð¹ Register service worker with versioning to force refresh 93 navigator.serviceWorker.register('/pwabuilder-sw.js?v=2025-11-06-02', { 94 updateViaCache: 'none' 95 }) 96 .then(function(registration) { 97 console.log('â Service Worker registered', registration); 98 99 // ---------------------------------------- 100 // ð Request permission and subscribe for push 101 // ---------------------------------------- 102 103 104 }) 105 .catch(function(err) { 106 console.error('â Service Worker registration failed', err); 107 }); 108 }); 109 110 // ð Auto reload page when new SW activates (only for updates, not first install) 111 let wasControlled = navigator.serviceWorker.controller !== null; 112 navigator.serviceWorker.addEventListener('controllerchange', () => { 113 if (wasControlled) { 114 // This is an update - reload to get new content 115 console.log('â¡ New Service Worker activated â reloading page'); 116 window.location.reload(); 117 } else { 118 // First-time install - no reload needed 119 console.log('â Service Worker installed for the first time'); 120 wasControlled = true; 121 } 122 }); 123 } 124 125 126 127</script>
127 128<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 128-129
128 129<script async src="https://www.googletagmanager.com/gtag/js?id=
129G-Z6RGE2TYKY
vendor: 13 bytes, line 129
129"></script>
130<script> 131
vendor: 138 bytes, lines 131-135
131window.dataLayer = window.dataLayer || []; 132 function gtag(){dataLayer.push(arguments);} 133 gtag('js', new Date()); 134 135 gtag('config', '
135G-Z6RGE2TYKY
vendor: 5 bytes, line 135
135');
136</script>
136 137 138 139 140<!-- Global site tag (gtag.js) - Google Analytics in Company Domain --> 141 142 143 144</head> 145<body> 146 147 148 149 150 151 152 153 154 155 156 157<nav class="navbarWithEditor"> 158 <div class="container"> 159 <div class="row"> 160 <div class="col-12 p-0"> 161 <div class="container-fluid bgManually_nav"> 162 <div class="secManually_nav_ctrl_width"> 163 <div class="row"> 164 <div class="col-sm-6 col-md-4 order-2 order-md-1 secManually_nav_left_ebox"> 165 <div class="secManually_nav_left_box"> 166 <ul class="secManually_nav_left_contact"> 167 <li> 168 <a href="tel:+60183835818">+6018-383 5818</a></li> 169 <li> 170 <a href="tel:+60123115818">+6012-311 5818</a></li> 171 <li> 172 <a href="mailto:[email protected]">[email protected]</a></li> 173 <li> 174 <a href="mailto:[email protected]">[email protected]</a></li> 175 </ul> 176 </div> 177 </div> 178 <div class="col-md-4 order-1 order-md-2 text-center secManually_nav_middle_ebox"> 179 <div class="secManually_nav_middle_box"> 180 <div class="secManually_nav_middle_logo_imgx"> 181 <a href="/"> <img alt="" class="img-fluid" src="https://cdn1.npcdn.net/images/1658990469main_logo.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=1600&new_height=1600&size=max&type=8&w=1786533843&off_wm=1&from=png" /> </a></div> 182 </div> 183 </div> 184 <div class="col-sm-6 col-md-4 order-3 order-md-3 secManually_nav_right_ebox"> 185 <div class="secManually_nav_right_box"> 186 <div class="btnSearch"> 187 <i class="fas fa-search"></i></div> 188 <div class="boxSearch"> 189 <form autocomplete="off" onsubmit="return formSearch(this.querySelector('#search_name').value)"> 190 <div class="form-group mb-0"> 191 <input class="form-control boxSearch_input" id="search_name" name="search_name" placeholder="search products" type="text" value="" /><button class="boxSearch_btn" type="submit"><i class="fas fa-search"></i></button></div> 192 </form> 193 </div> 194 </div> 195 </div> 196 </div> 197 </div> 198</div>
199<script> 200 $(document).ready(function() { 201 $(".btnSearch").on("click", function() { 202 $(this).toggleClass("btnClose"); 203 if ($(this).hasClass("btnClose")) { 204 $(".btnSearch>i").removeClass("fas fa-search").addClass("fas fa-times"); 205 $(".boxSearch").show("500"); 206 } else { 207 $(".btnSearch>i").removeClass("fas fa-times").addClass("fas fa-search"); 208 $(".boxSearch").hide("500"); 209 } 210 }); 211 }); 212 </script>
212 213 </div> 214 </div> 215 </div> 216 <div id="sticky_space"></div> 217 <div class="sticky-top"> 218 <div class="container pt-3"> 219 <div class="row"> 220 <div class="col-12 p-0 d-flex justify-content-start"> 221 <div class="search_area"> 222 <form onsubmit="return formSearch(this.querySelector('#search_name_nav').value)"> 223 <input type="text" placeholder="Search products" name="search_name" id="search_name_nav"> 224 <button class="ml-2 pr-2 pt-2 btn border-0" type="submit" style="position: absolute;top: 0;right: 40px;color: white;cursor: pointer;"> 225 <i class="fas fa-search fa-lg"></i> 226 </button> 227 <div class="toggleSearch pr-2 pt-2" href="#" style="position: absolute;top: 0;right: 10px;color: white;cursor: pointer;"> 228 <i class="fas fa-times fa-lg"></i> 229 </div> 230 </form> 231 </div> 232 <ul class="list-unstyled d-flex justify-content-start mr-auto nav_list"> 233 234 <li style="position: relative;"> 235 <a class="mr-3" href="/" title="Home" > 236 Home 237 </a> 238 </li> 239 240 <li style="position: relative;"> 241 <a class="mr-3" href="/pages/pages_id/4313/" title="About" > 242 About 243 </a> 244 </li> 245 246 <li style="position: relative;"> 247 <a class="mr-3" href="/category/" title="Products" > 248 Products 249 </a> 250 </li> 251 252 <li style="position: relative;"> 253 <a class="mr-3" href="/category/cid/45667/cat/MelamineColorCollection/" title="Colour Collection" > 254 Colour Collection 255 </a> 256 </li> 257 258 <li style="position: relative;"> 259 <a class="mr-3" href="/download/" title="Catalogue" > 260 Catalogue 261 </a> 262 </li> 263 264 <li style="position: relative;"> 265 <a class="mr-3" href="/latestnews/" title="Latest News" > 266 Latest News 267 </a> 268 </li> 269 270 <li style="position: relative;"> 271 <a class="mr-3" href="/career/" title="Career" > 272 Career 273 </a> 274 </li> 275 276 <li style="position: relative;"> 277 <a class="mr-3" href="/photoalbum/" title="Gallery" > 278 Gallery 279 </a> 280 </li> 281 282 <li style="position: relative;"> 283 <a class="mr-3" href="/contactus/" title="Contact" > 284 Contact 285 </a> 286 </li> 287 288 </ul> 289 <ul class="list-unstyled d-flex justify-content-start ml-auto shopping"> 290 <li> 291 <div class="ml-2 toggleSearch" style="cursor: pointer;"> 292 <i class="fas fa-search fa-lg"></i> 293 </div> 294 </li> 295 296 297 </ul> 298 </div> 299 </div> 300 </div> 301 </div> 302</nav> 303
304<script> 305 $('.toggleSearch').on('click', function() { 306 $('.search_area').toggleClass('moveDown'); 307 }) 308 viewportwidth = $(window).width(); 309 if (viewportwidth > 992) { 310 $('#top_spacing').hide(); 311 } else { 312 $('#top_spacing').show(); 313 } 314 window.addEventListener('resize', function(event) { 315 viewportwidth = $(window).width(); 316 if (viewportwidth > 992) { 317 $('#top_spacing').hide(); 318 } else { 319 $('#top_spacing').show(); 320 } 321 }); 322 323 var fixmeTop = $('.sticky-top').offset().top; 324 325 $(window).scroll(function() { 326 var currentScroll = $(window).scrollTop(); 327 if (currentScroll >= fixmeTop) { 328 var x = $('.sticky-top').outerHeight(); 329 $('#sticky_space').css('height', x); 330 $('.sticky-top').css('position', 'fixed'); 331 $('.sticky-top').css('top', '0'); 332 $('.sticky-top').css('left', '0'); 333 $('.sticky-top').css('width', '100%'); 334 } else { 335 $('#sticky_space').css('height', 0); 336 $('.sticky-top').removeAttr('style'); 337 } 338 }); 339</script>
339<div id="top_spacing"></div> 340<div class="navbar_mobile show fixed-top"> 341 <div class="row_1 w-100 pt-3"> 342 <div class="col pl-4" style="display: flex;"> 343 <div class="btn btn-outline-light float-left" style="border-radius:19px;align-self: center;" onclick="show_sideMenu()"> 344 <i class="fas fa-bars"></i> 345 </div> 346 </div> 347 <a class="col text-center" href="/"> 348 <img class="logo_img" src="https://cdn1.npcdn.net/images/np_17828_1658989879.png" alt="CF ASIA TRADING SDN BHD" title="CF ASIA TRADING SDN BHD"> 349 </a> 350 <div class="col"></div> 351 </div> 352</div> 353 354<div class="side_menu target"> 355 <div class="mt-3 mx-3 pt-5"> 356 <div style="position:relative;"> 357 <form onsubmit="return formSearch(this.querySelector('#search_name').value)"> 358 <input type="text" name="search_name" id="search_name" class="search" placeholder="Search products"> 359 <button class="fa fa-search btn border-0 text-white" type="submit" style="position: absolute; 360 right: 4px; 361 top: 50%; 362 transform: translate(0,-50%);"></button> 363 </form> 364 </div> 365 </div> 366 367 368 <div class="list-unstyled list-group mt-3"> 369 370 <div class="list-group-item"> 371 <a href="/" title="Home" data-target="#"> 372 <!-- DATA_TOGGLE return data-toggle="collapse"--> 373 <!-- DATA_TOGGLE_CALSS return "dropdown-toggle" --> 374 <div class=""> 375 Home 376 </div> 377 </a> 378 379 </div> 380 381 <div class="list-group-item"> 382 <a href="/pages/pages_id/4313/" title="About" data-target="#"> 383 <!-- DATA_TOGGLE return data-toggle="collapse"--> 384 <!-- DATA_TOGGLE_CALSS return "dropdown-toggle" --> 385 <div class=""> 386 About 387 </div> 388 </a> 389 390 </div> 391 392 <div class="list-group-item"> 393 <a href="/category/" title="Products" data-target="#"> 394 <!-- DATA_TOGGLE return data-toggle="collapse"--> 395 <!-- DATA_TOGGLE_CALSS return "dropdown-toggle" --> 396 <div class=""> 397 Products 398 </div> 399 </a> 400 401 </div> 402 403 <div class="list-group-item"> 404 <a href="/category/cid/45667/cat/MelamineColorCollection/" title="Colour Collection" data-target="#"> 405 <!-- DATA_TOGGLE return data-toggle="collapse"--> 406 <!-- DATA_TOGGLE_CALSS return "dropdown-toggle" --> 407 <div class=""> 408 Colour Collection 409 </div> 410 </a> 411 412 </div> 413 414 <div class="list-group-item"> 415 <a href="/download/" title="Catalogue" data-target="#"> 416 <!-- DATA_TOGGLE return data-toggle="collapse"--> 417 <!-- DATA_TOGGLE_CALSS return "dropdown-toggle" --> 418 <div class=""> 419 Catalogue 420 </div> 421 </a> 422 423 </div> 424 425 <div class="list-group-item"> 426 <a href="/latestnews/" title="Latest News" data-target="#"> 427 <!-- DATA_TOGGLE return data-toggle="collapse"--> 428 <!-- DATA_TOGGLE_CALSS return "dropdown-toggle" --> 429 <div class=""> 430 Latest News 431 </div> 432 </a> 433 434 </div> 435 436 <div class="list-group-item"> 437 <a href="/career/" title="Career" data-target="#"> 438 <!-- DATA_TOGGLE return data-toggle="collapse"--> 439 <!-- DATA_TOGGLE_CALSS return "dropdown-toggle" --> 440 <div class=""> 441 Career 442 </div> 443 </a> 444 445 </div> 446 447 <div class="list-group-item"> 448 <a href="/photoalbum/" title="Gallery" data-target="#"> 449 <!-- DATA_TOGGLE return data-toggle="collapse"--> 450 <!-- DATA_TOGGLE_CALSS return "dropdown-toggle" --> 451 <div class=""> 452 Gallery 453 </div> 454 </a> 455 456 </div> 457 458 <div class="list-group-item"> 459 <a href="/contactus/" title="Contact" data-target="#"> 460 <!-- DATA_TOGGLE return data-toggle="collapse"--> 461 <!-- DATA_TOGGLE_CALSS return "dropdown-toggle" --> 462 <div class=""> 463 Contact 464 </div> 465 </a> 466 467 </div> 468 469 </div> 470 <div class="social_media pt-2 pb-2"> 471 <a href="tel:+60-123115818" title="Call CF ASIA TRADING SDN BHD" target="_blank"> 472 <i class="fas fa-phone-square fa-flip-horizontal fa-lg"></i> 473 </a> 474 475 <a href="https://www.google.com/maps/search/?api=1&query=1.557240,103.774300" title="Locate CF ASIA TRADING SDN BHD" id="mapMnavigation" target="_blank"> 476 <i class="fas fa-map-marker-alt fa-lg"></i> 477 </a> 478 479 480 <a href="https://wa.me/60123115818?text=Hi, i am interested to know more. (https://www.cfasiatrading.com/en/search/search_name/GD9/pn/1/)" title="Whatsapp CF ASIA TRADING SDN BHD" data-type="1" class='contactRecordBtn'> 481 <i class="fab fa-whatsapp fa-lg"></i> 482 </a> 483 484 </div> 485 486 <div class="m_default_languagebar"> 487 <div class="w-100 mb-3 text-left p-0"> 488 <div class="npnavbar_languagebar">
489 <span><small>Language:</small></span> 490 491 <a class="col p-0 footer_langbar_item" href="/category/cid/45667/cat/MelamineColorCollection/">EN</a> <span class="mx-2 languagebar_divider">|</span> 492 493 <a class="col p-0 footer_langbar_item" href="/cn/category/cid/45667/cat/MelamineColorCollection/">䏿</a> <span class="mx-2 languagebar_divider">|</span> 494 495 </div> 496 </div> 497 </div> 498 499</div> 500<div class="side_menu_background" onclick="show_sideMenu()"></div> 501
502<script> 503 function show_sideMenu() { 504 $(".side_menu").toggleClass("show"); 505 $(".side_menu_background").toggleClass("show"); 506 $("body").toggleClass("lock"); 507 $('.menu_button .menu_icon').toggleClass("change"); 508 } 509</script>
509 510
511<script> 512 $(document).ready(function() { 513 viewportwidth = $(window).width(); 514 if (viewportwidth > 992) { 515 var x = $('.navbar_height').outerHeight(); 516 $('#top_spacing').css('height', x); 517 } else { 518 var x = $('.navbar_mobile').outerHeight(); 519 $('#top_spacing').css('height', x); 520 } 521 }); 522 window.addEventListener('resize', function(event) { 523 if (viewportwidth > 992) { 524 var x = $('.navbar_height').outerHeight(); 525 $('#top_spacing').css('height', x); 526 } else { 527 var x = $('.navbar_mobile').outerHeight(); 528 $('#top_spacing').css('height', x); 529 } 530 }); 531</script>
531<div class="pb-5 all_functional_page" id="main_category"><div class='category_wrapper_1'><div class='container outerContainer_1 ' > <div class='row outerRow_1' ><div class="col-md-12 generated_col " id="category_1"><div class="container-fluid innerContainer_1"><div class="row innerRow_1"> 532 <div class="col-md-12 generated_content p-0" id="category_1_1"> 533 <h1 class="text-left page_title"> 534 <b> 535 Melamine Color Collection 536 </b> 537</h1> 538 </div> 539 </div></div></div></div></div></div><div class='category_wrapper_2'><div class='container outerContainer_2 ' > <div class='row outerRow_2' ><div class="col-md-3 generated_col " id="category_2"><div class="container-fluid innerContainer_2"><div class="row innerRow_2"> 540 <div class="col-md-12 generated_content p-0" id="category_2_1"> 541 <div class="ai_image_search"> 542 <form id="searchForm" autocomplete="off" enctype="multipart/form-data"> 543 <div class="search-container" id="searchContainer"> 544 <input type="text" class="search-input" id="searchInput" placeholder="Search products" value="" autocomplete="off"> 545 <button type="button" class="icon-btn search-icon" id="text_search"> 546 <img src="https://img.icons8.com/material-outlined/24/000000/search.png" alt="Search"> 547 </button> 548 <button type="button" class="icon-btn image-icon" id="image_search"> 549 <img src="https://www.newpages2u.com/img/1735027835icons8-camera-96.png" alt="Image Search"> 550 </button> 551 <!-- Hidden File Input for Image Upload --> 552 <input type="file" id="imageUpload" style="display: none;" accept="image/*"> 553 </div> 554 555 </form> 556 <!-- Dialog-style Image Preview --> 557 <div class="dialog-overlay" id="dialogOverlay"></div> 558 <div class="image-dialog" id="imageDialog"> 559 <button class="close-btn" id="closeDialog">×</button> 560 <div class="row mb-3"> 561 <div class="col-12 p-0"> 562 <img id="dialogImage" src="" alt="Uploaded Image"> 563 </div> 564 </div> 565 <button class="btn btn-primary" id="removeAIUploadedImg" onclick="removeImage();"><i class="fa fa-trash" aria-hidden="true"></i> Remove Image</button> 566 </div> 567</div> 568 569<div class="modal fade" id="aiImageSearchModal" tabindex="-1" role="dialog" aria-labelledby="aiImageSearchModal" aria-hidden="true"> 570 <div class="modal-dialog" role="document"> 571 <div class="modal-content"> 572 <div class="modal-header"> 573 <h5 class="modal-title" id="aiImageSearchModal"><p class="mb-2"><img src="https://cdn-icons-png.freepik.com/512/11611/11611065.png?ga=GA1.1.622762972.1732026103" style="width: 20px;height: 20px;margin-right: 5px;"><small><b>AI-Powered</b> Image Search</small></p></h5> 574 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 575 <span aria-hidden="true">×</span> 576 </button> 577 </div> 578 <div class="modal-body"> 579 You can now search by uploading an image! Our AI will find the best matches for you. 580 <div class="upload-section" id="uploadSection"> 581 <i class="fa fa-image"></i> 582 <p>Drag & drop your image here or <span class="text-primary">click to upload</span>.</p> 583 <input type="file" id="imageUpload" accept="image/*"> 584 <p class="d-none" id="p-uploaded"><b>Uploaded Image</b></p> 585 <img id="previewImage" src="" alt="Preview" class="d-none"> 586 </div> 587 <div class="row"> 588 <div class="col-12 d-flex justify-content-center"> 589 <button type="button" id="executeImgSearchBtn" class="btn btn-xs btn-primary mb-2" style="text-decoration: none;display: none;" > 590 Search via Image 591 </button> 592 </div> 593 </div> 594 </div> 595 <div class="modal-footer"> 596 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> 597 </div> 598 </div> 599 </div> 600 </div> 601
602<script> 603 previewImageElement = $('#previewImage'); // Renamed to avoid conflict 604 605 function searchImage() { 606 const fileInput = $('#imageUpload')[0]; 607 if (fileInput.files.length > 0 || $('#dialogImage').attr('src') ) { 608 const formData = new FormData(); 609 formData.append('image', fileInput.files[0]); 610 611 $.ajax({ 612 url: '/ex_ajax/ex_ajaxAIImageSearch.php', // API endpoint 613 type: 'POST', 614 data: formData, 615 processData: false, 616 contentType: false, 617 beforeSend: function() { 618 alertSuccessful('Searching, please wait...') 619 }, 620 success: function(response) { 621 if (response.error!=='') { 622 alertify.dismissAll(); 623 alertError(response.error); 624 }else{ 625 window.location.href = '/search/ai/' + response.ai_img_search_key; 626 } 627 }, 628 error: function(xhr, status, error) { 629 console.error('Error:', error); 630 } 631 }); 632 } 633 } 634 635 636 // Function to handle setting file input 637 function setFileInput(file) { 638 const dataTransfer = new DataTransfer(); 639 dataTransfer.items.add(file); 640 $('#imageUpload')[0].files = dataTransfer.files; 641 } 642 643 function previewImage(file) { 644 const reader = new FileReader(); 645 reader.onload = function(e) { 646 const base64Image = e.target.result; 647 previewImageElement.attr('src', e.target.result).removeClass('d-none'); 648 }; 649 $('#executeImgSearchBtn').show(); // Show buttons 650 $('#p-uploaded').removeClass('d-none'); 651 reader.readAsDataURL(file); 652 setFileInput(file); 653 } 654 655 656 $(document).ready(function() { 657 $('#openModal').click(function() { 658 $('#aiModal').modal('show'); 659 }); 660 661 const uploadSection = $('#uploadSection'); 662 const imageInput = $('#imageUpload'); 663 664 665 if ( $('#dialogImage').attr('src')) { 666 $('#p-uploaded').removeClass('d-none'); 667 } 668 669 uploadSection.on('click', function() { 670 imageInput.click(); 671 }); 672 673 imageInput.on('change', function() { 674 const file = this.files[0]; 675 if (file && file.type.startsWith('image/')) { 676 previewImage(file); 677 } else { 678 alert('Please upload a valid image file.'); 679 } 680 }); 681 682 uploadSection.on('dragover', function(e) { 683 e.preventDefault(); 684 $(this).addClass('bg-light'); 685 }); 686 687 uploadSection.on('dragleave', function() { 688 $(this).removeClass('bg-light'); 689 }); 690 691 uploadSection.on('drop', function(e) { 692 e.preventDefault(); 693 $(this).removeClass('bg-light'); 694 const file = e.originalEvent.dataTransfer.files[0]; 695 if (file && file.type.startsWith('image/')) { 696 previewImage(file); 697 } else { 698 alert('Please upload a valid image file.'); 699 } 700 }); 701 702 $('#viewUploadedBtn').off('click').on('click', function() { 703 $('#dialogOverlay').fadeIn(); 704 $('#imageDialog').fadeIn(); 705 }); 706 707 $(document).on('change', '#imageUpload', function() { 708 const file = this.files[0]; 709 if (file && file.type.startsWith('image/')) { 710 previewImage(file); 711 } else { 712 alert('Please upload a valid image file.'); 713 } 714 }); 715 716 $(document).on('submit', '#searchForm', function(e) { 717 e.preventDefault(); 718 const searchQuery = $('#searchInput').val().trim(); 719 const fileInput = $('#imageUpload')[0]; 720 721 if (searchQuery) { 722 formSearch(searchQuery); 723 }else if ((fileInput.files.length > 0 || $('#dialogImage').attr('src'))) { 724 searchImage(); 725 }else { 726 if ($('#viewUploadedBtn img#btnImagePreview').attr('src')) { 727 searchImage(); 728 } else { 729 alert('Please enter a search query or upload an image to search.'); 730 } 731 } 732 733 // if ((fileInput.files.length > 0 || $('#dialogImage').attr('src'))) { 734 // searchImage(); 735 // } else if (searchQuery) { 736 // formSearch(searchQuery); 737 // } else { 738 // if ($('#viewUploadedBtn img#btnImagePreview').attr('src')) { 739 // searchImage(); 740 // } else { 741 // alert("Please enter a search query or upload an image to search."); 742 // } 743 // } 744 }); 745 746 $(document).on('click', '#executeImgSearchBtn', function () { 747 $('#searchInput').val('') 748 $('#searchForm').submit(); 749 }); 750 751 $(document).on('click', '#text_search', function () { 752 $('#imageUpload').val(''); 753 $('#dialogImage').attr('src', ''); 754 $('#btnImagePreview').attr('src', ''); 755 $('#searchForm').submit(); 756 }); 757 758 $('#image_search').click(function() { 759 $('#aiImageSearchModal').modal('show'); 760 }); 761 }); 762</script>
762 763 </div> 764 765 <div class="col-md-12 generated_content p-0" id="category_2_2"> 766 <div class="category_menu_3"> 767 <h3 class="title" aria-expanded="false" data-target="#category_menu">Category</h3> 768 <ul class="list-unstyled collapse " id="category_menu"> 769 770 <li> 771 <a href="/ourproducts/cid/425395/" class="main_title collapsed dropdown-toggle " data-toggle="collapse" data-target="#sub_category0" aria-expanded="false" 772 title="Melamine Board">Melamine Board</a> 773 774 <div id="sub_category0" class="collapse brand_panel "> 775 <ul class="list-unstyled"> 776 777 <li> 778 <a href="/ourproducts/cid/426050/cat/melamine-board/subcat/melamine-faced-chipboard/" class="main_title collapsed " data-target="#sub2_category0_0" aria-expanded="" title="Melamine Faced Chipboard"> 779 Melamine Faced Chipboard 780 </a> 781 782 </li> 783 784 <li> 785 <a href="/ourproducts/cid/425828/cat/melamine-board/subcat/melamine-mdf/" class="main_title collapsed " data-target="#sub2_category0_1" aria-expanded="" title="Melamine MDF"> 786 Melamine MDF 787 </a> 788 789 </li> 790 791 <li> 792 <a href="/ourproducts/cid/426036/cat/melamine-board/subcat/melamine-plywood/" class="main_title collapsed " data-target="#sub2_category0_2" aria-expanded="" title="Melamine Plywood"> 793 Melamine Plywood 794 </a> 795 796 </li> 797 798 </ul> 799 </div> 800 801 </li> 802 803 <li> 804 <a href="/ourproducts/cid/45667/" class="main_title collapsed dropdown-toggle active" data-toggle="collapse" data-target="#sub_category1" aria-expanded="false"
805 title="Melamine Color Collection">Melamine Color Collection</a> 806 807 <div id="sub_category1" class="collapse brand_panel "> 808 <ul class="list-unstyled"> 809 810 <li> 811 <a href="/ourproducts/cid/426045/cat/melamine-color-collection/subcat/synchronous/" class="main_title collapsed " data-target="#sub2_category1_0" aria-expanded="" title="Synchronous"> 812 Synchronous 813 </a> 814 815 </li> 816 817 <li> 818 <a href="/ourproducts/cid/426046/cat/melamine-color-collection/subcat/special-woodgrain/" class="main_title collapsed " data-target="#sub2_category1_1" aria-expanded="" title="Special Woodgrain"> 819 Special Woodgrain 820 </a> 821 822 </li> 823 824 <li> 825 <a href="/ourproducts/cid/426076/cat/melamine-color-collection/subcat/standard-woodgrain/" class="main_title collapsed " data-target="#sub2_category1_2" aria-expanded="" title="Standard Woodgrain"> 826 Standard Woodgrain 827 </a> 828 829 </li> 830 831 <li> 832 <a href="/ourproducts/cid/426049/cat/melamine-color-collection/subcat/pattern/" class="main_title collapsed dropdown-toggle " data-toggle="collapse" data-target="#sub2_category1_3" aria-expanded="" title="Pattern"> 833 Pattern 834 </a> 835 836 <div id="sub2_category1_3" class="collapse brand_panel "> 837 <ul class="list-unstyled"> 838 839 <li class="subsub_li"> 840 <a class="" href="/ourproducts/cid/426095/" title="Textile"> 841 Textile 842 </a> 843 </li> 844 845 <li class="subsub_li"> 846 <a class="" href="/ourproducts/cid/426097/" title="Marble"> 847 Marble 848 </a> 849 </li> 850 851 <li class="subsub_li"> 852 <a class="" href="/ourproducts/cid/426098/" title="Concrete"> 853 Concrete 854 </a> 855 </li> 856 857 <li class="subsub_li"> 858 <a class="" href="/ourproducts/cid/426099/" title="Metal"> 859 Metal 860 </a> 861 </li> 862 863 </ul> 864 </div> 865 866 </li> 867 868 <li> 869 <a href="/ourproducts/cid/426047/cat/melamine-color-collection/subcat/solid/" class="main_title collapsed " data-target="#sub2_category1_4" aria-expanded="" title="Solid"> 870 Solid 871 </a> 872 873 </li> 874 875 <li> 876 <a href="/ourproducts/cid/426048/cat/melamine-color-collection/subcat/surface/" class="main_title collapsed " data-target="#sub2_category1_5" aria-expanded="" title="Surface"> 877 Surface 878 </a> 879 880 </li> 881 882 <li> 883 <a href="/ourproducts/cid/87346/cat/melamine-color-collection/subcat/gd-woodgrain/" class="main_title collapsed " data-target="#sub2_category1_6" aria-expanded="" title="GD Woodgrain"> 884 GD Woodgrain 885 </a> 886 887 </li> 888 889 <li> 890 <a href="/ourproducts/cid/426040/cat/melamine-color-collection/subcat/gd-fabric/" class="main_title collapsed " data-target="#sub2_category1_7" aria-expanded="" title="GD Fabric"> 891 GD Fabric 892 </a> 893 894 </li> 895 896 <li> 897 <a href="/ourproducts/cid/426039/cat/melamine-color-collection/subcat/gd-stone/" class="main_title collapsed " data-target="#sub2_category1_8" aria-expanded="" title="GD Stone"> 898 GD Stone 899 </a> 900 901 </li> 902 903 <li> 904 <a href="/ourproducts/cid/88454/cat/melamine-color-collection/subcat/gd-solid/" class="main_title collapsed " data-target="#sub2_category1_9" aria-expanded="" title="GD Solid"> 905 GD Solid 906 </a> 907 908 </li> 909 910 <li> 911 <a href="/ourproducts/cid/45669/cat/melamine-color-collection/subcat/gd-surface-design/" class="main_title collapsed " data-target="#sub2_category1_10" aria-expanded="" title="GD Surface Design"> 912 GD Surface Design 913 </a> 914 915 </li> 916 917 <li> 918 <a href="/ourproducts/cid/675283/cat/melamine-color-collection/subcat/panel-plus/" class="main_title collapsed dropdown-toggle " data-toggle="collapse" data-target="#sub2_category1_11" aria-expanded="" title="Panel Plus"> 919 Panel Plus 920 </a> 921 922 <div id="sub2_category1_11" class="collapse brand_panel "> 923 <ul class="list-unstyled"> 924 925 <li class="subsub_li"> 926 <a class="" href="/ourproducts/cid/675290/" title="New Collection"> 927 New Collection 928 </a> 929 </li> 930 931 <li class="subsub_li"> 932 <a class="" href="/ourproducts/cid/675287/" title="Pattern"> 933 Pattern 934 </a> 935 </li> 936 937 <li class="subsub_li"> 938 <a class="" href="/ourproducts/cid/675291/" title="Perfect Silk"> 939 Perfect Silk 940 </a> 941 </li> 942 943 <li class="subsub_li"> 944 <a class="" href="/ourproducts/cid/675286/" title="Perfectwood"> 945 Perfectwood 946 </a> 947 </li> 948 949 <li class="subsub_li"> 950 <a class="" href="/ourproducts/cid/675288/" title="Solids"> 951 Solids 952 </a> 953 </li> 954 955 <li class="subsub_li"> 956 <a class="" href="/ourproducts/cid/675285/" title="Woodgrain"> 957 Woodgrain 958 </a> 959 </li> 960 961 </ul> 962 </div> 963 964 </li> 965 966 </ul> 967 </div> 968 969 </li> 970 971 <li> 972 <a href="/ourproducts/cid/425801/" class="main_title collapsed " data-target="#sub_category" aria-expanded="false" 973 title="Chipboard">Chipboard</a> 974 975 </li> 976 977 <li> 978 <a href="/ourproducts/cid/425802/" class="main_title collapsed " data-target="#sub_category" aria-expanded="false" 979 title="Plywood">Plywood</a> 980 981 </li> 982 983 <li> 984 <a href="/ourproducts/cid/247175/" class="main_title collapsed dropdown-toggle " data-toggle="collapse" data-target="#sub_category4" aria-expanded="false" 985 title="OSB">
985OSB</a> 986 987 <div id="sub_category4" class="collapse brand_panel "> 988 <ul class="list-unstyled"> 989 990 <li> 991 <a href="/ourproducts/cid/427972/cat/osb/subcat/9mm-x-1220mm-x-2240mm/" class="main_title collapsed " data-target="#sub2_category4_0" aria-expanded="" title="9mm x 1220mm x 2240mm"> 992 9mm x 1220mm x 2240mm 993 </a> 994 995 </li> 996 997 <li> 998 <a href="/ourproducts/cid/427973/cat/osb/subcat/12mm-x-1220mm-x-2240mm/" class="main_title collapsed " data-target="#sub2_category4_1" aria-expanded="" title="12mm x 1220mm x 2240mm"> 999 12mm x 1220mm x 2240mm 1000 </a> 1001 1002 </li> 1003 1004 <li> 1005 <a href="/ourproducts/cid/427974/cat/osb/subcat/15mm-x-1220mm-x-2240mm/" class="main_title collapsed " data-target="#sub2_category4_2" aria-expanded="" title="15mm x 1220mm x 2240mm"> 1006 15mm x 1220mm x 2240mm 1007 </a> 1008 1009 </li> 1010 1011 <li> 1012 <a href="/ourproducts/cid/427975/cat/osb/subcat/18mm-x-1220mm-x-2240mm/" class="main_title collapsed " data-target="#sub2_category4_3" aria-expanded="" title="18mm x 1220mm x 2240mm"> 1013 18mm x 1220mm x 2240mm 1014 </a> 1015 1016 </li> 1017 1018 </ul> 1019 </div> 1020 1021 </li> 1022 1023 <li> 1024 <a href="/ourproducts/cid/425807/" class="main_title collapsed dropdown-toggle " data-toggle="collapse" data-target="#sub_category5" aria-expanded="false" 1025 title="Medium Density Fibreboard (MDF)">Medium Density Fibreboard (MDF)</a> 1026 1027 <div id="sub_category5" class="collapse brand_panel "> 1028 <ul class="list-unstyled"> 1029 1030 <li> 1031 <a href="/ourproducts/cid/433895/cat/medium-density-fibreboard-mdf/subcat/3mm-x-1220mm-x-2440mm/" class="main_title collapsed " data-target="#sub2_category5_0" aria-expanded="" title="3mm x 1220mm x 2440mm"> 1032 3mm x 1220mm x 2440mm 1033 </a> 1034 1035 </li> 1036 1037 <li> 1038 <a href="/ourproducts/cid/433892/cat/medium-density-fibreboard-mdf/subcat/5mm-x-1220mm-x-2440mm/" class="main_title collapsed " data-target="#sub2_category5_1" aria-expanded="" title="5mm x 1220mm x 2440mm"> 1039 5mm x 1220mm x 2440mm 1040 </a> 1041 1042 </li> 1043 1044 <li> 1045 <a href="/ourproducts/cid/433885/cat/medium-density-fibreboard-mdf/subcat/6mm-x-1220mm-x-2440mm/" class="main_title collapsed " data-target="#sub2_category5_2" aria-expanded="" title="6mm x 1220mm x 2440mm"> 1046 6mm x 1220mm x 2440mm 1047 </a> 1048 1049 </li> 1050 1051 <li> 1052 <a href="/ourproducts/cid/433884/cat/medium-density-fibreboard-mdf/subcat/9mm-x-1220mm-x-2440mm/" class="main_title collapsed " data-target="#sub2_category5_3" aria-expanded="" title="9mm x 1220mm x 2440mm"> 1053 9mm x 1220mm x 2440mm 1054 </a> 1055 1056 </li> 1057 1058 <li> 1059 <a href="/ourproducts/cid/433886/cat/medium-density-fibreboard-mdf/subcat/12mm-x-1220mm-x-2440mm/" class="main_title collapsed " data-target="#sub2_category5_4" aria-expanded="" title="12mm x 1220mm x 2440mm"> 1060 12mm x 1220mm x 2440mm 1061 </a> 1062 1063 </li> 1064 1065 <li> 1066 <a href="/ourproducts/cid/433888/cat/medium-density-fibreboard-mdf/subcat/15mm-x-1220mm-x-2440mm/" class="main_title collapsed " data-target="#sub2_category5_5" aria-expanded="" title="15mm x 1220mm x 2440mm"> 1067 15mm x 1220mm x 2440mm 1068 </a> 1069 1070 </li> 1071 1072 <li> 1073 <a href="/ourproducts/cid/433891/cat/medium-density-fibreboard-mdf/subcat/16mm-x-1220mm-x-2440mm/" class="main_title collapsed " data-target="#sub2_category5_6" aria-expanded="" title="16mm x 1220mm x 2440mm"> 1074 16mm x 1220mm x 2440mm 1075 </a> 1076 1077 </li> 1078 1079 <li> 1080 <a href="/ourproducts/cid/433889/cat/medium-density-fibreboard-mdf/subcat/18mm-x-1220mm-x-2440mm/" class="main_title collapsed " data-target="#sub2_category5_7" aria-expanded="" title="18mm x 1220mm x 2440mm"> 1081 18mm x 1220mm x 2440mm 1082 </a> 1083 1084 </li> 1085 1086 <li> 1087 <a href="/ourproducts/cid/433887/cat/medium-density-fibreboard-mdf/subcat/25mm-x-1220mm-x-2440mm/" class="main_title collapsed " data-target="#sub2_category5_8" aria-expanded="" title="25mm x 1220mm x 2440mm"> 1088 25mm x 1220mm x 2440mm 1089 </a> 1090 1091 </li> 1092 1093 </ul> 1094 </div> 1095 1096 </li> 1097 1098 <li> 1099 <a href="/ourproducts/cid/425803/" class="main_title collapsed " data-target="#sub_category" aria-expanded="false" 1100 title="High Density Fiberboard (HDF)">
1100High Density Fiberboard (HDF)</a> 1101 1102 </li> 1103 1104 <li> 1105 <a href="/ourproducts/cid/90898/" class="main_title collapsed " data-target="#sub_category" aria-expanded="false" 1106 title="HDF Moulded Door Skin">HDF Moulded Door Skin</a> 1107 1108 </li> 1109 1110 <li> 1111 <a href="/ourproducts/cid/425804/" class="main_title collapsed dropdown-toggle " data-toggle="collapse" data-target="#sub_category8" aria-expanded="false" 1112 title="Furniture Eging Tape">Furniture Eging Tape</a> 1113 1114 <div id="sub_category8" class="collapse brand_panel "> 1115 <ul class="list-unstyled"> 1116 1117 <li> 1118 <a href="/ourproducts/cid/676686/cat/furniture-eging-tape/subcat/panel-plus-edge-band/" class="main_title collapsed dropdown-toggle " data-toggle="collapse" data-target="#sub2_category8_0" aria-expanded="" title="Panel Plus Edge Band"> 1119 Panel Plus Edge Band 1120 </a> 1121 1122 <div id="sub2_category8_0" class="collapse brand_panel "> 1123 <ul class="list-unstyled"> 1124 1125 <li class="subsub_li"> 1126 <a class="" href="/ourproducts/cid/676690/" title="ABS Edge Band"> 1127 ABS Edge Band 1128 </a> 1129 </li> 1130 1131 <li class="subsub_li"> 1132 <a class="" href="/ourproducts/cid/676689/" title="New Collection"> 1133 New Collection 1134 </a> 1135 </li> 1136 1137 <li class="subsub_li"> 1138 <a class="" href="/ourproducts/cid/676687/" title="Perfectwood"> 1139 Perfectwood 1140 </a> 1141 </li> 1142 1143 <li class="subsub_li"> 1144 <a class="" href="/ourproducts/cid/676688/" title="PVC Edge Band"> 1145 PVC Edge Band 1146 </a> 1147 </li> 1148 1149 </ul> 1150 </div> 1151 1152 </li> 1153 1154 </ul> 1155 </div> 1156 1157 </li> 1158 1159 <li> 1160 <a href="/ourproducts/cid/261322/" class="main_title collapsed dropdown-toggle " data-toggle="collapse" data-target="#sub_category9" aria-expanded="false" 1161 title="HIGH PRESSURE LAMINATE (HPL)">HIGH PRESSURE LAMINATE (HPL)</a> 1162 1163 <div id="sub_category9" class="collapse brand_panel "> 1164 <ul class="list-unstyled"> 1165 1166 <li> 1167 <a href="/ourproducts/cid/261340/cat/high-pressure-laminate-hpl/subcat/croma-laminate-croma-hpl/" class="main_title collapsed dropdown-toggle " data-toggle="collapse" data-target="#sub2_category9_0" aria-expanded="" title="CROMA LAMINATE / CROMA HPL"> 1168 CROMA LAMINATE / CROMA HPL 1169 </a> 1170 1171 <div id="sub2_category9_0" class="collapse brand_panel "> 1172 <ul class="list-unstyled"> 1173 1174 <li class="subsub_li"> 1175 <a class="" href="/ourproducts/cid/428443/" title="Solid"> 1176 Solid 1177 </a> 1178 </li> 1179 1180 <li class="subsub_li"> 1181 <a class="" href="/ourproducts/cid/428444/" title="Woodgrain"> 1182 Woodgrain 1183 </a> 1184 </li> 1185 1186 <li class="subsub_li"> 1187 <a class="" href="/ourproducts/cid/428456/" title="Marble"> 1188 Marble 1189 </a> 1190 </li> 1191 1192 <li class="subsub_li"> 1193 <a class="" href="/ourproducts/cid/428440/" title="Fabric"> 1194 Fabric 1195 </a> 1196 </li> 1197 1198 <li class="subsub_li"> 1199 <a class="" href="/ourproducts/cid/428442/" title="Fancy wood"> 1200 Fancy wood 1201 </a> 1202 </li> 1203 1204 <li class="subsub_li"> 1205 <a class="" href="/ourproducts/cid/428439/" title="Metal"> 1206 Metal 1207 </a> 1208 </li> 1209 1210 </ul> 1211 </div> 1212 1213 </li> 1214 1215 <li> 1216 <a href="/ourproducts/cid/261332/cat/high-pressure-laminate-hpl/subcat/virgo-lam
1216inate-virgo-hpl/" class="main_title collapsed dropdown-toggle " data-toggle="collapse" data-target="#sub2_category9_1" aria-expanded="" title="VIRGO LAMINATE / VIRGO HPL"> 1217 VIRGO LAMINATE / VIRGO HPL 1218 </a> 1219 1220 <div id="sub2_category9_1" class="collapse brand_panel "> 1221 <ul class="list-unstyled"> 1222 1223 <li class="subsub_li"> 1224 <a class="" href="/ourproducts/cid/428460/" title="Solid"> 1225 Solid 1226 </a> 1227 </li> 1228 1229 <li class="subsub_li"> 1230 <a class="" href="/ourproducts/cid/428545/" title="Syncro"> 1231 Syncro 1232 </a> 1233 </li> 1234 1235 <li class="subsub_li"> 1236 <a class="" href="/ourproducts/cid/428461/" title="Woodgrain"> 1237 Woodgrain 1238 </a> 1239 </li> 1240 1241 <li class="subsub_li"> 1242 <a class="" href="/ourproducts/cid/428462/" title="Marble"> 1243 Marble 1244 </a> 1245 </li> 1246 1247 <li class="subsub_li"> 1248 <a class="" href="/ourproducts/cid/428463/" title="Stone"> 1249 Stone 1250 </a> 1251 </li> 1252 1253 <li class="subsub_li"> 1254 <a class="" href="/ourproducts/cid/428464/" title="Concrete"> 1255 Concrete 1256 </a> 1257 </li> 1258 1259 <li class="subsub_li"> 1260 <a class="" href="/ourproducts/cid/428465/" title="Fabric"> 1261 Fabric 1262 </a> 1263 </li> 1264 1265 <li class="subsub_li"> 1266 <a class="" href="/ourproducts/cid/428466/" title="Pearlescent"> 1267 Pearlescent 1268 </a> 1269 </li> 1270 1271 <li class="subsub_li"> 1272 <a class="" href="/ourproducts/cid/428467/" title="Cane"> 1273 Cane 1274 </a> 1275 </li> 1276 1277 <li class="subsub_li"> 1278 <a class="" href="/ourproducts/cid/428547/" title="Metal"> 1279 Metal 1280 </a> 1281 </li> 1282 1283 <li class="subsub_li"> 1284 <a class="" href="/ourproducts/cid/529534/" title="Other"> 1285 Other 1286 </a> 1287 </li> 1288 1289 </ul> 1290 </div> 1291 1292 </li> 1293 1294 <li> 1295 <a href="/ourproducts/cid/676525/cat/high-pressure-laminate-hpl/subcat/panel-plus-laminate-panel-plus-hpl/" class="main_title collapsed dropdown-toggle " data-toggle="collapse" data-target="#sub2_category9_2" aria-expanded="" title="PANEL PLUS Laminate / PANEL PLUS HPL"> 1296 PANEL PLUS Laminate / PANEL PLUS HPL 1297 </a> 1298 1299 <div id="sub2_category9_2" class="collapse brand_panel "> 1300 <ul class="list-unstyled"> 1301 1302 <li class="subsub_li"> 1303 <a class="" href="/ourproducts/cid/676529/" title="Solids"> 1304 Solids 1305 </a> 1306 </li> 1307 1308 <li class="subsub_li"> 1309 <a class="" href="/ourproducts/cid/676526/" title="Woodgrain"> 1310 Woodgrain 1311 </a> 1312 </li> 1313 1314 <li class="subsub_li"> 1315 <a class="" href="/ourproducts/cid/676528/" title="Pattern"> 1316 Pattern 1317 </a> 1318 </li> 1319 1320 <li class="subsub_li"> 1321 <a class="" href="/ourproducts/cid/676692/" title="Mellow"> 1322 Mellow 1323 </a> 1324 </li> 1325 1326 <li class="subsub_li"> 1327 <a class="" href="/ourproducts/cid/676530/" title="New Collection"> 1328 New Collection 1329 </a> 1330 </li> 1331 1332 <li class="subsub_li"> 1333 <a class="" href="/ourproducts/cid/676527/" title="Perfectwood"> 1334 Perfectwood 1335 </a> 1336 </li> 1337 1338 </ul> 1339 </div> 1340 1341 </li> 1342 1343 </ul> 1344 </div> 1345 1346 </li> 1347 1348 <li> 1349 <a href="/ourproducts/cid/529538/" class="main_title collapsed " data-target="#sub_category" aria-expanded="false" 1350 title="VIRGO LAMIVAA KITCHEN COUNTERTOP / VIRGO COMPACT">VIRGO LAMIVAA KITCHEN COUNTERTOP / VIRGO COMPACT</a> 1351 1352 </li> 1353 1354 <li> 1355 <a href="/ourproducts/cid/447853/" class="main_title collapsed dropdown-toggle " data-toggle="collapse" data-target="#sub_category11" aria-expanded="false" 1356 title="KLUBER LUBRICATION">KLUBER LUBRICATION</a> 1357 1358 <div id="sub_category11" class="collapse brand_panel "> 1359 <ul class="list-unstyled"> 1360 1361 <li> 1362 <a href="/ourproducts/cid/461263/cat/kluber-lubrication/subcat/kluberplex-hb-98601-bh-602-bh/" class="main_title collapsed " data-target="#sub2_category11_0" aria-expanded="" title="KLUBERPLEX HB 98-601 BH -602 BH"> 1363 KLUBERPLEX HB 98-601 BH -602 BH 1364 </a> 1365 1366 </li> 1367 1368 <li> 1369 <a href="/ourproducts/cid/461254/cat/kluber-lubrication/subcat/kluberplex-bem-41132/" class="main_title collapsed " data-target="#sub2_category11_1" aria-expanded="" title="KLUBERPLEX BEM 41-132"> 1370 KLUBERPLEX BEM 41-132 1371 </a> 1372 1373 </li> 1374 1375 <li> 1376 <a href="/ourproducts/cid/449728/cat/kluber-lubrication/subcat/kluber-polylub-ga-352-p/" class="main_title collapsed " data-target="#sub2_category11_2" aria-expanded="" title="KLUBER POLYLUB GA 352 P"> 1377 KLUBER POLYLUB GA 352 P 1378 </a> 1379 1380 </li> 1381 1382 <li> 1383 <a href="/ourproducts/cid/447861/cat/kluber-lubrication/subcat/microlube-gl-261-gl-262/" class="main_title collapsed " data-target="#sub2_category11_3" aria-expanded="" title="MICROLUBE GL 261, GL 262"> 1384 MICROLUBE GL 261, GL 262 1385 </a> 1386 1387 </li> 1388 1389 <li> 1390 <a href="/ourproducts/cid/447860/cat/kluber-lubrication/subcat/microlube-gl-261/" class="main_title collapsed " data-target="#sub2_category11_4" aria-expanded="" title="MICROLUBE GL 261"> 1391 MICROLUBE GL 261 1392 </a> 1393 1394 </li> 1395 1396 <li> 1397 <a href="/ourproducts/cid/447862/cat/kluber-lubrication/subcat/microlube-gb00/" class="main_title collapsed " data-target="#sub2_category11_5" aria-expanded="" title="MICROLUBE GB00"> 1398 MICROLUBE GB00 1399 </a> 1400 1401 </li> 1402 1403 <li> 1404 <a href="/ourproducts/cid/447865/cat/kluber-lubrication/subcat/isoflex-topas-l-32/" class="main_title collapsed " data-target="#sub2_category11_6" aria-expanded="" title="ISOFLEX TOPAS L 32"> 1405 ISOFLEX TOPAS L 32 1406 </a> 1407 1408 </li> 1409 1410 <li> 1411 <a href="/ourproducts/cid/447863/cat/kluber-lubrication/subcat/kluber-isoflex-nbu-15/" class="main_title collapsed " data-target="#sub2_category11_7" aria-expanded="" title="KLUBER ISOFLEX NBU 15"> 1412 KLUBER ISOFLEX NBU 15 1413 </a> 1414 1415 </li> 1416 1417 <li> 1418 <a href="/ourproducts/cid/447864/cat/kluber-lubrication/subcat/centoplex-glp-500/" class="main_title collapsed " data-target="#sub2_category11_8" aria-expanded="" title="CENTOPLEX GLP 500"> 1419 CENTOPLEX GLP 500 1420 </a> 1421 1422 </li> 1423 1424 <li> 1425 <a href="/ourproducts/cid/449712/cat/kluber-lubrication/subcat/kluberquiet-bq-7272/" class="main_title collapsed " data-target="#sub2_category11_9" aria-expanded="" title="KLUBERQUIET BQ 72-72"> 1426 KLUBERQUIET BQ 72-72 1427 </a> 1428 1429 </li> 1430 1431 <li> 1432 <a href="/ourproducts/cid/461274/cat/kluber-lubrication/subcat/contoplex-glp-202-bh/" class="main_title collapsed " data-target="#sub2_category11_10" aria-expanded="" title="CONTOPLEX GLP 202 BH"> 1433 CONTOPLEX GLP 202 BH 1434 </a> 1435 1436 </li> 1437 1438 </ul> 1439 </div> 1440 1441 </li> 1442 1443 </ul> 1444</div> 1445 1446
1447<script> 1448 $(document).ready(function() { 1449 viewportwidth = $(window).width(); 1450 if (viewportwidth >992) { 1451 $('#category_menu').addClass('show'); 1452 }else{ 1453 categrory_title = $('.category_menu_3 .title'); 1454 categrory_title.attr('data-toggle', 'collapse'); 1455 } 1456 }) 1457</script>
1457 1458 </div> 1459 1460 <div class="col-md-12 generated_content p-0" id="category_2_3"> 1461 <div class="mobile_ecommerce_filter_tool"> 1462 <div class="mobile_ecommerce_filter_title collapsed" data-toggle="collapse" data-target="#mobile_ecommerce_filter_tool_id" aria-expanded="false"> 1463 <b>Filters</b> <i class="fas fa-filter ml-auto align-self-center"></i> 1464 </div> 1465 <div id="mobile_ecommerce_filter_tool_id" class="mobile_ecommerce_filter_tool_wrapper collapse"> 1466 <div class="advance_sorting "> 1467 <p class="sorting_title"><b>Sort by</b></p> 1468 <div class="d-flex"> 1469 <a href="/ourproducts/cid/45667/" class="sorting_item sort_active"><span>Latest</span></a> 1470 1471 <a href="/ourproducts/cid/45667/sort/price_low/" class="sorting_item "><span >Price</span></a> 1472 </div> 1473 </div> 1474 1475 <div class="advance_filtering "> 1476 <p class="promotion_title"><b>Promotion & Deal</b></p> 1477 <div class="d-flex"> 1478 <div class="advance_filtering_option_list"> 1479 <ul class="list-unstyled "> 1480 <li> 1481 <div class="custom-control custom-radio my-1 mr-sm-2"> 1482 <input type="radio" class="custom-control-input" id="wholesales_promotion" name='side_filter' > 1483 <label class="custom-control-label" for="wholesales_promotion" onclick="location.href = '/ourproducts/cid/45667/filter/wholesale/'"> 1484 Wholesale 1485 </label> 1486 </div> 1487 </li> 1488 1489 </ul> 1490 </div> 1491 </div> 1492 </div> 1493 <div class="price_range_filter"> 1494 <p class="price_range_title"><b>Price range</b></p> 1495 <form method="POST" action="/ex_post/ex_price_filter.php"> 1496 <div class="d-flex price_range_input_group"> 1497 <input type="hidden" name="ws" value="category"> 1498 <input type="hidden" name="lang" value="en"> 1499 <input type="hidden" name="sort" value=""> 1500 <input type="hidden" name="filter" value=""> 1501 <input type="text" name="min_price" class="price_range_input" placeholder="RM MIN" value="" /> 1502 <div class="price_range_input_line"></div> 1503 <input type="text" name="max_price" class="price_range_input" placeholder="RM MAX" value=""/> 1504 <button type="submit" class="btn btn-primary filter_button"><i class="fa fa-search" aria-hidden="true"></i></button> 1505 </div> 1506 </form> 1507 <div class="purchasable_product_wrapper"> 1508 <form> 1509 <div class="form-check"> 1510 <label class="purchasable_product_check_container mb-0"> 1511 Show item(s) with price only 1512 <input class="form-check-input" type="checkbox" id="purchasable_product_check_input"> 1513 <span class="checkmark"></span> 1514 </label> 1515 </div> 1516 </form> 1517 </div> 1518</div> 1519 1520
1521<script type="text/javascript"> 1522 1523 $( "#purchasable_product_check_input" ).click(function() { 1524 var purchasable_product_check_status; 1525 if($(this).is(":checked")){ 1526 purchasable_product_check_status='1';} 1527 else{ 1528 purchasable_product_check_status='0'; 1529 } 1530 $.ajax({ 1531 type: "POST", 1532 url: '/ex_ajax/ex_setPurchasableProductFilter.php', 1533 dataType: "JSON", 1534 data: { 1535 status: purchasable_product_check_status, 1536 }, 1537 success: function(data) { 1538 location.reload(); 1539 } 1540 }); 1541 }); 1542 1543</script>
1543 1544 <div class="remove_filter"> 1545 <a href="/category/" class="btn btn-primary w-100"><span><i class="fas fa-times"></i> Clear filter</span></a> 1546 </div> 1547 </div> 1548</div>
1549<script> 1550 $(document).ready(function() { 1551 viewportwidth = $(window).width(); 1552 var filter_tool_title = $('.mobile_ecommerce_filter_tool .mobile_ecommerce_filter_title'); 1553 1554 if (viewportwidth > 992) { 1555 $('.mobile_ecommerce_filter_tool_wrapper').addClass('show'); 1556 filter_tool_title.attr('aria-expanded','true'); 1557 }else{ 1558 filter_tool_title.removeClass('collapse'); 1559 filter_tool_title.addClass('collapsed'); 1560 1561 $('.mobile_ecommerce_filter_tool_wrapper').removeClass('show'); 1562 } 1563 }) 1564</script>
1564 1565 </div> 1566 1567 <div class="col-md-12 generated_content p-0" id="category_2_4"> 1568 1569 </div> 1570 1571 <div class="col-md-12 generated_content p-0" id="category_2_5"> 1572 1573 </div> 1574 </div></div></div><div class="col-md-9 generated_col " id="category_3"><div class="container-fluid innerContainer_3"><div class="row innerRow_3"> 1575 <div class="col-md-12 generated_content p-0" id="category_3_1"> 1576 <div class="breadcrumb_b"> 1577 <ol> 1578 1579 <li> 1580 <a href="/" title="Homepage"> 1581 <span><i class='fa fa-home' aria-hidden='true'></i></span> 1582 </a> 1583 </li> 1584 1585 <li> 1586 <a href="/category/" title="Our Products"> 1587 Our Products 1588 </a> 1589 </li> 1590 1591 <li> 1592 <a href="javascript:void(0);" title="Melamine Color Collection"> 1593 Melamine Color Collection 1594 </a> 1595 </li> 1596 1597 </ol> 1598</div> 1599 </div> 1600 1601 <div class="col-md-12 generated_content p-0" id="category_3_2"> 1602 1603 </div> 1604 1605 <div class="col-md-12 generated_content p-0" id="category_3_3"> 1606 <div class='editorContent'>MELAMINE PARTICLE BOARD SAMPLE IN MALAYSIA<br /> 1607<br /> 1608<br /> 1609 </div> 1610 </div> 1611 1612 <div class="col-md-12 generated_content p-0" id="category_3_4"> 1613 <div class="container-fluid category_list_type4 mt-3 p-0"> 1614 <div class="row"> 1615 1616 <div class="col-6 col-md-3 col-lg-3"> 1617 <a href="/ourproducts/cid/426045/cat/synchronous/" class="category_box"> 1618 <div class="img_frame"> 1619 <img src="https://cdn1.npcdn.net/images/980bbc0b6497875ac203351c8d5c03e7_1659429327.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=1000&new_height=1000&size=max&w=1786533843&from=jpeg&type=9" alt="Synchronous" title="Synchronous"> 1620 </div> 1621 <h6>Synchronous</h6> 1622 1623 <p>14 Products</p> 1624 1625 </a> 1626 </div> 1627 1628 <div class="col-6 col-md-3 col-lg-3"> 1629 <a href="/ourproducts/cid/426046/cat/special-woodgrain/" class="category_box"> 1630 <div class="img_frame"> 1631 <img src="https://cdn1.npcdn.net/images/10da0972773784d620b3f7777c02fcc3_1659426345.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=1000&new_height=1000&size=max&w=1786533843&from=jpeg&type=9" alt="Special Woodgrain" title="Special Woodgrain"> 1632 </div> 1633 <h6>Special Woodgrain</h6> 1634 1635 <p>62 Products</p> 1636 1637 </a> 1638 </div> 1639 1640 <div class="col-6 col-md-3 col-lg-3"> 1641 <a href="/ourproducts/cid/426076/cat/standard-woodgrain/" class="category_box"> 1642 <div class="img_frame"> 1643 <img src="https://cdn1.npcdn.net/images/44b18d274eb8f46065e291fd06b0ae2c_1659433278.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=1000&new_height=1000&size=max&w=1786533843&from=jpeg&type=9" alt="Standard Woodgrain" title="Standard Woodgrain"> 1644 </div> 1645 <h6>Standard Woodgrain</h6> 1646 1647 <p>9 Products</p> 1648 1649 </a> 1650 </div> 1651 1652 <div class="col-6 col-md-3 col-lg-3"> 1653 <a href="/category/cid/426049/cat/pattern/" class="category_box"> 1654 <div class="img_frame"> 1655 <img src="https://cdn1.npcdn.net/images/9997d813ca43ba7215ecd8bf3ef39dd9_1659433317.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=1000&new_height=1000&size=max&w=1786533843&from=jpeg&type=9" alt="Pattern" title="Pattern"> 1656 </div> 1657 <h6>Pattern</h6> 1658 1659 <p>34 Products</p> 1660 1661 </a> 1662 </div> 1663 1664 <div class="col-6 col-md-3 col-lg-3"> 1665 <a href="/ourproducts/cid/426047/cat/solid/" class="category_box"> 1666 <div class="img_frame"> 1667 <img src="https://cdn1.npcdn.net/images/ee1a3ac4553e045035e6b725590486c4_1659488851.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=1000&new_height=1000&size=max&w=1786533843&from=jpeg&type=9" alt="Solid" title="Solid"> 1668 </div> 1669 <h6>Solid</h6> 1670 1671 <p>22 Products</p> 1672 1673 </a> 1674 </div> 1675 1676 <div class="col-6 col-md-3 col-lg-3"> 1677 <a href="/ourproducts/cid/426048/cat/surface/" class="category_box"> 1678 <div class="img_frame"> 1679 <img src="https://cdn1.npcdn.net/images/cedadb3564067e1cac0ccbfc05f731f4_1659520695.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=1000&new_height=1000&size=max&w=1786533843&from=jpeg&type=9" alt="Surface" title="Surface"> 1680 </div> 1681 <h6>Surface</h6> 1682 1683 <p>20 Products</p> 1684 1685 </a> 1686 </div> 1687 1688 <div class="col-6 col-md-3 col-lg-3"> 1689 <a href="/ourproducts/cid/87346/cat/gd-woodgrain/" class="category_box"> 1690 <div class="img_frame"> 1691 <img src="https://cdn1.npcdn.net/images/ece07470213b1ff803870b392a5d1ccd_1715764373.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=1000&new_height=1000&size=max&w=1786533843&from=jpeg&type=9" alt="GD Woodgrain" title="GD Woodgrain"> 1692 </div> 1693 <h6>GD Woodgrain</h6> 1694 1695 <p>69 Products</p> 1696 1697 </a> 1698 </div> 1699 1700 <div class="col-6 col-md-3 col-lg-3"> 1701 <a href="/ourproducts/cid/426040/cat/gd-fabric/" class="category_box"> 1702 <div class="img_frame"> 1703 <img src="https://cdn1.npcdn.net/images/bad7120d9215098639dcc7f9026d1f38_1660276515.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=1000&new_height=1000&size=max&w=1786533843&from=jpeg&type=9" alt="GD Fabric" title="GD Fabric"> 1704 </div> 1705 <h6>GD Fabric</h6> 1706 1707 <p>6 Products</p> 1708 1709 </a> 1710 </div> 1711 1712 <div class="col-6 col-md-3 col-lg-3"> 1713 <a href="/ourproducts/cid/426039/cat/gd-stone/" class="category_box"> 1714 <div class="img_frame"> 1715 <img src="https://cdn1.npcdn.net/images/4851d834f098277bf305d1861d7895ed_1659429513.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=1000&new_height=1000&size=max&w=1786533843&from=jpeg&type=9" alt="GD Stone" title="GD Stone"> 1716 </div> 1717 <h6>GD Stone</h6> 1718 1719 <p>5 Products</p> 1720 1721 </a> 1722 </div> 1723 1724 <div class="col-6 col-md-3 col-lg-3"> 1725 <a href="/ourproducts/cid/88454/cat/gd-solid/" class="category_box"> 1726 <div class="img_frame"> 1727 <img src="https://cdn1.npcdn.net/images/1665024125ecc070258b23ce9145c083eed5bc666c.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=1000&new_height=1000&size=max&w=1786533843&from=jpg&type=9" alt="GD Solid" title="GD Solid"> 1728 </div> 1729 <h6>GD Solid</h6> 1730 1731 <p>17 Products</p> 1732 1733 </a> 1734 </div> 1735 1736 <div class="col-6 col-md-3 col-lg-3"> 1737 <a href="/ourproducts/cid/45669/cat/gd-surface-design/" class="category_box"> 1738 <div class="img_frame"> 1739 <img src="https://cdn1.npcdn.net/images/1431505733aa813c33027ae5ae313e7e036ba83199.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=1000&new_height=1000&size=max&w=1786533843&from=jpg&type=9" alt="GD Surface Design" title="GD Surface Design"> 1740 </div> 1741 <h6>GD Surface Design</h6> 1742 1743 <p>12 Products</p> 1744 1745 </a> 1746 </div> 1747 1748 <div class="col-6 col-md-3 col-lg-3"> 1749 <a href="/category/cid/675283/cat/panel-plus/" class="category_box"> 1750 <div class="img_frame"> 1751 <img src="https://cdn1.npcdn.net/images/dfc1da0deec667709ebccd95df13a0cf_1786630235.webp?md5id=57a33a900c373d400a96043e9ef92461&new_width=1000&new_height=1000&size=max&w=1786533843&from=png&type=9" alt="Panel Plus" title="Panel Plus"> 1752 </div> 1753 <h6>Panel Plus</h6> 1754 1755 <p>199 Products</p> 1756 1757 </a> 1758 </div> 1759 1760 <!-- {START_VIEW_ALL_CATEGORY_BOX} --> 1761<!-- <div class="col-12 col-md-{CATEGORY_COL} col-lg-{CATEGORY_COL}"> 1762 <a href="{CATEGORY_URL}" class="category_box view_all"> 1763 <div class="view_all_frame"> 1764 <div class="all"> 1765 {START_VIEW_ALL_IMG:00} 1766 <div class="view_all_img_frame"> 1767 <img src="{CATEGORY_IMG_SRC}" alt="{CATEGORY_IMG_ALT}" title="{CATEGORY_IMG_TITLE}"> 1768 </div> 1769 {END_VIEW_ALL_IMG:00} 1770 </div> 1771 </div> 1772 <h6>{CATEGORY_VIEW_ALL}</h6> 1773 <p>{CATEGORY_VIEW_ALL_QTY}</p> 1774 </a> 1775 </div> --> 1776 <!-- {END_VIEW_ALL_CATEGORY_BOX} --> 1777 1778 </div> 1779</div> 1780 </div> 1781 </div></div></div></div></div></div></div><div class="compareBarContent" id="compareBarContent" style="display: none"> 1782 1783 <div class="compare_bar"> 1784 <div class="container-fluid"> 1785 <div class="row"> 1786 <div class="col-12 col-md-2 mb-md-0 mb-2 d-flex"> 1787 <p class="mb-0">Selected Product</p> 1788 <div class="d-flex d-block d-md-none ml-auto"> 1789 <a 1790 onclick="compareItemDelete('All')" 1791 class="btn-secondary ml-auto mb-3" 1792 style=" 1793 white-space: nowrap; 1794 padding: 5px 10px; 1795 border-radius: 0.25rem; 1796 background-color: #3c3e40; 1797 border-color: #3c3e40; 1798 cursor: pointer; 1799 " 1800 ><i class="fas fa-times-circle"></i> Remove all</a 1801 > 1802 <a 1803 href="/compare/pid//" 1804 title="" 1805 class="btn-primary ml-2 mb-3 compareurl" 1806 style=" 1807 padding: 5px 10px; 1808 border-radius: 0.25rem; 1809 min-width: 100px; 1810 text-align: center; 1811 " 1812 >Compare</a 1813 > 1814 </div> 1815 </div> 1816 1817 <div 1818 class="compareContentItem container-fluid col" 1819 id="compareContentItem"> 1820 <div class="row"> 1821 1822 <div class="col px-1 px-mg-2"> 1823 <div class="img_frame"> 1824 <img 1825 src="" 1826 alt="" 1827 title="" /> 1828 <div class="product_name"> 1829 <p></p> 1830 </div>
1831 <span></span> 1832 <a> 1833 <i 1834 class="fas fa-times" 1835 id="" 1836 onclick="compareItemDelete()" 1837 style="cursor: pointer"></i> 1838 </a> 1839 </div> 1840 </div> 1841 1842 <div class="col px-1 px-mg-2"></div> 1843 1844 </div> 1845 </div> 1846 1847 <div 1848 class="col-12 col-md-2 text-center compare_btn_area d-none d-md-block"> 1849 <div 1850 class="btn_area h-100" 1851 style="display: flex; flex-direction: column"> 1852 <a 1853 href="/compare/pid//" 1854 title="" 1855 class="btn btn-primary w-100 mb-3 compareurl" 1856 style=" 1857 padding: 5px 10px; 1858 border-radius: 0.25rem; 1859 min-width: 100px; 1860 text-align: center; 1861 " 1862 >Compare</a 1863 > 1864 <a 1865 onclick="compareItemDelete('All')" 1866 class="btn btn-secondary w-100" 1867 style=" 1868 padding: 5px 10px; 1869 border-radius: 0.25rem; 1870 background-color: #3c3e40; 1871 border-color: #3c3e40; 1872 cursor: pointer; 1873 " 1874 ><i class="fas fa-times-circle"></i> Remove all</a 1875 > 1876 </div> 1877 </div> 1878 </div> 1879 </div> 1880 </div> 1881 1882</div> 1883 1884
1885<script> 1886 var lastChecked; 1887 var compareItemNumber = "0"; 1888 var compareLimitNumber = "4"; 1889 1890 if (compareItemNumber != "0") { 1891 $(".compareBarContent").show(); 1892 } 1893 1894 $('.compare_check_box button, .compare_check_box input[type="checkbox"] ').on( 1895 "click", 1896 function () { 1897 let x = $(this).parent().parent().data("productId"); 1898 //post x to ajax 1899 1900 lastChecked = $(this).parent().find('input[type="checkbox"]'); 1901 $("#loading_logo").show(); 1902 if ( 1903 compareItemNumber >= compareLimitNumber || 1904 (compareItemNumber == compareLimitNumber && 1905 lastChecked[0].checked != true) 1906 ) { 1907 lastChecked[0].checked = true; 1908 //alert(lastChecked[0].checked); 1909 //alert("Compare Item more that 4"); 1910 compareMoreThan4(compareLimitNumber); 1911 } else { 1912 $.ajax({ 1913 type: "POST", 1914 url: "/ex_ajax/ex_compareProductAjax.php", 1915 dataType: "JSON", 1916 data: { 1917 productid: x, 1918 }, 1919 success: function (data) { 1920 console.log(data); 1921 1922 $("div.compareContentItem").html(data.compareHtml); 1923 compareItemNumber = data.compareItemNumber; 1924 if (compareItemNumber == "0") { 1925 $(".compareBarContent").hide(); 1926 } else { 1927 $(".compareBarContent").show(); 1928 } 1929 $(".compareurl").attr( 1930 "href", 1931 "/en/compare/pid/" + data.compareurl + "/" 1932 ); 1933 // data.compareItemNumber 1934 //document.getElementById("compareBarContent").innerHTML =data; 1935 }, 1936 }); 1937 } 1938 } 1939 ); 1940 1941 function compareItemDelete(productId) { 1942 $.ajax({ 1943 type: "POST", 1944 url: "/ex_ajax/ex_compareProductAjax.php", 1945 dataType: "JSON", 1946 data: { 1947 productid: productId, 1948 }, 1949 success: function (data) { 1950 $("div.compareContentItem").html(data.compareHtml); 1951 compareItemNumber = data.compareItemNumber; 1952 1953 //document.getElementById("compareBarContent").innerHTML =data; 1954 if (productId != "All") { 1955 let x = $("#" + productId).find('input[type="checkbox"]'); 1956 x[0].checked = false; 1957 } 1958 1959 if (compareItemNumber == 0) { 1960 $(".compareBarContent").hide(); 1961 let x = $(".product_box").find('input[type="checkbox"]'); 1962 for (i = 0; i < x.length; i++) { 1963 x[i].checked = false; 1964 } 1965 } 1966 $(".compareurl").attr("href", "/compare/pid/" + data.compareurl + "/"); 1967 }, 1968 }); 1969 } 1970</script>
1970 1971 1972
1973<script> 1974 $(document).ready(function() { 1975 $("#custom_category").slick({ 1976 lazyLoad: "progressive", 1977 dots: false, 1978 arrows: true, 1979 infinite: true, 1980 autoplay: true, 1981 pauseOnHover: true, 1982 autoplaySpeed: 5000, 1983 speed: 500, 1984 slidesToShow: 6, 1985 slidesToScroll: 6, 1986 responsive: [{ 1987 breakpoint: 991.5, 1988 settings: { 1989 arrows: true, 1990 centerMode: true, 1991 centerPadding: "0px", 1992 slidesToShow: 4, 1993 slidesToScroll: 4 1994 } 1995 }, { 1996 breakpoint: 767.5, 1997 settings: { 1998 arrows: true, 1999 centerMode: true, 2000 centerPadding: "0px", 2001 slidesToShow: 2, 2002 slidesToScroll: 2 2003 } 2004 }, { 2005 breakpoint: 500.5, 2006 settings: { 2007 arrows: true, 2008 centerPadding: "0px", 2009 slidesToShow: 2, 2010 slidesToScroll: 2 2011 } 2012 }] 2013 }); 2014 }); 2015 </script>
2015<footer class="footer_type4"> 2016 <div class="container pt-3"> 2017 <div class="row"> 2018 <!-- Colum 1 --> 2019 <div class="col-md-3 mb-3 mb-lg-0 left_line"> 2020 <h6 class="all_font_md footer_subtitle">CF ASIA TRADING SDN BHD</h6> 2021 <p>CF ASIA TRADING SDN BHD is your real wood business partner in supplying a wide range of woods such as melamine decorative board, timber, high-density fiberboard, oriented strand board (OSB), and many more.</p> 2022 2023 <div class="w-100 my-3 text-left p-0"> 2024 <div class="npfooter_languagebar"> 2025 <span><small class="">Language:</small></span> 2026 2027 <a class="col p-0 footer_langbar_item" href="/category/cid/45667/cat/MelamineColorCollection/">EN</a> <span class="mx-2 languagebar_divider">|</span> 2028 2029 <a class="col p-0 footer_langbar_item" href="/cn/category/cid/45667/cat/MelamineColorCollection/">䏿</a> <span class="mx-2 languagebar_divider">|</span> 2030 2031 </div> 2032 </div> 2033 2034 </div> 2035 <!-- Colum 1 End--> 2036 <!-- Colum 2 --> 2037 <div class="col-md-3 mb-3 mb-lg-0 left_line"> 2038 <h6 class="all_font_md footer_subtitle">Contact Us</h6> 2039 <ul class="list-unstyled"> 2040 2041 <li> 2042 <p class="w-100"> 2043 <a class="float-right w-100" href="tel:+6018-3835818" rel="nofollow"> 2044 +6018-3835818 2045 </a> 2046 </p> 2047 </li> 2048 2049 <li> 2050 <p class="w-100"> 2051 <a class="float-right w-100" href="tel:+6012-3115818" rel="nofollow"> 2052 +6012-3115818 2053 </a> 2054 </p> 2055 </li> 2056 2057 <li> 2058 <p class="w-100"> 2059 <a class="float-right w-100" href="mailto:[email protected]"> 2060 [email protected] 2061 </a> 2062 </p> 2063 </li> 2064 2065 <li> 2066 <p class="w-100"> 2067 <a class="float-right w-100" href="mailto:[email protected]"> 2068 [email protected] 2069 </a> 2070 </p> 2071 </li> 2072 2073 </ul> 2074 2075 <ul class="social_media pt-3"> 2076 2077 <li> 2078 <a href="https://www.facebook.com/CFAsiaTrading" target="_blank"> 2079 <span class="fa-stack"> 2080 <i class="fas fa-circle fa-stack-2x"></i> 2081 <i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i> 2082 </span> 2083 </a> 2084 </li> 2085 2086 <li> 2087 <a href="https://twitter.com/CFASIATRADING" target="_blank"> 2088 <span class="fa-stack"> 2089 <i class="fas fa-circle fa-stack-2x"></i> 2090 <i class="fab fa-twitter fa-stack-1x fa-inverse"></i> 2091 </span> 2092 </a> 2093 </li> 2094 2095 <li> 2096 <a href="https://www.instagram.com/cfasiatrading/" target="_blank"> 2097 <span class="fa-stack"> 2098 <i class="fas fa-circle fa-stack-2x"></i> 2099 <i class="fab fa-instagram fa-stack-1x fa-inverse"></i> 2100 </span> 2101 </a> 2102 </li> 2103 2104 2105 2106 2107 2108 2109 2110 2111 2112 </ul> 2113 </div> 2114 <!-- Colum 2 End --> 2115 <!-- Colum 3 --> 2116 <div class="col-md-3 mb-3 mb-lg-0 left_line"> 2117 <h6 class="all_font_md footer_subtitle">Product Categories</h6> 2118 2119 <ul class="list-unstyled"> 2120 2121 <li> 2122 <a href="/ourproducts/cid/425395/"> 2123 <p> 2124 Melamine Board 2125 </p> 2126 </a> 2127 </li> 2128 2129 <li> 2130 <a href="/ourproducts/cid/45667/"> 2131 <p>
2132 Melamine Color Collection 2133 </p> 2134 </a> 2135 </li> 2136 2137 <li> 2138 <a href="/ourproducts/cid/425801/"> 2139 <p> 2140 Chipboard 2141 </p> 2142 </a> 2143 </li> 2144 2145 <li> 2146 <a href="/ourproducts/cid/425802/"> 2147 <p> 2148 Plywood 2149 </p> 2150 </a> 2151 </li> 2152 2153 <li> 2154 <a href="/ourproducts/cid/247175/"> 2155 <p> 2156 OSB 2157 </p> 2158 </a> 2159 </li> 2160 2161 <li> 2162 <a href="/ourproducts/cid/425807/"> 2163 <p> 2164 Medium Density Fibreboard (MDF) 2165 </p> 2166 </a> 2167 </li> 2168 2169 <li> 2170 <a href="/ourproducts/cid/425803/"> 2171 <p> 2172 High Density Fiberboard (HDF) 2173 </p> 2174 </a> 2175 </li> 2176 2177 <li> 2178 <a href="/ourproducts/cid/90898/"> 2179 <p> 2180 HDF Moulded Door Skin 2181 </p> 2182 </a> 2183 </li> 2184 2185 <li> 2186 <a href="/ourproducts/cid/425804/"> 2187 <p> 2188 Furniture Eging Tape 2189 </p> 2190 </a> 2191 </li> 2192 2193 <li> 2194 <a href="/ourproducts/cid/261322/"> 2195 <p> 2196 HIGH PRESSURE LAMINATE (HPL) 2197 </p> 2198 </a> 2199 </li> 2200 2201 <li> 2202 <a href="/ourproducts/cid/529538/"> 2203 <p> 2204 VIRGO LAMIVAA KITCHEN COUNTERTOP / VIRGO COMPACT 2205 </p> 2206 </a> 2207 </li> 2208 2209 <li> 2210 <a href="/ourproducts/cid/447853/"> 2211 <p> 2212 KLUBER LUBRICATION 2213 </p> 2214 </a> 2215 </li> 2216 2217 </ul> 2218 </div> 2219 <!-- Colum 3 End --> 2220 <!-- Colum 4 --> 2221 <div class="col-md-3 mb-3 mb-lg-0"> 2222 <h6 class="all_font_md footer_subtitle">Get on the list</h6> 2223 <p>Signup for our newsletter to get the latest news, updates and amazing offers delivered directly in your inbox.</p> 2224 <input type="email" class="form-control mt-3" id="subscribeEmail" name="subscribeEmail"> 2225 <input style="float: left;" type="submit" onclick="subscribeNow()" class="btn btn-primary mt-3" value="Subscribe"> 2226 2227 </div> 2228 <!-- Colum 4 End --> 2229 2230 <div class="col-12 mt-5"> 2231 <div class="copy_right text-center"> 2232 <p class="mb-1">Ⓒ 2014-2026 <b>CF ASIA TRADING SDN BHD</b> <small>1006446-K</small> 2233 2234 <p class="mb-1" style="display: inline;"> 2235 Visitor : <div class='platinum_website_visitor'></div> 2236 </p> 2237 2238 <p class="text-center py-1"> 2239 <a href="/privacypolicy" class="privacy_policy pl-3">Privacy Policy</a> 2240 2241 2242 2243 2244 </p> 2245 </div> 2246 <div class="text-center mt-1"> 2247 <small>Powered by <a href="https://www.newpages.com.my/v2/en/company/725215/index.html" target="_blank">NEWPAGES</a></small> 2248 </div> 2249 </div> 2250 </div> 2251 </div> 2252 2253</footer> 2254 2255<!--
2255<script> 2256 // var subscribeMailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; 2257 var subscribeEmailField = document.getElementById("subscribeEmail"); 2258 subscribeEmailField.addEventListener("keyup", function(event) { 2259 if (event.keyCode == 13) { 2260 subscribeNow() 2261 } 2262 }); 2263 2264 function subscribeNow() { 2265 let x = $('#subscribeEmail').val(); 2266 $.ajax({ 2267 type: "POST", 2268 url: "/ex_ajax/ex_subscribeMailAjax.php", 2269 dataType: "JSON", 2270 data: { 2271 subscribeEmail: x, 2272 }, 2273 success(data) { 2274 if (data.success == "true") { 2275 alertSucess(data.string) 2276 } else { 2277 alertUnsucess(data.string); 2278 } 2279 2280 } 2281 }) 2282 } 2283</script>
2283 --> 2284 2285 2286 2287<div class="toggle_btn num1"> 2288 <a data-type=1 href="https://wa.me/60123115818?text=Hi, i am interested to know more. (https://www.cfasiatrading.com/category/cid/45667/cat/MelamineColorCollection/)" id="Whatsapp" class="contactRecordBtn whatsapp" data-type="1" target="_blank"> 2289 <i class="fab fa-whatsapp"></i> 2290 </a> 2291 <div class="whatsapp_float_title"></div> 2292</div> 2293 2294 2295 2296 2297 2298 2299<div class="dropdown np_language_btn"> 2300 <div class="dropdown_btn d-flex" id="language_dropdown"> 2301 2302 <a class="col p-0" href="/category/cid/45667/cat/MelamineColorCollection/">EN</a> <span class="mx-2">|</span> 2303 <a class="col p-0" href="/cn/category/cid/45667/cat/MelamineColorCollection/">䏿</a> <span class="mx-2">|</span> 2304 </div> 2305</div> 2306 2307 2308 2309 2310<div id="toTop"> 2311 <div class="d-flex justify-content-center h-100"> 2312 <i class="fas fa-angle-up fa-2x my-auto"></i> 2313 </div> 2314</div> 2315<!-- Scroll to Top -->
2316<script> 2317 $(window).scroll(function() { 2318 if ($(this).scrollTop()) { 2319 $('#toTop').fadeIn(); 2320 } else { 2321 $('#toTop').fadeOut(); 2322 } 2323 }); 2324 $("#toTop").click(function() { 2325 $("html, body").animate({ 2326 scrollTop: 0 2327 }, 1000); 2328 }); 2329</script>
vendor: 1 bytes, line 2329
2329
2330<script type="text/javascript"> 2331 $(document).ready(function() { 2332 if ($('.janimate').length > 0) { 2333 $('.janimate').each(function() { 2334 $(this).addClass("hidden").viewportChecker(); 2335 }); 2336 } 2337 }); 2338</script>
2338 2339 2340
2341<script> 2342 $("#wechat_qr").click(function() { 2343 $("#wechat_qr_model").modal(); 2344 }); 2345</script>
2345 2346 2347<div class="modal fade" id="wechat_qr_model" role="dialog"> 2348 <div class="modal-dialog"> 2349 <div class="modal-content"> 2350 <div class="modal-header"> 2351 <p>WeChat</p> 2352 <button type="button" class="close" data-dismiss="modal">×</button> 2353 </div> 2354 <div class="modal-body text-center"> 2355 <img src=https://cdn1.npcdn.net/images/3e60e22d46ec53079650f0de396e54e2.jpeg class='img-fluid'> 2356 2357 <p>cf5818L</p> 2358 2359 </div> 2360 <div class="modal-footer"> 2361 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 2362 </div> 2363 </div> 2364 2365 </div> 2366</div> 2367 2368 2369 2370 2371 2372 2373 2374 2375 2376 2377 2378 2379<!-- Scroll Effect Aos Script -->
2380<script> 2381 $(function() { AOS.init({ 2382 once: false 2383 });}); 2384 window.addEventListener('load', function() { 2385 AOS.refresh(); 2386 }); 2387</script>
vendor: 1 bytes, line 2387
2387
2388<script src="https://scss.npcdn.net/ex_cusscss/np_popper.min.js?ref=1" async></script>
2388 2389<!--
2389<script src="https://scss.npcdn.net/ex_cusscss/np_jquery-ui.js?ref=1" async></script>
2389 --> 2390<!--
2390<script src="https://scss.npcdn.net/ex_cusscss/np_jquery.ui.touch-punch.min.js"></script>
2390 --> 2391 2392
2393<script> 2394 if ($('#subscribeEmail').length) { 2395 var subscribeEmailField = document.getElementById("subscribeEmail"); 2396 subscribeEmailField.addEventListener("keyup", function(event) { 2397 if (event.keyCode == 13) { 2398 subscribeNow() 2399 } 2400 }); 2401 function subscribeNow() { 2402 let x = $('#subscribeEmail').val(); 2403 $.ajax({ 2404 type: "POST", 2405 url: "/ex_ajax/ex_subscribeMailAjax.php", 2406 dataType: "JSON", 2407 data: { 2408 subscribeEmail: x, 2409 }, 2410 success(data) { 2411 if (data.success == "true") { 2412 alertSucess(data.string) 2413 } else { 2414 alertUnsucess(data.string); 2415 } 2416 2417 } 2418 }) 2419 } 2420 } 2421</script>
2421 2422
2423<script type='text/javascript'> 2424 2425 2426 2427 //get visitor by ajax 2428 $.ajax({ 2429 type: 'POST', 2430 url: "/ex_ajax/ex_ajaxGetPlatinumVisitor.php", 2431 dataType: "JSON", 2432 success: function(data) { 2433 $(".platinum_website_visitor").html(data.visitor); 2434 } 2435 }); 2436 2437 2438 $('body').on("click", ".contactRecordBtn", function() { 2439 var cid = '17828'; 2440 var type = $(this).data('type'); 2441 // TrueLead: pass the clicked WhatsApp link so the server can fingerprint 2442 // the exact prefill text + target number (dynamic per button/page) 2443 var waLink = $(this).attr('href') || ''; 2444 if (waLink.indexOf('wa.me') === -1 && waLink.indexOf('api.whatsapp.com') === -1) { 2445 waLink = ''; 2446 } 2447 $.ajax({ 2448 type: 'POST', 2449 url: "/ex_contactlink_ajax.php", 2450 data: { 2451 company_id: cid, 2452 type: type, 2453 url:'https://www.cfasiatrading.com/category/cid/45667/cat/MelamineColorCollection/', 2454 wa_link: waLink 2455 }, 2456 success: function(data) { 2457 }, 2458 complete: function(data) { 2459 } 2460 }); 2461 2462 }); 2463</script>
2463 2464 2465 </body></html>
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.