"}]    <div class="block filter" id="layered-filter-block"
         data-mage-init='{"collapsible":{"openedState": "active", "collapsible": true, "active": false, "collateral": { "openedState": "filter-active", "element": "body" } }}'>

        <div id="ln_overlay" class="ln_overlay">
            <div class="loader">
                <img src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/loader-1.gif" alt="Loading...">
            </div>
        </div>

        <div class="block-title filter-title" data-count="6">
            <strong data-role="title">Filter</strong>
        </div>
        <div class="block-content filter-content" data-mage-init='{"mpLayer": {"active":["id","cat","coating_system","finishing"],"params":{"id":"3","cat":"5,8","coating_system":"5447","finishing":"5453,5455,5457"},"isCustomerLoggedIn":false,"isAjax":false,"slider":{"price":{"selectedFrom":41.8,"selectedTo":41.8,"minValue":41.8,"maxValue":41.8,"priceFormat":"{\"pattern\":\"RM\\u00a0%s\",\"precision\":2,\"requiredPrecision\":2,\"decimalSymbol\":\".\",\"groupSymbol\":\",\",\"groupLength\":3,\"integerRequired\":false}","ajaxUrl":"https:\/\/shoponline.nipponpaint.com.my\/our-products.html?cat=5%2C8&coating_system=5447&finishing=5453%2C5455%2C5457&price=from-to"}}}}'>
            <div class="filter-current" data-mage-init='{"collapsible":{"openedState": "active", "collapsible": true, "active": false }}'>
    <strong class="block-subtitle filter-current-subtitle"
            role="heading"
            aria-level="2"
            data-role="title"
            data-count="6">Now Shopping by</strong>
    <ol class="items">
                    <li class="item">
                <span class="filter-label">Category</span>
                <span class="filter-value">Exterior Paint</span>
                                    <a class="action remove" href="https://shoponline.nipponpaint.com.my/our-products.html?cat=8&amp;coating_system=5447&amp;finishing=5453%2C5455%2C5457"
                       title="Remove Category Exterior Paint">
                        <span>Remove This Item</span>
                    </a>
                            </li>
                    <li class="item">
                <span class="filter-label">Category</span>
                <span class="filter-value">Metal Paint</span>
                                    <a class="action remove" href="https://shoponline.nipponpaint.com.my/our-products.html?cat=5&amp;coating_system=5447&amp;finishing=5453%2C5455%2C5457"
                       title="Remove Category Metal Paint">
                        <span>Remove This Item</span>
                    </a>
                            </li>
                    <li class="item">
                <span class="filter-label">Coating system</span>
                <span class="filter-value">Clear coat</span>
                                    <a class="action remove" href="https://shoponline.nipponpaint.com.my/our-products.html?cat=5%2C8&amp;finishing=5453%2C5455%2C5457"
                       title="Remove Coating system Clear coat">
                        <span>Remove This Item</span>
                    </a>
                            </li>
                    <li class="item">
                <span class="filter-label">Finishing</span>
                <span class="filter-value">Matt</span>
                                    <a class="action remove" href="https://shoponline.nipponpaint.com.my/our-products.html?cat=5%2C8&amp;coating_system=5447&amp;finishing=5455%2C5457"
                       title="Remove Finishing Matt">
                        <span>Remove This Item</span>
                    </a>
                            </li>
                    <li class="item">
                <span class="filter-label">Finishing</span>
                <span class="filter-value">Gloss</span>
                                    <a class="action remove" href="https://shoponline.nipponpaint.com.my/our-products.html?cat=5%2C8&amp;coating_system=5447&amp;finishing=5453%2C5457"
                       title="Remove Finishing Gloss">
                        <span>Remove This Item</span>
                    </a>
                            </li>
                    <li class="item">
                <span class="filter-label">Finishing</span>
                <span class="filter-value">Matt/Eggshell</span>
                                    <a class="action remove" href="https://shoponline.nipponpaint.com.my/our-products.html?cat=5%2C8&amp;coating_system=5447&amp;finishing=5453%2C5455"
                       title="Remove Finishing Matt/Eggshell">
                        <span>Remove This Item</span>
                    </a>
                            </li>
            </ol>
</div>

                            <div class="block-actions filter-actions">
                    <a href="https://shoponline.nipponpaint.com.my/our-products.html"
                       class="action clear filter-clear"><span>Clear All</span></a>
                </div>
            
                                                    <strong role="heading" aria-level="2"
                    class="block-subtitle filter-subtitle">Product Filters</strong>
            <div class="filter-options" id="narrow-by-list" data-role="content">
                                <div data-role="ln_collapsible" class="filter-options-item"
                     attribute="cat">
                    <div data-role="ln_title" class="filter-options-title">Category</div>
                    <div data-role="ln_content" class="filter-options-content"><ol class="items">
            <li class="item">
                                                <input type="checkbox"  />
 <a href="https://shoponline.nipponpaint.com.my/our-products.html?cat=4%2C5%2C8&amp;coating_system=5447&amp;finishing=5453%2C5455%2C5457">
                    Interior Paint                                            <!--<span class="count">1<span
                                    class="filter-count-label">item</span></span>-->
                                    </a>
                               
                    </li>
            <li class="item">
                                                <input type="checkbox" checked="checked" />
 <a href="https://shoponline.nipponpaint.com.my/our-products.html?cat=8&amp;coating_system=5447&amp;finishing=5453%2C5455%2C5457">
                    Exterior Paint                                            <!--<span class="count">1<span
                                    class="filter-count-label">item</span></span>-->
                                    </a>
                               
                    </li>
    </ol>
</div>
                </div>
                                                                <div data-role="ln_collapsible" class="filter-options-item"
                     attribute="price">
                    <div data-role="ln_title" class="filter-options-title">Price</div>
                    <div data-role="ln_content" class="filter-options-content"><ol class="items">
            <li class="item">
                            <div id="ln_slider_container_price" class="ln_slider_container">
                    <div id="ln_slider_price"></div>
                    <div id="ln_slider_text_price"></div>
                </div>
                    </li>
    </ol>
</div>
                </div>
                                                                <div data-role="ln_collapsible" class="filter-options-item"
                     attribute="surface">
                    <div data-role="ln_title" class="filter-options-title">Surface</div>
                    <div data-role="ln_content" class="filter-options-content"><ol class="items">
            <li class="item">
                                                <input type="checkbox"  />
 <a href="https://shoponline.nipponpaint.com.my/our-products.html?cat=5%2C8&amp;coating_system=5447&amp;finishing=5453%2C5455%2C5457&amp;surface=5442">
                    Wall                                            <!--<span class="count">1<span
                                    class="filter-count-label">item</span></span>-->
                                    </a>
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
    </ol>
</div>
                </div>
                                                                <div data-role="ln_collapsible" class="filter-options-item"
                     attribute="coating_system">
                    <div data-role="ln_title" class="filter-options-title">Coating system</div>
                    <div data-role="ln_content" class="filter-options-content"><ol class="items">
            <li class="item">
                                                <input type="checkbox"  />
 <a href="https://shoponline.nipponpaint.com.my/our-products.html?cat=5%2C8&amp;coating_system=5446%2C5447&amp;finishing=5453%2C5455%2C5457">
                    Topcoat                                            <!--<span class="count">4<span
                                    class="filter-count-label">items</span></span>-->
                                    </a>
                               
                    </li>
            <li class="item">
                                                <input type="checkbox" checked="checked" />
 <a href="https://shoponline.nipponpaint.com.my/our-products.html?cat=5%2C8&amp;finishing=5453%2C5455%2C5457">
                    Clear coat                                            <!--<span class="count">1<span
                                    class="filter-count-label">item</span></span>-->
                                    </a>
                               
                    </li>
            <li class="item">
                                                <input type="checkbox"  />
 <a href="https://shoponline.nipponpaint.com.my/our-products.html?cat=5%2C8&amp;coating_system=5447%2C5448&amp;finishing=5453%2C5455%2C5457">
                    Sealer                                            <!--<span class="count">2<span
                                    class="filter-count-label">items</span></span>-->
                                    </a>
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
    </ol>
</div>
                </div>
                                                                <div data-role="ln_collapsible" class="filter-options-item"
                     attribute="finishing">
                    <div data-role="ln_title" class="filter-options-title">Finishing</div>
                    <div data-role="ln_content" class="filter-options-content"><ol class="items">
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                                <input type="checkbox" checked="checked" />
 <a href="https://shoponline.nipponpaint.com.my/our-products.html?cat=5%2C8&amp;coating_system=5447&amp;finishing=5453%2C5457">
                    Gloss                                            <!--<span class="count">1<span
                                    class="filter-count-label">item</span></span>-->
                                    </a>
                               
                    </li>
            <li class="item">
                                                <input type="checkbox"  />
 <a href="https://shoponline.nipponpaint.com.my/our-products.html?cat=5%2C8&amp;coating_system=5447&amp;finishing=5453%2C5455%2C5456%2C5457">
                    Satin                                            <!--<span class="count">1<span
                                    class="filter-count-label">item</span></span>-->
                                    </a>
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
            <li class="item">
                                               
                               
                    </li>
    </ol>
</div>
                </div>
                                                                                                                                    </div>
        
                    </div>
    </div>
<script type="text/javascript">
    require([
        'jquery'
    ], function ($) {
        $("#layer-product-list").before($(".filter-actions"));
	$(".filter-actions").before($(".filter-current"));
	
    });
    </script>
</div>

<!doctype html>
<html lang="en">
    <head >
        <script>
    var LOCALE = 'en\u002DUS';
    var BASE_URL = 'https\u003A\u002F\u002Fshoponline.nipponpaint.com.my\u002F';
    var require = {
        'baseUrl': 'https\u003A\u002F\u002Fd1aj7smugvtcxv.cloudfront.net\u002Fversion1714378962\u002Ffrontend\u002FSmartwave\u002Fporto_child\u002Fen_US'
    };</script>        <meta charset="utf-8"/>
<meta name="title" content="Nippon Paint Online Store - Buy Wall, Wood, Metal Paint"/>
<meta name="description" content="Brighten up your spaces with paint for every surface. Explore our product catalogue!"/>
<meta name="robots" content="INDEX,FOLLOW"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no"/>
<title>Nippon Paint Online Store - Buy Wall, Wood, Metal Paint</title>
<link  rel="stylesheet" type="text/css"  media="all" href="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/_cache/merged/8d7a247871b2abb95a1229e9ebd16b22.min.css" />
<link  rel="stylesheet" type="text/css"  media="screen and (min-width: 768px)" href="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/css/styles-l.min.css" />
<link  rel="stylesheet" type="text/css"  media="print" href="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/css/print.min.css" />
<script  type="text/javascript"  src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/_cache/merged/13583b1d76332cd94bb586ec3790f940.min.js"></script>
<link  rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Shadows+Into+Light" />
<link  rel="icon" type="image/x-icon" href="https://shoponline.nipponpaint.com.my/pub/media/favicon/stores/1/logo_02.png" />
<link  rel="shortcut icon" type="image/x-icon" href="https://shoponline.nipponpaint.com.my/pub/media/favicon/stores/1/logo_02.png" />
<link  rel="canonical" href="https://shoponline.nipponpaint.com.my/our-products.html" />
<meta name="google-site-verification" content="b2NIzVUfbtsbOLL8cW8MgKvqF6sfwOvQeTB4_zgpTyY"/>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KWHCRW7');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KWHCRW7"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->        <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans%3A300%2C300italic%2C400%2C400italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic&amp;v1&amp;subset=latin%2Clatin-ext" type="text/css" media="screen"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900" rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="all" href="https://shoponline.nipponpaint.com.my/pub/media/porto/web/bootstrap/css/bootstrap.optimized.min.css">
    <link rel="stylesheet" type="text/css" media="all" href="https://shoponline.nipponpaint.com.my/pub/media/porto/web/css/animate.optimized.css">

<link rel="stylesheet" type="text/css" media="all" href="https://shoponline.nipponpaint.com.my/pub/media/porto/web/css/custom-portochild-new.css">
<link rel="stylesheet" type="text/css" media="all" href="https://shoponline.nipponpaint.com.my/pub/media/porto/configed_css/design_default.css">
<link rel="stylesheet" type="text/css" media="all" href="https://shoponline.nipponpaint.com.my/pub/media/porto/configed_css/settings_default.css">
<script type="text/javascript">
var porto_config = {
    paths: {
        'parallax': 'js/jquery.parallax.min',
        'owlcarousel': 'owl.carousel/owl.carousel',
        'owlcarousel_thumbs': 'owl.carousel/owl.carousel2.thumbs',
        'imagesloaded': 'Smartwave_Porto/js/imagesloaded',
        'packery': 'Smartwave_Porto/js/packery.pkgd',
        'floatelement': 'js/jquery.floatelement'
    },
    shim: {
        'parallax': {
          deps: ['jquery']
        },
        'owlcarousel': {
          deps: ['jquery']
        },
        'owlcarousel_thumbs': {
          deps: ['jquery','owlcarousel']
        },
        'packery': {
          deps: ['jquery','imagesloaded']
        },
        'floatelement': {
          deps: ['jquery']
        }
    }
};

require.config(porto_config);
</script>
    <script type="text/x-magento-init">
        {
            "*": {
                "Magento_PageCache/js/form-key-provider": {
                    "isPaginationCacheEnabled":
                        0                }
            }
        }
    </script>
    </head>
    <body data-container="body"
          data-mage-init='{"loaderAjax": {}, "loader": { "icon": "https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/loader-2.gif"}}'
        id="html-body" class="page-with-filter page-products categorypath-our-products category-our-products  layout-1140 wide catalog-category-view page-layout-2columns-left">
        

<script type="text/x-magento-init">
    {
        "*": {
            "Magento_PageBuilder/js/widget-initializer": {
                "config": {"[data-content-type=\"slider\"][data-appearance=\"default\"]":{"Magento_PageBuilder\/js\/content-type\/slider\/appearance\/default\/widget":false},"[data-content-type=\"map\"]":{"Magento_PageBuilder\/js\/content-type\/map\/appearance\/default\/widget":false},"[data-content-type=\"row\"]":{"Magento_PageBuilder\/js\/content-type\/row\/appearance\/default\/widget":false},"[data-content-type=\"tabs\"]":{"Magento_PageBuilder\/js\/content-type\/tabs\/appearance\/default\/widget":false},"[data-content-type=\"slide\"]":{"Magento_PageBuilder\/js\/content-type\/slide\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-slide-button","showOverlay":"hover","dataRole":"slide"}},"[data-content-type=\"banner\"]":{"Magento_PageBuilder\/js\/content-type\/banner\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-banner-button","showOverlay":"hover","dataRole":"banner"}},"[data-content-type=\"buttons\"]":{"Magento_PageBuilder\/js\/content-type\/buttons\/appearance\/inline\/widget":false},"[data-content-type=\"products\"][data-appearance=\"owlcarousel\"]":{"Smartwave_Filterproducts\/js\/content-type\/filterproducts\/appearance\/carousel\/widget":false}},
                "breakpoints": {"desktop":{"label":"Desktop","stage":true,"default":true,"class":"desktop-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-desktop.svg","conditions":{"min-width":"1024px"},"options":{"products":{"default":{"slidesToShow":"5"}}}},"tablet":{"conditions":{"max-width":"1024px","min-width":"768px"},"options":{"products":{"default":{"slidesToShow":"4"},"continuous":{"slidesToShow":"3"}}}},"mobile":{"label":"Mobile","stage":true,"class":"mobile-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-mobile.svg","media":"only screen and (max-width: 768px)","conditions":{"max-width":"768px","min-width":"640px"},"options":{"products":{"default":{"slidesToShow":"3"}}}},"mobile-small":{"conditions":{"max-width":"640px"},"options":{"products":{"default":{"slidesToShow":"2"},"continuous":{"slidesToShow":"1"}}}}}            }
        }
    }
</script>

<div class="cookie-status-message" id="cookie-status">
    The store will not work correctly when cookies are disabled.</div>
<script type="text&#x2F;javascript">document.querySelector("#cookie-status").style.display = "none";</script>
<script type="text/x-magento-init">
    {
        "*": {
            "cookieStatus": {}
        }
    }
</script>

<script type="text/x-magento-init">
    {
        "*": {
            "mage/cookies": {
                "expires": null,
                "path": "\u002F",
                "domain": ".shoponline.nipponpaint.com.my",
                "secure": true,
                "lifetime": "360000"
            }
        }
    }
</script>
    <noscript>
        <div class="message global noscript">
            <div class="content">
                <p>
                    <strong>JavaScript seems to be disabled in your browser.</strong>
                    <span>
                        For the best experience on our site, be sure to turn on Javascript in your browser.                    </span>
                </p>
            </div>
        </div>
    </noscript>

<script>
    window.cookiesConfig = window.cookiesConfig || {};
    window.cookiesConfig.secure = true;
</script><script>    require.config({
        map: {
            '*': {
                wysiwygAdapter: 'mage/adminhtml/wysiwyg/tiny_mce/tinymce5Adapter'
            }
        }
    });</script><script>
    require.config({
        paths: {
            googleMaps: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003D'
        },
        config: {
            'Magento_PageBuilder/js/utils/map': {
                style: ''
            },
            'Magento_PageBuilder/js/content-type/map/preview': {
                apiKey: '',
                apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fshoponline.nipponpaint.com.my\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.'
            },
            'Magento_PageBuilder/js/form/element/map': {
                apiKey: '',
                apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fshoponline.nipponpaint.com.my\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.'
            },
        }
    });
</script>

<script>
    require.config({
        shim: {
            'Magento_PageBuilder/js/utils/map': {
                deps: ['googleMaps']
            }
        }
    });
</script>
<script type="text/javascript">
require([
    'jquery'
], function ($) {
  // sticky filter on mobile
    $(window).on('load',function(){
      if ($('.toolbar').length > 0) {
        var init_filter_sticky = function() {
          var $obj = $('#layer-product-list > .toolbar.toolbar-products,#layer-product-list .search.results > .toolbar.toolbar-products');

          if (!$obj.prev('.filter-placeholder').length) {
            $('<div class="filter-placeholder m-0"></div>').insertBefore($obj);
          }
          var sticky_height = 0;
          if($('.page-header.sticky-header').length > 0){
            sticky_height = $('.page-header.sticky-header .header-main').outerHeight();
          }
          var $ph = $obj.prev('.filter-placeholder'),
              scrollTop = $(window).scrollTop(),
              offset = sticky_height;
          if ($ph.offset().top <= scrollTop + offset) {
            $ph.css('height', $obj.outerHeight() + parseInt($obj.css('margin-bottom')));
            $obj.addClass('sticky').css('top', offset);
          } else {
            $ph.css('height', '');
            $obj.removeClass('sticky');
          }
        };
        if (window.innerWidth < 992) {
          window.removeEventListener('scroll', init_filter_sticky);
          window.addEventListener('scroll', init_filter_sticky, {passive: true});
          init_filter_sticky();
        }
        $(window).on('resize', function() {
          if (window.innerWidth < 992) {
            window.removeEventListener('scroll', init_filter_sticky);
            window.addEventListener('scroll', init_filter_sticky, {passive: true});
          }else{
            window.removeEventListener('scroll', init_filter_sticky);
            $('#layer-product-list > .toolbar.toolbar-products').removeClass('sticky').css('top', '').prev('.filter-placeholder').css('height', '');
          }
        });
      }
    });
    // filter popup events
		$(document).on('click', '.sidebar-toggle', function(e) {
			e.preventDefault();
			var $html = $('html');
      var $obj = $('.columns .mobile-sidebar');
      if (!$obj.parents().find('.sidebar-overlay').length) {

        $('<div class="sidebar-overlay"></div>').insertBefore($obj);
      }
      if($('#ln_overlay').length) {
        var Isloader = $('#ln_overlay').detach();
        if (!$obj.prev('#ln_overlay').length) {
          Isloader.insertBefore($obj);
        }
      }
			if ($html.hasClass('sidebar-opened')) {
				$html.removeClass('sidebar-opened');
				$('.sidebar-overlay').removeClass('active');
			} else {
				$html.addClass('sidebar-opened');
				$('.sidebar-overlay').addClass('active');
			}
		});

		$(document.body).on('click', '.sidebar-overlay', function() {
			$('html').removeClass('sidebar-opened');
			$('html').removeClass('filter-sidebar-opened');
			$(this).removeClass('active');
		});

		$(window).on('resize', function() {
			if (window.innerWidth > 991) {
				$('.sidebar-overlay').click();
			}
		});
});
</script>
<div class="page-wrapper"><header class="page-header type20 header-newskin" >
<div class="block block-customer-login block-header-customer-login">
    <div class="block-content" aria-labelledby="block-customer-login-heading">
        <form class="form form-login"
              action="https://shoponline.nipponpaint.com.my/customer/account/loginPost/"
              method="post"
              id="header-login-form"
              data-mage-init='{"validation":{}}'>
            <input name="form_key" type="hidden" value="mYVtsLNhaTiBoiEd" />            <fieldset class="fieldset login" data-hasrequired="* Required Fields">
                <div class="field email required">
                    <div class="control">
                        <input name="login[username]" value=""  autocomplete="off" id="email" type="email" class="input-text" title="Email" data-validate="{required:true, 'validate-email':true}" placeholder="Email">
                    </div>
                </div>
                <div class="field password required">
                    <div class="control">
                        <input name="login[password]" type="password"  autocomplete="off" class="input-text" id="pass" title="Password" data-validate="{required:true}" placeholder="Password">
                    </div>
                </div>
                <div class="actions-toolbar">
                    <div class="primary"><button type="submit" class="action login primary" name="send" id="send2"><span>Sign In</span></button></div>
                    <div class="secondary"><a class="action remind" href="https://shoponline.nipponpaint.com.my/customer/account/forgotpassword/"><span>Forgot Your Password?</span></a></div>
                </div>
            </fieldset>
        </form>
    </div>
</div>
<script type="text/javascript">
require([
    'jquery'
], function ($) {
    $(document).ready(function(){
        var href = $(".header.links .authorization-link > a").attr("href");
       /* if(href.indexOf("logout") == -1) {
            $(".block-header-customer-login").detach().appendTo(".authorization-link");
            $(".block-header-customer-login").click(function(e){
                e.stopPropagation();
            })
            $("html,body").click(function(){
                if($(".block-header-customer-login").hasClass("open"))
                    $(".block-header-customer-login").removeClass("open");
            });
            $(".header.links .authorization-link > a").off("click").on("click", function(){
                if(!$(".block-header-customer-login").hasClass("open"))
                    $(".block-header-customer-login").addClass("open");
                else
                    $(".block-header-customer-login").removeClass("open");
                    
                return false;
            });
        }*/
    });
});
</script>
 <div class="header content">
            <a class="logo" href="https://shoponline.nipponpaint.com.my/" title="Nippon Paint Malaysia">
        <img src="https://shoponline.nipponpaint.com.my/pub/media/logo/stores/1/149x61_white.png"
             alt="Nippon Paint Malaysia"
             width="130"                     />
    </a>
            <div class="sections nav-sections">
                <div class="section-items nav-sections-items"
             data-mage-init='{"tabs":{"openedState":"active"}}'>
                                            <div class="section-item-title nav-sections-item-title"
                     data-role="collapsible">
                    <a class="nav-sections-item-switch"
                       data-toggle="switch" href="#store.menu">
                        Menu                    </a>
                </div>
                <div class="section-item-content nav-sections-item-content"
                     id="store.menu"
                     data-role="content">
                    
<nav class="navigation sw-megamenu " role="navigation">
    <ul>
                <li class="ui-menu-item level0 fullwidth menu_1"><a href="javascript:void(0)" class="level-top" title="Nippon Paint Products"><span>Our Products</span></a>
            <ul class="submenu">
                <li><a href="/our-products.html">Nippon Paint Products</a></li>
                <li><a href="/selleys-products.html">Selleys Products</a></li>
            </ul>
        </li>
        <li class="ui-menu-item level0 fullwidth menu_2"><a href="/colour-cards.html" class="level-top" title="Colour Cards"><span>Colour Cards</span></a></li>
<li class="ui-menu-item level0 fullwidth menu_1 last"><a href="javascript:void(0)" class="level-top" title="Shop Assistance"><span>Shop Assistance</span></a>
            <ul class="submenu">
                <li><a href="/paint-calculator">Paint Calculator</a></li>
                <li><a href="https://selleys.my/product-selector/" target="_blank">Selleys Product Selector</a></li>
            </ul>
        </li>
    </ul>
</nav>

<script type="text/javascript">
    require([
        'jquery',
        'Smartwave_Megamenu/js/sw_megamenu'
    ], function ($) {
        $(".sw-megamenu").swMegamenu();
       /* $("ul li.menu_1").click(function(){
          $("ul li.menu_1 ul.submenu").toggle();
        });*/
    });
</script>
                </div>
                                            <div class="section-item-title nav-sections-item-title"
                     data-role="collapsible">
                    <a class="nav-sections-item-switch"
                       data-toggle="switch" href="#store.links">
                        Account                    </a>
                </div>
                <div class="section-item-content nav-sections-item-content"
                     id="store.links"
                     data-role="content">
                    <!-- Account links -->                </div>
                                    </div>
    </div>
        <button class="navbar-toggler third-button" type="button" data-mage-init='{"toggleAdvanced": {"selectorsToggleClass": "active", "baseToggleClass": "expanded", "toggleContainers": "#toggleContainer", "newLabel": ""}}'
           id="toggle"
           title="Title"
           class="action">
                <div class="burger-icon"><span></span><span></span><span></span></div>
        </button>
        <div class="panel header">
            <div class="bottom-panel">
                 <div class="search-area">
                <div class="block block-search">
    <div class="block block-title"><strong>Search</strong></div>
    <div class="block block-content">
        <form class="form minisearch" id="search_mini_form" action="https://shoponline.nipponpaint.com.my/catalogsearch/result/" method="get">
            <div class="field search">
                <label class="label" for="search" data-role="minisearch-label">
                    <span>Search</span>
                </label>
                <div class="control">
                    <input id="search"
                           data-mage-init='{"quickSearch":{
                                "formSelector":"#search_mini_form",
                                "url":"https://shoponline.nipponpaint.com.my/search/ajax/suggest/",
                                "destinationSelector":"#search_autocomplete"}
                           }'
                           type="text"
                           name="q"
                           value=""
                           placeholder="Search..."
                           class="input-text"
                           maxlength="128"
                           role="combobox"
                           aria-haspopup="false"
                           aria-autocomplete="both"
                           autocomplete="off"/>
                    <div id="search_autocomplete" class="search-autocomplete"></div>
                    <div class="nested">
    <a class="action advanced" href="https://shoponline.nipponpaint.com.my/catalogsearch/advanced/" data-action="advanced-search">
        Advanced Search    </a>
</div>
        <script src="https://shoponline.nipponpaint.com.my/pub/media/mageplaza/search/default_0.js"></script>
    
    <div id="mpsearch-js" style="display: none;"></div>
    <script type="text/x-magento-init">
    {
        "#mpsearch-js": {
            "Mageplaza_Search/js/mpsearch":{
                "baseUrl": "https://shoponline.nipponpaint.com.my/",
                "baseImageUrl": "https://shoponline.nipponpaint.com.my/pub/media/catalog/product/",
                "priceFormat": {"pattern":"RM\u00a0%s","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false},
                "displayInfo": ["image","description"],
                "isEnableSuggestion": "0",
                "sortBy": "new_products",
                "currencyRate": "1.0000",
                "lookupLimit": 10            }
        }
    }
    </script>
                </div>
            </div>
            <div class="actions">
                <button type="submit"
                        title="Search"
                        class="action search">
                        <img src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/search.svg" alt="Search" />
                    <span>Search</span>
                </button>
            </div>
        </form>
    </div>
</div>
            </div>
<div class="icon-wrapper">
                <div class="custom link wishlist" data-bind="scope: 'wishlist'">
    <a href="/wishlist/" class="wishlist-custom"><img src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/wishlist.svg" alt="Wishlist" />
        <span class="text">Wishlist</span>
        <!-- ko if: wishlist().counter -->
        <span data-bind="text: wishlist().items.length" class="counter qty"></span>
        <!-- /ko -->
    </a>
</div>

                <div class="top-links-area">
                    <div class="top-links-icons top-links-icon"><a href="javascript:void(0)"><img src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/account.svg" alt="user" /></a></div>
                    				<ul class="header links">
			<li class="greet welcome" data-bind="scope: 'customer'">
			       <span>Welcome</span>
			    </li>
			<li class="sign-link" data-label="or">
			    <a href="/customer/account/login/" id="Sign-in"><img src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/signin.svg" alt="Sign In" />
				Sign In    </a>
			</li>
			<li class="register-link" data-label="or">
			    <a href="/customer/account/create/" id="Register-an-account"><img src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/register.svg" alt="Register" />
				Register    </a>
			</li>
			<li class="register-link" data-label="or">
			    <a href="/faq/"><img src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/faq.svg" alt="FAQs" />
				FAQ    </a>
			</li>
			</ul>
			
                </div>

                
<div data-block="minicart" class="minicart-wrapper cart-design-1">
    <a class="action showcart" href="https://shoponline.nipponpaint.com.my/checkout/cart/"
       data-bind="scope: 'minicart_content'">
       <img src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/cart.svg" alt="Cart" />
        <span class="text">Cart</span>
        <span class="counter qty empty"
              data-bind="css: { empty: !!getCartParam('summary_count') == false }, blockLoader: isLoading">
            <span class="counter-number">
            <!-- ko if: getCartParam('summary_count') --><!-- ko text: getCartParam('summary_count') --><!-- /ko --><!-- /ko -->
            <!-- ko ifnot: getCartParam('summary_count') -->0<!-- /ko -->
            </span>
            <span class="counter-label">
                <!-- ko i18n: 'items' --><!-- /ko -->
            </span>
        </span>
    </a>
    <a class="showcart action-subtotal d-none" href="https://shoponline.nipponpaint.com.my/checkout/cart/"
       data-bind="scope: 'minicart_content'">
        <span class="cart-subtotal">
          Shopping Cart          <span class="cart-price">
            <span class="amount" data-bind="html: getCartParam('subtotal')">
              <!-- ko if: !getCartParam('subtotal') -->
                  <!-- ko i18n: '€ 0.00' --><!-- /ko -->
              <!-- /ko -->
            </span>
          </span>
        </span>
    </a>
            <div class="block block-minicart empty"
             data-role="dropdownDialog"
             data-mage-init='{"dropdownDialog":{
                "appendTo":"[data-block=minicart]",
                "triggerTarget":".showcart",
                "timeout": "2000",
                "closeOnMouseLeave": false,
                "closeOnEscape": true,
                "triggerClass":"active",
                "parentClass":"active",
                "buttons":[]}}'>
            <div id="minicart-content-wrapper" data-bind="scope: 'minicart_content'">
                <!-- ko template: getTemplate() --><!-- /ko -->
            </div>
        </div>
        <script>window.checkout = {"shoppingCartUrl":"https:\/\/shoponline.nipponpaint.com.my\/checkout\/cart\/","checkoutUrl":"https:\/\/shoponline.nipponpaint.com.my\/checkout\/","updateItemQtyUrl":"https:\/\/shoponline.nipponpaint.com.my\/checkout\/sidebar\/updateItemQty\/","removeItemUrl":"https:\/\/shoponline.nipponpaint.com.my\/checkout\/sidebar\/removeItem\/","imageTemplate":"Magento_Catalog\/product\/image_with_borders","baseUrl":"https:\/\/shoponline.nipponpaint.com.my\/","minicartMaxItemsVisible":5,"websiteId":"1","maxItemsToDisplay":10,"storeId":"1","storeGroupId":"1","customerLoginUrl":"https:\/\/shoponline.nipponpaint.com.my\/customer\/account\/login\/referer\/aHR0cHM6Ly9zaG9wb25saW5lLm5pcHBvbnBhaW50LmNvbS5teS9vdXItcHJvZHVjdHMuaHRtbD9jYXQ9NSUyQzgmY29hdGluZ19zeXN0ZW09NTQ0NyZmaW5pc2hpbmc9NTQ1MyUyQzU0NTUlMkM1NDU3\/","isRedirectRequired":false,"autocomplete":"off","captcha":{"user_login":{"isCaseSensitive":false,"imageHeight":50,"imageSrc":"","refreshUrl":"https:\/\/shoponline.nipponpaint.com.my\/captcha\/refresh\/","isRequired":false,"timestamp":1776205027}}}</script>    <script type="text/x-magento-init">
    {
        "[data-block='minicart']": {
            "Magento_Ui/js/core/app": {"components":{"minicart_content":{"children":{"subtotal.container":{"children":{"subtotal":{"children":{"subtotal.totals":{"config":{"display_cart_subtotal_incl_tax":0,"display_cart_subtotal_excl_tax":1,"template":"Magento_Tax\/checkout\/minicart\/subtotal\/totals"},"children":{"subtotal.totals.msrp":{"component":"Magento_Msrp\/js\/view\/checkout\/minicart\/subtotal\/totals","config":{"displayArea":"minicart-subtotal-hidden","template":"Magento_Msrp\/checkout\/minicart\/subtotal\/totals"}}},"component":"Magento_Tax\/js\/view\/checkout\/minicart\/subtotal\/totals"}},"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/subtotal"}}},"component":"uiComponent","config":{"displayArea":"subtotalContainer"}},"item.renderer":{"component":"Magento_Checkout\/js\/view\/cart-item-renderer","config":{"displayArea":"defaultRenderer","template":"Magento_Checkout\/minicart\/item\/default"},"children":{"item.image":{"component":"Magento_Catalog\/js\/view\/image","config":{"template":"Magento_Catalog\/product\/image","displayArea":"itemImage"}},"checkout.cart.item.price.sidebar":{"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/item\/price","displayArea":"priceSidebar"}}}},"extra_info":{"component":"uiComponent","config":{"displayArea":"extraInfo"}},"promotion":{"component":"uiComponent","config":{"displayArea":"promotion"}}},"config":{"itemRenderer":{"default":"defaultRenderer","simple":"defaultRenderer","virtual":"defaultRenderer"},"template":"Magento_Checkout\/minicart\/content"},"component":"Magento_Checkout\/js\/view\/minicart"}},"types":[]}        },
        "*": {
            "Magento_Ui/js/block-loader": "https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/loader-1.gif"
        }
    }
    </script>
    </div>
<script type="text/javascript">
    require(['jquery'], function ($) {
        $('.minicart-wrapper').on('contentLoading', function (event) {
            $('[data-block="minicart"]').on('contentUpdated', function () {
                $('[data-block="minicart"]').find('[data-role="dropdownDialog"]').dropdownDialog("open");
                setTimeout(function () {
                    $('[data-block="minicart"]').find('[data-role="dropdownDialog"]').dropdownDialog("close");
                }, 7000);
            });
        });
    });
</script>

</div>
            </div>
        </div>
    </div>
</header>
<div class="topnavsec toggle-container" id="toggleContainer">
            <ul class="navbar-nav">
                    <li class="nav-item menu_1">
                        <a class="nav-link" href="javascript:void(0)">Our Products <span class=" menu_1 arrow"><em class="porto-icon-right-open-big"></em></span></a>
                        <ul class="submenu" style="display: none;">
                            <li><a href="/our-products.html">Nippon Paint Products</a></li>
                            <li><a href="/selleys-products.html">Selleys Products</a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/colour-cards.html">Colour Cards</a>
                    </li>
			<li class="nav-item menu_3">
                        <a class="nav-link" href="javascript:void(0)">Shop Assistance <span class="menu_3 arrow"><em class="porto-icon-right-open-big"></em></span></a>
                        <ul class="submenu" style="display: none;">
                            <li><a href="/paint-calculator">Paint Calculator</a></li>
                            <li><a href="https://selleys.my/product-selector/" target="_blank">Selleys Product Selector</a></li>
                        </ul>
                    </li>
                </ul>
        </div>
<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Ui/js/core/app": {
                "components": {
                    "customer": {
                        "component": "Magento_Customer/js/view/customer"
                    },
		    "wishlist": {
                        "component": "Magento_Wishlist/js/view/wishlist"
                    }
                }
            }
        }
    }

</script>

<div class="breadcrumbs">
    <ul class="items">
                    <li class="item home">
                            <a href="https://shoponline.nipponpaint.com.my/"
                   title="Go to Home Page">
                    Home                </a>
                        </li>
                    <li class="item category3">
                            <strong>Our Products</strong>
                        </li>
            </ul>
</div>
    <div class="category-description">
        <div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="container general-txt">
        <h2 class="text-uppercase">Paint All Surfaces</h2>
        <p>Brighten up your spaces with paint for every surface.</p>
      </div></div>    </div>
<main id="maincontent" class="page-main"><a id="contentarea" tabindex="-1"></a>
<div class="page-title-wrapper">
    <h1 class="page-title"
         id="page-title-heading"                     aria-labelledby="page-title-heading&#x20;toolbar-amount"
        >
        <span class="base" data-ui-id="page-title-wrapper" >Our Products</span>    </h1>
    </div>
<div class="page messages"><div data-placeholder="messages"></div>
<div data-bind="scope: 'messages'">
    <!-- ko if: cookieMessages && cookieMessages.length > 0 -->
    <div aria-atomic="true" role="alert" data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages">
        <div data-bind="attr: {
            class: 'message-' + message.type + ' ' + message.type + ' message',
            'data-ui-id': 'message-' + message.type
        }">
            <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div>
        </div>
    </div>
    <!-- /ko -->

    <!-- ko if: messages().messages && messages().messages.length > 0 -->
    <div aria-atomic="true" role="alert" class="messages" data-bind="foreach: {
        data: messages().messages, as: 'message'
    }">
        <div data-bind="attr: {
            class: 'message-' + message.type + ' ' + message.type + ' message',
            'data-ui-id': 'message-' + message.type
        }">
            <div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div>
        </div>
    </div>
    <!-- /ko -->
</div>
<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Ui/js/core/app": {
                "components": {
                        "messages": {
                            "component": "Magento_Theme/js/view/messages"
                        }
                    }
                }
            }
    }
</script>
</div><div class="page-main-inner"><div class="columns"><div class="column main"><input name="form_key" type="hidden" value="mYVtsLNhaTiBoiEd" /><div id="authenticationPopup" data-bind="scope:'authenticationPopup', style: {display: 'none'}">
        <script>window.authenticationPopup = {"autocomplete":"off","customerRegisterUrl":"https:\/\/shoponline.nipponpaint.com.my\/customer\/account\/create\/","customerForgotPasswordUrl":"https:\/\/shoponline.nipponpaint.com.my\/customer\/account\/forgotpassword\/","baseUrl":"https:\/\/shoponline.nipponpaint.com.my\/","customerLoginUrl":"https:\/\/shoponline.nipponpaint.com.my\/customer\/ajax\/login\/"}</script>    <!-- ko template: getTemplate() --><!-- /ko -->
        <script type="text/x-magento-init">
        {
            "#authenticationPopup": {
                "Magento_Ui/js/core/app": {"components":{"authenticationPopup":{"component":"Magento_Customer\/js\/view\/authentication-popup","children":{"messages":{"component":"Magento_Ui\/js\/view\/messages","displayArea":"messages"},"captcha":{"component":"Magento_Captcha\/js\/view\/checkout\/loginCaptcha","displayArea":"additional-login-form-fields","formId":"user_login","configSource":"checkout"}}}}}            },
            "*": {
                "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fd1aj7smugvtcxv.cloudfront.net\u002Fversion1714378962\u002Ffrontend\u002FSmartwave\u002Fporto_child\u002Fen_US\u002Fimages\u002Floader\u002D1.gif"
                            }
        }
    </script>
</div>
<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Customer/js/section-config": {
                "sections": {"stores\/store\/switch":["*"],"stores\/store\/switchrequest":["*"],"directory\/currency\/switch":["*"],"*":["messages"],"customer\/account\/logout":["*","recently_viewed_product","recently_compared_product","persistent"],"customer\/account\/loginpost":["*"],"customer\/account\/createpost":["*"],"customer\/account\/editpost":["*"],"customer\/ajax\/login":["checkout-data","cart","captcha"],"catalog\/product_compare\/add":["compare-products"],"catalog\/product_compare\/remove":["compare-products"],"catalog\/product_compare\/clear":["compare-products"],"sales\/guest\/reorder":["cart"],"sales\/order\/reorder":["cart"],"checkout\/cart\/add":["cart","directory-data"],"checkout\/cart\/delete":["cart"],"checkout\/cart\/updatepost":["cart"],"checkout\/cart\/updateitemoptions":["cart"],"checkout\/cart\/couponpost":["cart"],"checkout\/cart\/estimatepost":["cart"],"checkout\/cart\/estimateupdatepost":["cart"],"checkout\/onepage\/saveorder":["cart","checkout-data","last-ordered-items"],"checkout\/sidebar\/removeitem":["cart"],"checkout\/sidebar\/updateitemqty":["cart"],"rest\/*\/v1\/carts\/*\/payment-information":["cart","last-ordered-items","captcha","instant-purchase"],"rest\/*\/v1\/guest-carts\/*\/payment-information":["cart","captcha"],"rest\/*\/v1\/guest-carts\/*\/selected-payment-method":["cart","checkout-data"],"rest\/*\/v1\/carts\/*\/selected-payment-method":["cart","checkout-data","instant-purchase"],"customer\/address\/*":["instant-purchase"],"customer\/account\/*":["instant-purchase"],"vault\/cards\/deleteaction":["instant-purchase"],"paypal\/express\/placeorder":["cart","checkout-data"],"paypal\/payflowexpress\/placeorder":["cart","checkout-data"],"paypal\/express\/onauthorization":["cart","checkout-data"],"persistent\/index\/unsetcookie":["persistent"],"review\/product\/post":["review"],"wishlist\/index\/add":["wishlist"],"wishlist\/index\/remove":["wishlist"],"wishlist\/index\/updateitemoptions":["wishlist"],"wishlist\/index\/update":["wishlist"],"wishlist\/index\/cart":["wishlist","cart"],"wishlist\/index\/fromcart":["wishlist","cart"],"wishlist\/index\/allcart":["wishlist","cart"],"wishlist\/shared\/allcart":["wishlist","cart"],"wishlist\/shared\/cart":["cart"],"storelocator\/store\/set":["current-store"],"braintree\/paypal\/placeorder":["cart","checkout-data"],"braintree\/googlepay\/placeorder":["cart","checkout-data"]},
                "clientSideSections": ["checkout-data","cart-data"],
                "baseUrls": ["https:\/\/shoponline.nipponpaint.com.my\/"],
                "sectionNames": ["messages","customer","compare-products","last-ordered-items","cart","directory-data","captcha","instant-purchase","loggedAsCustomer","persistent","review","wishlist","current-store","recently_viewed_product","recently_compared_product","product_data_storage","paypal-billing-agreement"]            }
        }
    }
</script>
<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Customer/js/customer-data": {
                "sectionLoadUrl": "https\u003A\u002F\u002Fshoponline.nipponpaint.com.my\u002Fcustomer\u002Fsection\u002Fload\u002F",
                "expirableSectionLifetime": 60,
                "expirableSectionNames": ["cart","persistent"],
                "cookieLifeTime": "360000",
                "updateSessionUrl": "https\u003A\u002F\u002Fshoponline.nipponpaint.com.my\u002Fcustomer\u002Faccount\u002FupdateSession\u002F"
            }
        }
    }
</script>
<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Customer/js/invalidation-processor": {
                "invalidationRules": {
                    "website-rule": {
                        "Magento_Customer/js/invalidation-rules/website-rule": {
                            "scopeConfig": {
                                "websiteId": "1"
                            }
                        }
                    }
                }
            }
        }
    }
</script>
<script type="text/x-magento-init">
    {
        "body": {
            "pageCache": {"url":"https:\/\/shoponline.nipponpaint.com.my\/page_cache\/block\/render\/id\/3\/?cat=5%2C8&coating_system=5447&finishing=5453%2C5455%2C5457","handles":["default","catalog_category_view","catalog_category_view_type_layered","catalog_category_view_id_3"],"originalRequest":{"route":"catalog","controller":"category","action":"view","uri":"\/our-products.html?cat=5%2C8&coating_system=5447&finishing=5453%2C5455%2C5457"},"versionCookieName":"private_content_version"}        }
    }
</script>
<script type="text/x-magento-init">
    {
        "body": {
            "requireCookie": {"noCookieUrl":"https:\/\/shoponline.nipponpaint.com.my\/cookie\/index\/noCookies\/","triggers":[".action.towishlist"],"isRedirectCmsPage":true}        }
    }
</script>

<div id="layer-product-list">
        		        <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"asc","orderDefault":"position","limitDefault":12,"url":"https:\/\/shoponline.nipponpaint.com.my\/our-products.html?cat=5%2C8&coating_system=5447&finishing=5453%2C5455%2C5457","formKey":"mYVtsLNhaTiBoiEd","post":false}}'>
                    <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">Sort By</label>
    <select id="sorter" data-role="sorter" class="sorter-options">
                    <option value="position"
                                    selected="selected"
                                >
                Position            </option>
            </select>
            <a title="Set&#x20;Descending&#x20;Direction"
           href="#"
           class="action sorter-action sort-asc"
           data-role="direction-switcher"
           data-value="desc">
            <span>Set Descending Direction</span>
        </a>
    </div>
                                <div class="modes">
                            <strong class="modes-label" id="modes-label">View as</strong>
                                                <strong title="Grid"
                            class="modes-mode active mode-grid"
                            data-value="grid">
                        <span>Grid</span>
                    </strong>
                                                                <a class="modes-mode mode-list"
                       title="List"
                       href="#"
                       data-role="mode-switcher"
                       data-value="list"
                       id="mode-list"
                       aria-labelledby="modes-label mode-list">
                        <span>List</span>
                    </a>
                                        </div>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">1</span> Item    </p>

        
    
        
        
    
    

        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Show</span>
    </label>
    <div class="control">
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="12"
                                            selected="selected"
                    >
                    12                </option>
                            <option value="24"
                    >
                    24                </option>
                            <option value="36"
                    >
                    36                </option>
                    </select>
    </div>
    <span class="limiter-text">per page</span>
</div>
    </div>
	    <script type="text/x-magento-init">
    {
        "body": {
            "addToWishlist": {"productType":["simple","virtual","downloadable","bundle","grouped","configurable"]}        }
    }
</script>
        <div class="products wrapper grid columns3 products-grid   ">
                <ol class="filterproducts products list items product-items">
                                        <li class="item product product-item">                <div class="product-item-info type3" data-container="product-grid">
                                        <div class="product photo product-item-photo">
                     			    <div class="label-container">
			    <div class="category-labels">Exterior</div>			                            </div>
			                     	                		<a href="https://shoponline.nipponpaint.com.my/our-products/slate-finish-gloss.html" tabindex="-1">
            		            		                        <span class="product-image-container product-image-container-13">
    <span class="product-image-wrapper">
        <img class="product-image-photo"
                        src="https://shoponline.nipponpaint.com.my/pub/media/catalog/product/cache/9c3dfc6eb6c8e932d329360f26fbb250/s/l/slate-finish.png"
            loading="lazy"
            width="240"
            height="300"
            alt="Slate&#x20;Finish&#x20;&#x28;Gloss&#x29;"/></span>
</span>
<style>.product-image-container-13 {
    width: 240px;
}
.product-image-container-13 span.product-image-wrapper {
    padding-bottom: 125%;
}</style><script type="text&#x2F;javascript">prodImageContainers = document.querySelectorAll(".product-image-container-13");
for (var i = 0; i < prodImageContainers.length; i++) {
    prodImageContainers[i].style.width = "240px";
}
prodImageContainersWrappers = document.querySelectorAll(
    ".product-image-container-13  span.product-image-wrapper"
);
for (var i = 0; i < prodImageContainersWrappers.length; i++) {
    prodImageContainersWrappers[i].style.paddingBottom = "125%";
}</script>                                                                        </a>
                                               
                    </div>
                    <div class="product details product-item-details">
                                                <strong class="product name product-item-name">
                          
                            <a class="product-item-link"
                               href="https://shoponline.nipponpaint.com.my/our-products/slate-finish-gloss.html">
                                Slate Finish (Gloss)                            </a>
            		                        </strong>
                        
                                                    <div class="product description product-item-description">
                                This UV-resistant, protective clear coat enhances the natural colour of stones and slates                            </div>
                                                  
                                             <div class="price-box price-final_price" data-role="priceBox" data-product-id="13" data-price-box="product-id-13"><span class="normal-price">
    

<span class="price-container price-final_price&#x20;tax&#x20;weee"
        >
            <span class="price-label">As low as</span>
        <span  id="product-price-13"                data-price-amount="41.8"
        data-price-type="finalPrice"
        class="price-wrapper "
    ><span class="price">RM 41.80</span></span>
        </span>
</span>


</div>                                                                                                                                            <a href="#"
                                       class="action towishlist actions-secondary"
                                       title="Add to Wish List"
                                       aria-label="Add to Wish List"
                                       data-post='{"action":"https:\/\/shoponline.nipponpaint.com.my\/wishlist\/index\/add\/","data":{"product":13,"uenc":"aHR0cHM6Ly9zaG9wb25saW5lLm5pcHBvbnBhaW50LmNvbS5teS9vdXItcHJvZHVjdHMuaHRtbD9jYXQ9NSUyQzgmY29hdGluZ19zeXN0ZW09NTQ0NyZmaW5pc2hpbmc9NTQ1MyUyQzU0NTUlMkM1NDU3"}}'
                                       data-action="add-to-wishlist"
                                       role="button">
                                       
                                    </a>
                                                                            </div>
                </div>
                </li>                    </ol>
    </div>
                <div class="toolbar toolbar-products" data-mage-init='{"productListToolbarForm":{"mode":"product_list_mode","direction":"product_list_dir","order":"product_list_order","limit":"product_list_limit","modeDefault":"grid","directionDefault":"asc","orderDefault":"position","limitDefault":12,"url":"https:\/\/shoponline.nipponpaint.com.my\/our-products.html?cat=5%2C8&coating_system=5447&finishing=5453%2C5455%2C5457","formKey":"mYVtsLNhaTiBoiEd","post":false}}'>
                    <div class="toolbar-sorter sorter">
    <label class="sorter-label" for="sorter">Sort By</label>
    <select id="sorter" data-role="sorter" class="sorter-options">
                    <option value="position"
                                    selected="selected"
                                >
                Position            </option>
            </select>
            <a title="Set&#x20;Descending&#x20;Direction"
           href="#"
           class="action sorter-action sort-asc"
           data-role="direction-switcher"
           data-value="desc">
            <span>Set Descending Direction</span>
        </a>
    </div>
                                <div class="modes">
                            <strong class="modes-label" id="modes-label">View as</strong>
                                                <strong title="Grid"
                            class="modes-mode active mode-grid"
                            data-value="grid">
                        <span>Grid</span>
                    </strong>
                                                                <a class="modes-mode mode-list"
                       title="List"
                       href="#"
                       data-role="mode-switcher"
                       data-value="list"
                       id="mode-list"
                       aria-labelledby="modes-label mode-list">
                        <span>List</span>
                    </a>
                                        </div>
        
        <p class="toolbar-amount" id="toolbar-amount">
            <span class="toolbar-number">1</span> Item    </p>

        
    
        
        
    
    

        <div class="field limiter">
    <label class="label" for="limiter">
        <span>Show</span>
    </label>
    <div class="control">
        <select id="limiter" data-role="limiter" class="limiter-options">
                            <option value="12"
                                            selected="selected"
                    >
                    12                </option>
                            <option value="24"
                    >
                    24                </option>
                            <option value="36"
                    >
                    36                </option>
                    </select>
    </div>
    <span class="limiter-text">per page</span>
</div>
    </div>
    <script type="text/javascript">
    require([
        'jquery'
    ], function ($) {
      var app = {
          isAppleDevice: function() {
            if (navigator.userAgent.match(/(iPhone|iPod|iPad|Safari)/) != null) {
              return true;
            }
            return false;
          }
      }
    });
    </script>
</div>
</div><div class="sidebar sidebar-main mobile-sidebar"><div class="sidebar-content">      <div class="side-custom-block">
              </div>
    </div></div></div></div></main><footer class="page-footer"><div class="footer">
    <div class="footer-top">
        <!-- <div class="container"> -->
            <div class="row">
                <div class="col-lg-12">
                <div class="custom-block"><div class="free-shipping-return">
<div class="container ">
    <div class="homepage-bar" style="margin:0;">
      <div class="row">
        <div class="col-lg-4 baricon" style="text-align:left;">
          <img alt="delivery" class="mascot" src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/icon-delivery.svg" alt="delivery" /><div class="text-area"><h3>3 to 7 Working Days Delivery</h3><p><a href="/faq">Delivery and returns information</a></p></div></a>
        </div>
        <div class="col-lg-4 baricon" style="text-align:center;">
          <img alt="nationwide" class="mascot" src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/icon-nationwide.svg" alt="nationwide" /><div class="text-area"><h3>We Deliver Nationwide</h3><p><a href="/faq">See if we deliver to you</a></p></div>
        </div>
         <div class="col-lg-4 baricon quality-assured" style="text-align:center;">
         <img class="mascot" src="https://shoponline.nipponpaint.com.my/pub/media/wysiwyg/Quality_Assured.png"  alt="Quality Assurance" style="width:53px !important;" /><div class="text-area"><h3>Quality Assurance</h3></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="footer-top-inner">
  <div class="container">
  <div class="row">
    <div class="col-md-5">
      <div class="block mascot-item" style="margin-bottom: -5px;">
        <div class="col-auto" style=" cursor: pointer; ">
          <img onclick="zE.activate();" alt="Zendesk" class="mascot" src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/mascot.png">
        </div>
        <div class="social-icons">
          <a href="https://www.facebook.com/nipponpaintmalaysia/" title="Facebook" target="_blank"><i class="porto-icon-facebook"></i></a>
          <a href="https://www.youtube.com/user/NipponPaintMalaysia" title="Youtube" target="_blank"><i class="porto-icon-youtube"></i></a>
          <a href="https://www.instagram.com/nipponpaintmalaysia/" title="Instagram" target="_blank"><i class="porto-icon-instagram"></i></a>
        </div>
      </div>
    </div>
    <div class="col-md-7">
      <div class="block-content laystys" style="width:100%;float:right;margin:32px 0px 0px;">
        <div class="block newsletter">
    <div class="content">
        <form class="form subscribe"
            novalidate
            action="https://shoponline.nipponpaint.com.my/newsletter/subscriber/new/"
            method="post"
            data-mage-init='{"validation": {"errorClass": "mage-error"}}'
            id="newsletter-validate-detail">
            <div class="field newsletter">
                <label class="label" for="footer_newsletter"><span>Let’s Stay Connected</span></label>
                <div class="control">
                    <input name="email" type="email" id="footer_newsletter"
                                data-validate="{required:true, 'validate-email':true}" placeholder="Email Address"/>
                    <button class="action subscribe primary" title="Subscribe" type="submit">
                        <img src='https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/arrow-right.svg' alt="Demo" />
                        <!-- <span></span> -->
                    </button>
                </div>
            </div>
            <!-- <div class="actions">
            </div> -->
        </form>
    </div>
</div>

      </div>
    </div>
  </div>
  </div>
</div></div>                </div>
            </div>
        <!-- </div> -->
    </div>
    <div class="footer-middle footer-middle-2">
        <div class="container">
            <div class="row">
            <div class=" col-lg-2"><div class="block">
    <div class="block-title"><strong>Customer Service</strong></div>
    <div class="block-content">
        <ul class="links">
            <li><a href="https://shoponline.nipponpaint.com.my/faq/" title="FAQ">FAQ</a></li>
            <li><a href="https://shoponline.nipponpaint.com.my/contact/" title="Contact us">Contact us</a></li>
            <li><a href="https://shoponline.nipponpaint.com.my/sales/order/history/" title="Orders history">Track Order</a></li>
        </ul>
    </div>
</div></div><div class=" col-lg-3"><div class="block">
    <div class="block-title"><strong>About Us</strong></div>
    <div class="block-content">
        <ul class="links">
            <li><a href="/about-us" title="Nippon Paint">Nippon Paint</a></li>
            <!--<li><a href="/pressroom" title="Media Room">Media Room</a></li> -->
            <li><a href="https://www.nipponpaint.com.my/corporate/pressroom/nippon-in-the-news" target="_blank" title="Media Room">Media Room</a></li> 
            <li><a href="/careers" title="Career">Career</a></li>
            <!--li><em class="porto-icon-right-dir theme-color"></em><a href="https://shoponline.nipponpaint.com.my/sales/order/history/" title="Orders history">Orders history</a></li>
            <li><em class="porto-icon-right-dir theme-color"></em><a href="https://shoponline.nipponpaint.com.my/catalogsearch/advanced/" title="Advanced search">Advanced search</a></li-->
        </ul>
    </div>
</div></div><div class=" col-lg-4"><div class=" contact">
                        <div class="row align-items-center mb-md-4 mb-3">
                            <div class="col-auto">
                                <div class="img text-center">
                                    <img alt="" src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/email.svg">
                                </div>
                            </div>
                            <div class="col pl-0">
                                <div class="ttl">Email</div>
                                <a href="mailto:customercare@nipponpaint.com.my" class="info"><b>customercare@nipponpaint.com.my</b></a>
                            </div>
                        </div>
                        <div class="row align-items-center mb-md-4 mb-3">
                            <div class="col-auto">
                                <div class="img text-center">
                                    <img alt="" src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/careline.svg">
                                </div>
                            </div>
                            <div class="col pl-0">
                                <div class="ttl">Care Line</div>
                                <a href="tel:1-800-88-2663" class="info"><b>1-800-88-2663</b></a>
                            </div>
                        </div>
                        <div class="row align-items-center mb-md-0 mb-4">
                            <div class="col-auto">
                                <div class="img text-center">
                                    <img alt="" src="https://d1aj7smugvtcxv.cloudfront.net/version1714378962/frontend/Smartwave/porto_child/en_US/images/whatsapp.svg">
                                </div>
                            </div>
                            <div class="col pl-0">
                                <div class="ttl">Chat With Us</div>
                                <a href="tel:+6012 220 8464" class="info"><b>+6012 220 8464</b></a>
                            </div>
                        </div>
                    </div></div><div class="payment-logo col-lg-3"><img src="https://shoponline.nipponpaint.com.my/pub/media/wysiwyg/payment-s_4.png" alt="Payment logo" /></div>            </div>
        </div>
    </div>
    <div class="footer-middle footer-two-link">
        <div class="container">
            <ul class="bottom-link">
                <li><a href="/terms-and-conditions" title="">Terms & Conditions</a></li>
                <li><a href="/privacy-policy" title="">Privacy Policy</a></li>
		<li><a href="/paint-colour-accuracy-statement" title="">Paint Colour Accuracy Statement</a></li>
            </ul>
        </div>
    </div>
    <div class="footer-middle footer-bottom">
        <div class="">
            <div class="custom-block"><p>Note: The colour shades displayed are indicative and not precise representations of our actual paint colours.</p></div>                        <address>Copyright © 2020. All rights reserved by Paint Marketing Co. (M) Sdn Bhd (10196-V). The Nippon Paint® logo and “The Coatings Expert®” are trademarks used with consent by Nippon Paint (M) Sdn Bhd (7516-H).</address>
                    </div>
    </div>
</div>
<a href="javascript:void(0)" id="totop"><em class="porto-icon-up-open"></em></a>

<script>
    require(
        [
            'jquery'
        ],
        function($) {
		$(window).on('load', function() { 
			if($('.swatch-opt').length) {
				$('.swatch-opt').after($('.field.qty'));
			}
		});
	});
</script>
</footer><script type="text/x-magento-init">
        {
            "*": {
                "Magento_Ui/js/core/app": {
                    "components": {
                        "storage-manager": {
                            "component": "Magento_Catalog/js/storage-manager",
                            "appendTo": "",
                            "storagesConfiguration" : {"recently_viewed_product":{"requestConfig":{"syncUrl":"https:\/\/shoponline.nipponpaint.com.my\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"recently_compared_product":{"requestConfig":{"syncUrl":"https:\/\/shoponline.nipponpaint.com.my\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":null},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/shoponline.nipponpaint.com.my\/rest\/default\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/shoponline.nipponpaint.com.my\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":null}}                        }
                    }
                }
            }
        }
</script>
<script type="text/javascript">
require(['jquery'],function($){
	$(document).ready(function(){
        var q = jQuery('.page-header.type20').outerHeight();
		jQuery('.breadcrumbs').css('margin-top', (q));
		jQuery('.customer-account-login .page-main').css('margin-top', (q));
		jQuery('.checkout-onepage-success .page-main').css('margin-top', (q));
		/*jQuery('.checkout-index-index .page-main').css('padding-top', (q + 5));*/
		jQuery(".searchicons").click(function(){
		  jQuery(".search-area").toggle();
		});
		jQuery(".topnavsec ul li.menu_1 a.nav-link").click(function(){
			jQuery("li.menu_1 ul.submenu").toggle();
			jQuery("li.menu_1 .arrow").toggleClass('active');
        });

 		jQuery(".topnavsec ul li.menu_3 a.nav-link").click(function(){
           jQuery("li.menu_3 ul.submenu").toggle();
           jQuery("li.menu_3 .arrow").toggleClass('active');
        });
    });
});
</script>

<!-- Start of nipponpaint-cea Zendesk Widget script -->
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=b4de8c5d-3d0f-4796-b4dc-938c68eca2a8"> </script>
<!-- End of nipponpaint-cea Zendesk Widget script --><script>
    require(['jquery', 'iframeResizer' ],
        function ($) {
            $(function () {
                waitUntilExists(function() { return $('.embedded-iframe').length; }, function() {
                    var iframe = $('.embedded-iframe'),
                        headerHeight = $('header').outerHeight(),
                        windowHeight = $(window).innerHeight(),
                        availableHeight =  windowHeight - headerHeight - 70,
                        isOldIE = (navigator.userAgent.indexOf("MSIE") !== -1);
                    iframe.css({'height': availableHeight + 'px'});

                    iframe.on('load', function(){
                        iFrameResize({
                            log: false,
                            minHeight: availableHeight,
                            resizeFrom: 'parent',
                            scrolling: true,
                            inPageLinks: true,
                            autoResize: true,
                            heightCalculationMethod: isOldIE ? 'max' : 'bodyScroll',
                            onInit: function(iframe) {
                                iframe.style.height = availableHeight + 'px';
                            },
                            onResized: function(messageData) {
                                setTimeout(function() {
                                    messageData.iframe.style.visibility = 'visible';
                                }, 300);
                            },
                            onMessage: function(messageData) {
                                if (history.pushState && messageData.message.hasOwnProperty('trackNo')) {
                                    var newUrl = window.location.protocol + '//' + window.location.host + window.location.pathname.replace(/\/$/, '') + '/' + messageData.message.trackNo;
                                    window.history.pushState({path:newUrl}, '', newUrl);
                                }
                            }
                        }, '.embedded-iframe');
                    });

                }, function() { });
                function waitUntilExists(isReady, success, error, count, interval){
                    if (count === undefined) {
                        count = 300;
                    }
                    if (interval === undefined) {
                        interval = 20;
                    }
                    if (isReady()) {
                        success();
                        return;
                    }
                    setTimeout(function(){
                        if (!count) {
                            if (error !== undefined) {
                                error();
                            }
                        } else {
                            waitUntilExists(isReady, success, error, count -1, interval);
                        }
                    }, interval);
                }
            });
        });
</script>
    <!-- Magmodules Facebook Pixel Code -->
    <script>
        require(['jquery'], function ($) {
            !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
                n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
                n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
                t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
                document,'script','https://connect.facebook.net/en_US/fbevents.js');
            fbq('init', '283234210060699');
            fbq('track', 'PageView');
                        fbq('track', );
                                    $('#product-addtocart-button').on('click', function () {
                fbq('track', );
            });
                    });
    </script>
    <noscript>
        <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=283234210060699&amp;ev=PageView&amp;noscript=1"/>
    </noscript>
    <!-- End Magmodules Facebook Pixel Code -->
</div>    </body>
</html>