PageSourceSearch

https://www.cfasiatrading.com/category/cid/45667/cat/MelamineColorCollection/

html cfasiatrading.com collected 2026-10-08 08:30:18 UTC 103,183 bytes, 2,465 lines download raw bytes

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">&times;</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>&nbsp;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">&times;</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>&nbsp; <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>&nbsp;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&nbsp;</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">&#9400; 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">&times;</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.