PageSourceSearch

https://fourseasonsdurians.com/products

html fourseasonsdurians.com collected 2026-10-04 22:51:48 UTC 72,828 bytes, 886 lines download raw bytes

1<!DOCTYPE html> <!--[if IE]><![endif]--> <!--[if IE 8 ]><html dir="ltr" lang="en" class="ie8"><![endif]--> <!--[if IE 9 ]><html dir="ltr" lang="en" class="ie9"><![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html dir="ltr" lang="en"> <!--<![endif]--> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="robots" content="index,follow" /> <link rel="canonical" href="https://fourseasonsdurians.com/products" /> <title data-min-length="60" data-max-length="70">Products</title> <base href="https://fourseasonsdurians.com/" /> <link rel="preload" href="https://fourseasonsdurians.com//image/catalog/fourseasons/BLACK_logo-fourseasonsdurians-01.png" as="image"> <!-- Schema.org markup for Google+ --> <meta itemprop="name" content="Products" /> <meta itemprop="description" content="" /> <meta itemprop="image" content="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/BLACK_logo-fourseasonsdurians-01-612x299.png" /> <!-- Twitter Card data --> <meta name="twitter:card" content="Four Seasons Durians" /> <!-- <meta name="twitter:site" content="@publisher_handle"/> --> <meta name="twitter:title" content="Products" /> <meta name="twitter:description" content="" data-length="200" /> <!-- <meta name="twitter:creator" content="@author_handle"/> --> <!-- Twitter summary card with large image must be at least 280x150px --> <meta name="twitter:image:src" content="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/BLACK_logo-fourseasonsdurians-01-512x299.png" /> <!-- Open Graph data --> <meta property="og:title" content="Products" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://fourseasonsdurians.com//" /> <meta property="og:image" content="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/BLACK_logo-fourseasonsdurians-01-600x315.png" /> <meta property="og:description" content="" /> <meta property="og:site_name" content="Four Seasons Durians" /> <!-- <meta property="fb:admins" content="Facebook numberic ID" /> --> 
1<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
1 <link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" /> 
1<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
1 <link href="catalog/view/javascript/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet"> <!-- <link href="catalog/view/javascript/smartmenus/sm-core-css.min.css" rel="stylesheet"> --> <!--Added in sidr_bare_sm_core_css_sass_icon.css --> <link href="catalog/view/javascript/smartmenus/sm-blue.min.css" rel="stylesheet"> <!-- <link href="catalog/view/javascript/side-menu-sidr/stylesheets/sidr.bare.min.css" rel="stylesheet"> --> <!--Added in sidr_bare_sm_core_css_sass_icon.css --> <link href="catalog/view/javascript/jquery-multi-level-accordion-menu/css/style.min.css" rel="stylesheet"> <link href="catalog/view/theme/default/stylesheet/normalize.min.css" rel="stylesheet"> <!-- <link href="catalog/view/theme/default/stylesheet/sass/icon.min.css" rel="stylesheet"> --> <!--Added in sidr_bare_sm_core_css_sass_icon.css --> <link href="catalog/view/theme/default/stylesheet/sidr_bare_sm_core_css_sass_icon.css" rel="stylesheet"> <link href="catalog/view/theme/default/stylesheet/sass/helper.min.css" rel="stylesheet"> <link href="catalog/view/theme/default/stylesheet/sass/custom.min.css" rel="stylesheet"> <link href="catalog/view/theme/default/stylesheet/slsoffr.css" type="text/css" rel="stylesheet" media="screen" /> <link href="catalog/view/theme/default/stylesheet/animate.min.css" rel="stylesheet"> 
1<script src="catalog/view/javascript/jquery-ui-1.12.1.custom/jquery-ui.min.js" type="text/javascript"></script>
1 
1<script src="catalog/view/javascript/jquery.ui.touch-punch.min.js" type="text/javascript"></script>
1 
1<script src="catalog/view/javascript/side-menu-sidr/jquery.sidr.min.js" type="text/javascript"></script>
1 <!--Minified--> 
1<script src="catalog/view/javascript/side-menu-sidr/sidr.min.js" type="text/javascript"></script>
1 
1<script src="catalog/view/javascript/jquery-multi-level-accordion-menu/js/modernizr.js" type="text/javascript"></script>
1 <!-- 
1<script src="catalog/view/javascript/jquery-multi-level-accordion-menu/js/main.js" type="text/javascript"></script>
1 --> <!--Added in Alpha.js --> 
1<script src="catalog/view/javascript/smartmenus/jquery.smartmenus.min.js" type="text/javascript"></script>
1 
1<script src="catalog/view/javascript/bluebird.min.js"></script>
1 <!--FOR IE--> <link href="catalog/view/javascript/sweetalert2.min.css" rel="stylesheet"> 
1<script src="catalog/view/javascript/sweetalert2.all.min.js"></script>
1 <link href="catalog/view/javascript/aos/aos.css" rel="stylesheet"> 
1<script src="catalog/view/javascript/aos/aos.js" type="text/javascript"></script>
1 <!-- 
1<script src="catalog/view/javascript/quantityincrementdecrement.js" type="text/javascript"></script>
1 --> <!--Added in Alpha.js --> 
1<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
1 
1<script src="catalog/view/javascript/enquiry.js" type="text/javascript"></script>
1 
1<script src="catalog/view/javascript/alpha.js" type="text/javascript"></script>
1 
1<script src="catalog/view/javascript/jquery.qrcode.js" type="text/javascript"></script>
1 
1<script src="catalog/view/javascript/qrcode.js" type="text/javascript"></script>
1 <link href="catalog/view/theme/default/stylesheet/fonts/fonts.css" rel="stylesheet" type="text/css"> <link href="catalog/view/theme/default/stylesheet/fourseasons.css" rel="stylesheet"> <link href="https://fourseasonsdurians.com/products" rel="canonical" /> <link href="https://fourseasonsdurians.com/products?page=2" rel="next" /> <link href="https://fourseasonsdurians.com//image/catalog/fourseasons/icon.png" rel="icon" /> 
1<script 		src = "catalog/view/extension/related_options/js/liveopencart.select_option_toggle.js?v=1590476936"
2		type = "text/javascript" > </script>
2 
2<script 		src = "catalog/view/extension/related_options/js/liveopencart.related_options.js?v=1590476936"
3		type = "text/javascript" > </script>
3 <meta name="facebook-domain-verification" content="a15k14un8s4b8gu04qtjbgbwye5vk0" /> <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, line 3
3 <script async src="https://www.googletagmanager.com/gtag/js?id=
3UA-172128592-1
vendor: 12 bytes, line 3
3"></script> 
3<script>
4  
vendor: 138 bytes, lines 4-8
4window.dataLayer = window.dataLayer || [];
5  function gtag(){dataLayer.push(arguments);}
6  gtag('js', new Date());
7
8  gtag('config', '
8UA-172128592-1
vendor: 5 bytes, line 8
8');
9</script>
9 <!-- Global site tag (gtag.js) - Google Ads: 10875001536 -->
vendor: 64 bytes, line 9
9 <script async src="https://www.googletagmanager.com/gtag/js?id=
9AW-10875001536
vendor: 12 bytes, line 9
9"></script> 
9<script>
10  
vendor: 138 bytes, lines 10-14
10window.dataLayer = window.dataLayer || [];
11  function gtag(){dataLayer.push(arguments);}
12  gtag('js', new Date());
13
14  gtag('config', '
14AW-10875001536
vendor: 5 bytes, line 14
14');
15</script>
15 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, line 15
15 <script async src="https://www.googletagmanager.com/gtag/js?id=
15G-973SGJ396B
vendor: 12 bytes, line 15
15"></script> 
15<script>
16  
vendor: 138 bytes, lines 16-20
16window.dataLayer = window.dataLayer || [];
17  function gtag(){dataLayer.push(arguments);}
18  gtag('js', new Date());
19
20  gtag('config', '
20G-973SGJ396B
vendor: 5 bytes, line 20
20');
21</script>
21 <!-- Facebook Pixel Code --> 
21<script>
vendor: 408 bytes, lines 21-30
21
22!function(f,b,e,v,n,t,s)
23{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
24n.callMethod.apply(n,arguments):n.queue.push(arguments)};
25if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
26n.queue=[];t=b.createElement(e);t.async=!0;
27t.src=v;s=b.getElementsByTagName(e)[0];
28s.parentNode.insertBefore(t,s)}(window, document,'script',
29'https://connect.facebook.net/en_US/fbevents.js');
30fbq('init', '
30217809626862247
vendor: 32 bytes, lines 30-31
30');
31fbq('track', 'PageView');
32</script>
32 <noscript><img height="1" width="1" style="display:none"
33src="https://www.facebook.com/tr?id=217809626862247&ev=PageView&noscript=1"
34/></noscript> <!-- End Facebook Pixel Code --> 
34<script type="application/ld+json"></script>
34 <!-- Facebook Pixel Code --> 
34<script>
vendor: 435 bytes, lines 34-43
34
35    !function(f,b,e,v,n,t,s)
36    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
37    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
38    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
39    n.queue=[];t=b.createElement(e);t.async=!0;
40    t.src=v;s=b.getElementsByTagName(e)[0];
41    s.parentNode.insertBefore(t,s)}(window, document,'script',
42    'https://connect.facebook.net/en_US/fbevents.js');
43    fbq('init', '
433244690722421856
vendor: 38 bytes, lines 43-45
43');
44    fbq('track', 'PageView');
45    
45</script>
45 <noscript><img height="1" width="1" style="display:none"
46    src="https://www.facebook.com/tr?id=3244690722421856&ev=PageView&noscript=1"
47    /></noscript> <!-- End Facebook Pixel Code --> <style>
48		body.loading #loading_wrapper { opacity:1;visibility: visible; }
49		#loading_wrapper { -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out ;-ms-transition: all 0.6s ease-out ;-o-transition: all 0.6s ease-out ;transition: all 0.6s ease-out ;display: block;opacity: 0;visibility: hidden;position:fixed;  z-index:10000000001;top:        0;left:0;height:100%;width:100%;background: rgba(51, 51, 51, 0.7); }
50
51		.spinner {margin: auto;width: 40px;height: 40px;position: absolute;text-align: center;-webkit-animation: sk-rotate 2.0s infinite linear;animation: sk-rotate 2.0s infinite linear;left: 0;right: 0;top: 0;bottom: 0;}
52
53		.dot1, .dot2 {width: 60%;height: 60%;display: inline-block;position: absolute;top: 0;background-color: #750a00;border-radius: 100%;-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;}
54
55		.dot2 {top: auto;bottom: 0;-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
56
57		@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
58		@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
59
60		@-webkit-keyframes sk-bounce {
61		0%, 100% { -webkit-transform: scale(0.0) }
62		50% { -webkit-transform: scale(1.0) }
63		}
64
65		@keyframes sk-bounce {
66		0%, 100% {
67		transform: scale(0.0);
68		-webkit-transform: scale(0.0);
69		} 50% {
70		transform: scale(1.0);
71		-webkit-transform: scale(1.0);
72		}
73		}
74	</style> <style>
75		#sidr { background-color: #333333; }
76		.header-mobile .mobile-account { border-bottom-color: #333333; }
77		.header-mobile .mobile-account>a+a { border-left-color: #333333; }
78		.cd-accordion-menu a, .cd-accordion-menu label { background-color: #4D5158; }
79	</style> </head> <body class="product-category cart-edit-off short_hand desktop"> <div id="loading_wrapper"> <div class="spinner"> <div class="dot1"></div> <div class="dot2"></div> </div> </div> <style>
80		.loader {
81			position: fixed;
82			left: 0px;
83			top: 0px;
84			width: 100%;
85			height: 100%;
86			z-index: 9999; 
87		}
88	</style> <div class="loader" style="background: url('https://fourseasonsdurians.com//image/catalog/fourseasons/BLACK_logo-fourseasonsdurians-01.png') 50% 50% / auto 50px no-repeat rgb(255, 255, 255);"></div> 
88<script tyle="text/javascript">
89		$(window).load(function() {
90			// hide loading gif when page done loading
91			$(".loader").fadeOut("slow");
92		});
93	</script>
93 <div class="x213"><h1 id="page_heading_title">Products</h1></div> <header class="fixed-header"> <div class="header-background"> <div class="header-container"> <div class="header-announcement"> <marquee behavior="scroll" direction="left" scrollamount="3"> <img src="image/catalog/fourseasons/general/announcement.png" alt="announcement" class="img-responsive">
94							Welcome to FOUR SEASONS DURIANS!						</marquee> </div> </div> </div> <div class="header-container"> <div class="header-mobile-menu visible-xs visible-sm"> <div class="header-links"> <a id="mobileNav" href="#sidr" class="pointer esc"> <i class="fa fa-bars"></i> </a> </div> </div> <div class="header-logo"> <a class="header-logo-image" href="https://fourseasonsdurians.com/"> <img src="https://fourseasonsdurians.com//image/catalog/fourseasons/BLACK_logo-fourseasonsdurians-01.png" title="Four Seasons Durians" alt="Four Seasons Durians" class="img-responsive" /> </a> </div> <div class="header-menu hidden-xs hidden-sm"> <ul id="main-menu" class="sm sm-blue"><li class=""> <a href="https://fourseasonsdurians.com/about-us"  alt="About Us" ><span>About Us</span></a></li><li class="active"> <a href="https://fourseasonsdurians.com/products"  alt="Products" ><span>Products</span></a></li><li class=""> <a href="https://fourseasonsdurians.com/promotions"  alt="Promotions" ><span>Promotions</span></a></li><li class=""> <a href="https://fourseasonsdurians.com/gallery"  alt="Featured" ><span>Featured</span></a></li><li class=""> <a href="https://fourseasonsdurians.com/contact-us"  alt="Contact Us" ><span>Contact Us</span></a></li></ul> </div> <div class="header-account"> <div class="_search hidden-xs hidden-sm"> <div id="fullpage-search"> <a id="fullpage-search-close" class="fx-close"></a> <div class="container"> <div class="search-custom"> <div class='search-box'> <input type="text" name="search" value="" placeholder="Search" class="form-control" /> <button type="button"><i class="fa fa-search"></i></button> </div> </div> </div> </div> <a id="fullpage-search-open"> <!-- <i class="fa fa-search" ></i> --> <img src="image/catalog/fourseasons/general/search.png" title="Search" alt="search"> </a> 
94<script type="text/javascript">
95        if($('.search-custom').length){
96            $('#fullpage-search').insertBefore('header');
97        }
98        $('#fullpage-search-close').on('click', function(e){
99            e.preventDefault();
100            $('#fullpage-search').fadeOut(300);
101        });
102        
103        $('#fullpage-search-open').on('click', function(e){
104            e.preventDefault();
105            $('#fullpage-search').fadeIn(300);
106        });
107    </script>
107 </div> <div id="account" class="dropdown hidden-xs hidden-sm"> <a href="#" data-toggle="dropdown"> <!-- <i class="fa fa-user"></i> --> <img src="image/catalog/fourseasons/general/account.png" title="Login / Register" alt="account"> </a> <ul class="dropdown-menu dropdown-menu-right"> <li> <a href="https://fourseasonsdurians.com/login" >
108                Login            </a> </li> <li> <a href="https://fourseasonsdurians.com/register" >
109                Register            </a> </li> </ul> </div> <div id="cart" class="relative slide-out-cart" > <!-- add/remove class slide-out-cart for normal opencart cart dropdown--> <a data-toggle="dropdown" class="cart-dropdown pointer" id="cart_dropdown_icon" onclick="$('body, #cart').toggleClass('open-custom');" > <!-- <i class="fa fa-shopping-cart"></i> --> <img src="image/catalog/fourseasons/general/cart.png" title="Cart" alt="cart"> <span class="badge" > <span id="cart-quantity-total" >0</span> </span> </a> <ul class="dropdown-menu pull-right"  > <div class="cart-header"> <div class="cart-header-text">Cart</div> <button type="button" class="pointer cart_close" onclick="$('#cart_dropdown_icon').click(); return false;" ></button> </div> <li class="cart-dropdown-empty text-center" > <i class="fa fa-meh-o" aria-hidden="true"></i> <p>Your shopping cart is empty!</p> </li> </ul> </div> 
109<script type="text/javascript">
110
111  var current_focus_header_quantity = 0;
112  function rememberHeaderQuantity(qty){
113    current_focus_header_quantity = parseInt(qty);
114  }
115  var header_request = null;
116  
117  function refreshHeaderCart(ele) {
118    element = $(ele);
119    id = element.parent().parent().attr("id");
120    if (element.is("input")) {
121      id = element.parent().attr("id");
122    }
123
124    if($("#" + id + " input").val() == current_focus_header_quantity){
125      return;
126    }
127    
128    if(header_request) header_request.abort();
129
130    header_request = $.ajax({
131      url: 'https://fourseasonsdurians.com/index.php?route=checkout/cart/edit',
132      data: $("#" + id + " input").serialize(),
133      dataType: 'HTML',
134      type: 'post',
135      beforeSend: function () {
136        $('.alert').remove();
137        if(element.hasClass('btn-number')){
138          cache_text = element.html();
139          // element.button("loading");
140          element.html(cache_text);
141        }
142        else{
143          element.button("loading");
144        }
145        current_focus_header_quantity = 0;
146      },
147      complete: function () {
148        element.button("reset");
149      },
150      success: function (html) {
151
152        $(".alert-success").remove();
153
154        content_total_dropdown_body = $(html).find("#loadFrom").html();
155        content_total_dropdown = $(html).find("#cart-quantity-total").text();
156        content_total = $(html).find("#cartTotals");
157        content = $(html).find("#cartSummary tbody");
158        alert = $(html).find(".alert-success");
159        alert_error = $(html).find(".alert-danger");
160        
161        if(alert_error.length){
162          error = alert_error.html().split(":");
163          if(error.length > 1){
164            swal({
165              title: error[0],
166              html: error[1],
167              type: "error"
168            });
169          }
170          else{
171            swal({
172              title: 'Warning',
173              html: error[0],
174              type: "error"
175            });
176          }
177        }
178        else if(alert.length){
179          success = alert.html().split(":");
180          if(success.length > 1){
181            swal({
182              title: success[0],
183              html: success[1],
184              type: "success"
185            });
186          }
187        }
188
189        if (content.length) {            
190          content = content.html();
191          $("#cartSummary tbody").html(content);
192          var parent_element = $("#cartTotals").parent(); $("#cartTotals").remove();
193          parent_element.html(content_total);
194          
195          $('#cart-quantity-total').text(content_total_dropdown);
196          $('#loadTo').html(content_total_dropdown_body);
197
198          $('#cart > ul').load('index.php?route=common/cart/info ul > *');
199
200        } else {
201          location.reload();
202        }
203
204      }
205    })
206  }
207</script>
207 </div> </div> </header> <div id="sidr"> <div class="header-mobile"> <div class="mobile-account relative"> <a href="https://fourseasonsdurians.com/login"> <i class="fa fa-user-circle-o" aria-hidden="true"></i>
208					Login</a> <a href="https://fourseasonsdurians.com/register"> <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
209					Register</a> </div> <div class="mobile-search"> <div class="search-custom"> <div class='search-box'> <input type="text" name="search" value="" placeholder="Search" class="form-control" /> <button type="button"><i class="fa fa-search"></i></button> </div> </div> </div> </div> <ul class="cd-accordion-menu animated"><li class=""> <a href="https://fourseasonsdurians.com/about-us" alt="About Us" ><span>About Us</span></a></li><li class="has-children active"> <input type="checkbox" name ="sub-group-products-0-0-2" id="sub-group-products-0-0-2" class="hidden"> <a href="https://fourseasonsdurians.com/products" alt="Products" ><span>Products</span></a> <label for="sub-group-products-0-0-2"><i class="fa fa-caret-down" aria-hidden="true"></i></label><ul><li class=""> <a href="https://fourseasonsdurians.com/mid-autumn-festival" alt="Mid Autumn Festival" >Mid Autumn Festival</a></li><li class=""> <a href="https://fourseasonsdurians.com/chinese-new-year" alt="Chinese New Year" >Chinese New Year</a></li><li class="">
209 <a href="https://fourseasonsdurians.com/artisanal-cakes" alt="Artisanal Cakes" >Artisanal Cakes</a></li><li class=""> <a href="https://fourseasonsdurians.com/customised-cakes" alt="Customised Cakes" >Customised Cakes</a></li><li class=""> <a href="https://fourseasonsdurians.com/pastries" alt="Pastries" >Pastries</a></li><li class=""> <a href="https://fourseasonsdurians.com/treats" alt="Treats" >Treats</a></li><li class=""> <a href="https://fourseasonsdurians.com/others" alt="Others" >Others</a></li></ul></li><li class=""> <a href="https://fourseasonsdurians.com/promotions" alt="Promotions" ><span>Promotions</span></a></li><li class=""> <a href="https://fourseasonsdurians.com/gallery" alt="Featured" ><span>Featured</span></a></li><li class=""> <a href="https://fourseasonsdurians.com/contact-us" alt="Contact Us" ><span>Contact Us</span></a></li></ul> </div> <div class="fixed-link"> <div class="fixed-button"> <a href="https://wa.me/6585098147" title="WhatsApp" alt=" WhatsApp" target="_blank"> <img src="image/catalog/fourseasons/whatsapp-1.png" title="WhatsApp" class="img-responsive" alt="WhatsApp" /> </a> </div> </div> <div id="pg-banner-wrap"> <div class='page-banner relative'> <img src="image/catalog/fourseasons/productimages/banner _4_.jpg" alt="Categories - Banner" class="img-responsive hidden-xs" /> <img src="image/catalog/fourseasons/productimages/banner _4_.jpg" alt="Categories - Banner" class="img-responsive visible-xs" /> <div class="page-banner-title absolute position-center-center container hidden">
210        Products    </div> </div> </div><div class="container"> <ul class="breadcrumb"> <li><a href="https://fourseasonsdurians.com/">Home</a></li> <li><a href="https://fourseasonsdurians.com/products">Products</a></li> </ul> <div class="row"> <h2>Products</h2> <aside id="column-left" class="col-sm-3"> <div id="filter-groups"> <button id="filter_group_tigger_close" class="btn btn-danger fixed position-right-top visible-xs" onclick="$('#filter-groups').removeClass('open');" > <i class="fa fa-times" ></i> </button> <div id="side-categories"> <div class="list-group-item item-header" >Shop By Categories</div> <div class="list-group-item"> <div class="side-categories-level-1"> <div class="group"> <div class="item level-1 " data-path="5" > <a href="https://fourseasonsdurians.com/mid-autumn-festival" >Mid Autumn Festival</a> </div> <!----> </div> </div> <div class="side-categories-level-1"> <div class="group"> <div class="item level-1 " data-path="9" > <a href="https://fourseasonsdurians.com/chinese-new-year" >Chinese New Year</a> </div> <!----> </div> </div> <div class="side-categories-level-1"> <div class="group"> <div class="item level-1 " data-path="26" >
210 <a href="https://fourseasonsdurians.com/artisanal-cakes" >Artisanal Cakes</a> </div> <!----> </div> </div> <div class="side-categories-level-1"> <div class="group"> <div class="item level-1 " data-path="39" > <a href="https://fourseasonsdurians.com/customised-cakes" >Customised Cakes</a> </div> <!----> </div> </div> <div class="side-categories-level-1"> <div class="group"> <div class="item level-1 " data-path="3" > <a href="https://fourseasonsdurians.com/pastries" >Pastries</a> </div> <!----> </div> </div> <div class="side-categories-level-1"> <div class="group"> <div class="item level-1 " data-path="4" > <a href="https://fourseasonsdurians.com/treats" >Treats</a> </div> <!----> </div> </div> <div class="side-categories-level-1"> <div class="group"> <div class="item level-1 " data-path="7" > <a href="https://fourseasonsdurians.com/others" >Others</a> </div> <!----> </div> </div> </div> </div> <div id="for-filters-container"></div> <div id="side-price"> <div class="list-group-item item-header">Shop By Price</div> <div class="list-group-item"> <div class="price-container"> <div class="input-group"> <label class="input-group-addon padding-m14-left c343434">$</label> <input type="text" 
211					name="price_min" 
212					min="0.00" 
213					max="52.00" 
214					class="form-control input-number" 
215					value="0.00" 
216					onkeyup="updateSlider();"
217					id="price_min"
218					/> </div> <div class="input-group"> <label class="input-group-addon padding-m14-left c343434">$</label> <input type="text" 
219					name="price_max" 
220					min="0.00" 
221					max="52.00" 
222					class="form-control input-number" 
223					value="52.00"
224					onkeyup="updateSlider();"
225					id="price_max"
226					/> </div> </div> <div id="slider-price"></div> </div> 
226<script type='text/javascript' >
227			$("#slider-price").slider({
228				min: 0.00,
229				max: 52.00,
230				step: 1.00,
231				range: true,
232				values: [0.00, 52.00],
233				create: function (event, ui) {
234					$(".ui-slider-handle").attr("onclick", "");
235				},
236				slide: function () {
237					val = $(this).slider("values");
238
239					price_min = val[0].toFixed(2);
240					price_max = val[1].toFixed(2);
241
242					$("input[name='price_min']").val(price_min);
243					$("input[name='price_max']").val(price_max);
244				},
245				stop: function (event, ui) {
246					val = $(this).slider("values");
247
248					price_min = val[0].toFixed(2);
249					price_max = val[1].toFixed(2);
250
251					$("input[name='price_min']").val(price_min);
252					$("input[name='price_max']").val(price_max);
253
254					applyFilter();
255				}
256			});
257
258			function updateSlider(){
259
260				let price_min = $("input[name='price_min']").val();
261				let price_max = $("input[name='price_max']").val();
262
263				$("#slider-price").slider( "values", [price_min, price_max]);
264				
265				if(price_min > -1 && price_max > -1){
266					applyFilter();
267				}
268			}
269		</script>
269 </div> <!-- filter length --> <!-- filter length --> 
269<script type="text/javascript">
270        // Handle Category
271        var base_url = 'https://fourseasonsdurians.com/products';
272        var last_clicked = null;
273        var prefix = 'p_';
274        var xhr = null;
275        var click_delay = 350; // ms
276
277        $('#side-categories a').on('click', function(e){
278            e.preventDefault();
279
280            base_url = this.href;   // cl(base);
281            
282            let el = $(this);
283            let el_parent = el.parent();
284
285            if(!el_parent.hasClass('active')){
286                el_parent.addClass('active');
287            }
288            
289            if(!last_clicked){
290                last_clicked = prefix + el_parent.attr('data-path');
291            }
292            // Check switch category branch
293            else{
294                
295                // Different branch
296                if( 
297                    last_clicked.indexOf(el_parent.attr('data-path')) == -1 && 
298                    last_clicked != prefix + el_parent.attr('data-path') 
299                ){
300                    let el_path = prefix + el_parent.attr('data-path');
301
302                    last_clicked = el_path; // Save branch
303
304                    // Remove active from previous branch
305                    $('#side-categories .item.active').each(function(){
306                        
307                        el_current = $(this);
308                        el_current_path = el_current.attr('data-path');
309
310                        if( el_path.indexOf(el_current_path) == -1 ){
311                            el_current.removeClass('active');
312                        }
313                    });
314                }
315            }
316            // Note: indexOf don't return false and false is not equals to -1
317            // So !-1 will never be false
318
319            applyFilter();
320        });
321        // End Handle Category
322
323        // Handle Manufacturer
324        $('#side-manufacturer input').on('change', function(){
325            applyFilter();
326        });
327        // End Handle Manufacturer
328
329        // Handle Price
330            //  Price handler is with price file as slider have longer code
331        // End Handle Price
332
333        // Handle Filter
334        var filter_event = null;
335        function catchFilter(){
336            if(filter_event) clearTimeout(filter_event);
337            filter_event = setTimeout(function(){
338                applyFilter();
339            }, click_delay);
340        }
341        // End Handle Filter
342
343        // Handle Select Change
344        var select_event = null;
345        function select_handler(){
346            if(select_event) clearTimeout(select_event);
347            select_event = setTimeout(function(){
348                applyFilter();
349            }, click_delay);
350        }
351        // End Handle Select Change
352
353        function applyFilter(){
354            if(xhr) xhr.abort();
355            
356            url = base_url;
357            
358            if( $('#side-manufacturer input:checked').length ){
359                var url_manufacturer = [];
360                $('#side-manufacturer input:checked').each(function(){
361                    url_manufacturer.push(this.value);
362                });
363                url += '&manufacturer_id=' + url_manufacturer.join(',');
364            }
365
366            if( $("#side-price").length ){
367                url += '&price_min=' + $("#side-price #price_min").val();
368                url += '&price_max=' + $("#side-price #price_max").val();
369            }
370
371            // Filter length
372            if( $("#side-length").length ){
373                url += '&length_min=' + $("#side-length #length_min").val();
374                url += '&length_max=' + $("#side-length #length_max").val();
375            }
376            // Filter length END
377            
378            if( $("#side_filter").length ){
379                $filters = [];
380                 $('#side_filter input:checked').each(function(){
381                    $filters.push(this.value);
382                });
383
384                if($filters.length > 0){
385                    url += '&filter=' + $filters.join(',');
386                }
387            }
388
389            if( $('#input-sort').length && $('#input-sort').val() ) url += '&sort=' + $('#input-sort').val();
390
391            if( $('#input-limit').length && $('#input-limit').val() ) url += '&limit=' + $('#input-limit').val();
392            
393            // url = encodeURIComponent(url);
394
395            xhr = $.get(url, function(html){
396
397                history.pushState({
398                    state: 'filter'
399                }, "Filter State", url);
400
401                let side_filter = $(html).find('#side_filter').html();
402                let product_listing = $(html).find('#product-filter-replace').html();
403                
404                $('#product-filter-replace').html(product_listing); // loadLayout();
405
406                if(side_filter){
407                    if( $('#side_filter').length ) {
408                        $('#side_filter').html(side_filter);
409                    }
410                    else{
411                        //$('#side-manufacturer').after('<div id="side_filter">'+ side_filter +'</div>');
412                        $('#for-filters-container').after('<div id="side_filter">'+ side_filter +'</div>');
413                    }
414                }
415                else{
416                    $('#side_filter').remove();
417                }
418
419                handleFilterPos();
420            });
421        }
422    </script>
422 </div> </aside> <div id="content" class="col-sm-9"> <div id="product-filter-replace"> <div id="product-filter-loading-overlay"></div> <div class="sort-order-container"> <div class="flex flex-wrap filters-wrap"> <div class="col-xs-4 text-center hidden-lg hidden-md hidden-sm"> <button id="filter_group_tigger_open" onclick="$('#filter-groups').addClass('open');">Filter</button> </div> <div class="col-md-6 col-sm-6 col-xs-4"> <div class="form-group input-group-b4"> <div class="input-group-prepend hidden-xs"> <label class="input-group-text" for="input-limit">Show</label> </div> <select id="input-limit" class="form-control no-custom" onchange="select_handler();"> <option value="12" selected="selected">12</option> <option value="24">24</option> <option value="36">36</option> <option value="48">48</option> <option value="60">60</option> </select> </div> </div> <div class="col-md-6 col-sm-6 col-xs-4"> <div class="form-group input-group-b4"> <div class="input-group-prepend hidden-xs"> <label class="input-group-text" for="input-sort">Sort</label> </div> <select id="input-sort" class="form-control no-custom" onchange="select_handler();"> <option value="sort_order-ASC">Default</option> <option value="pd.name-ASC">Name (A - Z)</option> <option value="pd.name-DESC">Name (Z - A)</option> <option value="p.price-ASC">Price (Low &gt; High)</option> <option value="p.price-DESC">Price (High &gt; Low)</option> </select> </div> </div> </div> </div> 
422<script type="text/javascript">
423
424    $(document).ready(function(){
425        sortHeight();
426    });
427    
428    $(window).scroll(function() {
429        sortHeight();
430    });
431
432    function sortHeight() {
433        var scroll = $(window).scrollTop();
434
435        var pageBannerHeight = $('.page-banner').height();
436
437        if(scroll > pageBannerHeight) {
438            $('.filters-wrap').css('top', $('.fixed-header').outerHeight(true));
439        } else {
440            $('.filters-wrap').css('top', $('.fixed-background').outerHeight(true));
441        }
442    }
443
444    function adjustFitlerPos() {
445        $('.filters-wrap').css('top', $('.fixed-background').outerHeight(true));
446    }
447    function resetFitlerPos() {
448        $('.filters-wrap').css('top', 'auto');
449    }
450    function adjustBannerPos() {
451        $('#pg-banner-wrap').css('margin-top', $('.filters-wrap').outerHeight(true));
452    }
453    function resetBannerPos() {
454        $('#pg-banner-wrap').css('margin-top', 0);
455    }
456
457    // Note: there is one calling of this function in applyFilter() - extension/module/category filters there
458    function handleFilterPos() {
459        const width  = window.innerWidth || document.documentElement.clientWidth || 
460        document.body.clientWidth;
461
462        if(width <= 767) {
463            adjustFitlerPos();
464            adjustBannerPos();
465        }
466        else {
467            resetFitlerPos();
468            resetBannerPos();
469        }
470
471        //console.log('handle filter pos');
472    }
473
474    $(window).on('load resize', function(){
475        handleFilterPos();
476    });
477</script>
477 <div id="product-filter-detect"> <div class="row row-special"> <div class="product-view"> <div class="product-gutter" id="product-1"> <div class="product-block "> <div class="product-image-block relative"> <a 
478				href="https://fourseasonsdurians.com/Classic-Cake" 
479				title="Classic Cake" 
480				class="product-image image-container relative" > <img 
481					src="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/productimages/Classic%20Cake-min-555x500.jpg" 
482					alt="Classic Cake" 
483					title="Classic Cake"
484					class="img-responsive img1" /> </a> <div class="btn-group product-button"> <button type="button" onclick="window.location.href='https://fourseasonsdurians.com/Classic-Cake';" class="btn btn-view"> <img src="image/catalog/fourseasons/products/view.png" alt="view" title="View More">
485					View More				</button> </div> </div> <div class="product-name">
486			Classic Cake		</div> <div class="product-details product-price-1"> <span class="label label-primary hidden">
487				Enquiry item			</span> </div> <div class="product-inputs hidden"> <div class="form-group"> <label class="control-label">Qty</label> <div class="input-group"> <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="minus" data-field="qty-1" data-product-id="1" onclick="descrement($(this).parent().parent())")> <span class="glyphicon glyphicon-minus"></span> </button> </span> <input type="text" name="quantity" class="form-control input-number integer text-center" id="input-quantity-1" value="1" data-product-id="1" > <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="plus" data-field="qty-1" data-product-id="1" onclick="increment($(this).parent().parent())"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> </div> <div class="cart-buttons"> <input type="hidden" name="product_id" value="1"> <button type="button" data-loading-text="Loading..." class="btn-cart btn-cart-1" data-product-id="1"><img src="image/catalog/fourseasons/products/cart.png" alt="cart" title="Add to Cart"></button> </div> </div> </div> <div class="product-gutter" id="product-71"> <div class="product-block "> <div class="product-image-block relative"> <a 
488				href="https://fourseasonsdurians.com/mao-shan-wang-crepe" 
489				title="Mao Shan Wang Crepe" 
490				class="product-image image-container relative" > <img 
491					src="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/productimages/Mao%20Shan%20Wang%20Crepe-min-555x500.jpg" 
492					alt="Mao Shan Wang Crepe" 
493					title="Mao Shan Wang Crepe"
494					class="img-responsive img1" />
494 </a> <div class="btn-group product-button"> <button type="button" onclick="window.location.href='https://fourseasonsdurians.com/mao-shan-wang-crepe';" class="btn btn-view"> <img src="image/catalog/fourseasons/products/view.png" alt="view" title="View More">
495					View More				</button> </div> </div> <div class="product-name">
496			Mao Shan Wang Crepe		</div> <div class="product-details product-price-71"> <div class="price"> <span class="price-new">$10.00</span> </div> </div> <div class="product-inputs hidden"> <div class="form-group"> <label class="control-label">Qty</label> <div class="input-group"> <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="minus" data-field="qty-71" data-product-id="71" onclick="descrement($(this).parent().parent())")> <span class="glyphicon glyphicon-minus"></span> </button> </span> <input type="text" name="quantity" class="form-control input-number integer text-center" id="input-quantity-71" value="1" data-product-id="71" > <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="plus" data-field="qty-71" data-product-id="71" onclick="increment($(this).parent().parent())"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> </div> <div class="cart-buttons"> <input type="hidden" name="product_id" value="71"> <button type="button" data-loading-text="Loading..." class="btn-cart btn-cart-71" data-product-id="71"><img src="image/catalog/fourseasons/products/cart.png" alt="cart" title="Add to Cart"></button> </div> </div> </div> <div class="product-gutter" id="product-2"> <div class="product-block out-of-stock"> <div class="product-image-block relative"> <a 
497			href="https://fourseasonsdurians.com/charcoal-rosette-cake" 
498			title="Charcoal Rosette Cake" 
499			class="product-sticker absolute" 
500			style="color: #ffffff; background-color: #000000">
501				Out of stock			</a> <a 
502				href="https://fourseasonsdurians.com/charcoal-rosette-cake" 
503				title="Charcoal Rosette Cake" 
504				class="product-image image-container relative" > <img 
505					src="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/productimages/2022.04.08%20Marc%20_%20Leonard%2025850-min-555x500.jpg" 
506					alt="Charcoal Rosette Cake" 
507					title="Charcoal Rosette Cake"
508					class="img-responsive img1" />
508 </a> <div class="btn-group product-button"> <button type="button" onclick="window.location.href='https://fourseasonsdurians.com/charcoal-rosette-cake';" class="btn btn-view"> <img src="image/catalog/fourseasons/products/view.png" alt="view" title="View More">
509					View More				</button> </div> </div> <div class="product-name">
510			Charcoal Rosette Cake		</div> <div class="product-details product-price-2"> <span class="label label-primary hidden">
511				Enquiry item			</span> </div> <div class="product-inputs hidden"> <div class="form-group"> <label class="control-label">Qty</label> <div class="input-group"> <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="minus" data-field="qty-2" data-product-id="2" onclick="descrement($(this).parent().parent())")> <span class="glyphicon glyphicon-minus"></span> </button> </span> <input type="text" name="quantity" class="form-control input-number integer text-center" id="input-quantity-2" value="1" data-product-id="2" > <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="plus" data-field="qty-2" data-product-id="2" onclick="increment($(this).parent().parent())"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> </div> <div class="cart-buttons"> <input type="hidden" name="product_id" value="2"> <button type="button" data-loading-text="Loading..." class="btn-cart btn-cart-2" data-product-id="2"><img src="image/catalog/fourseasons/products/cart.png" alt="cart" title="Add to Cart"></button> </div> </div> </div> <div class="product-gutter" id="product-3"> <div class="product-block "> <div class="product-image-block relative"> <a 
512				href="https://fourseasonsdurians.com/shou-bi-nan-shan-cake" 
513				title="Shou Bi Nan Shan Cake" 
514				class="product-image image-container relative" > <img 
515					src="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/productimages/SBNS%20Cake-min-555x500.jpg" 
516					alt="Shou Bi Nan Shan Cake" 
517					title="Shou Bi Nan Shan Cake"
518					class="img-responsive img1" />
518 </a> <div class="btn-group product-button"> <button type="button" onclick="window.location.href='https://fourseasonsdurians.com/shou-bi-nan-shan-cake';" class="btn btn-view"> <img src="image/catalog/fourseasons/products/view.png" alt="view" title="View More">
519					View More				</button> </div> </div> <div class="product-name">
520			Shou Bi Nan Shan Cake		</div> <div class="product-details product-price-3"> <span class="label label-primary hidden">
521				Enquiry item			</span> </div> <div class="product-inputs hidden"> <div class="form-group"> <label class="control-label">Qty</label> <div class="input-group"> <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="minus" data-field="qty-3" data-product-id="3" onclick="descrement($(this).parent().parent())")> <span class="glyphicon glyphicon-minus"></span> </button> </span> <input type="text" name="quantity" class="form-control input-number integer text-center" id="input-quantity-3" value="1" data-product-id="3" > <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="plus" data-field="qty-3" data-product-id="3" onclick="increment($(this).parent().parent())"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> </div> <div class="cart-buttons"> <input type="hidden" name="product_id" value="3"> <button type="button" data-loading-text="Loading..." class="btn-cart btn-cart-3" data-product-id="3"><img src="image/catalog/fourseasons/products/cart.png" alt="cart" title="Add to Cart"></button> </div> </div> </div> <div class="product-gutter" id="product-4"> <div class="product-block "> <div class="product-image-block relative"> <a 
522				href="https://fourseasonsdurians.com/rosette-cake" 
523				title="Rosette Cake" 
524				class="product-image image-container relative" > <img 
525					src="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/productimages/Pink%20Rosette-555x500.jpg" 
526					alt="Rosette Cake" 
527					title="Rosette Cake"
528					class="img-responsive img1" />
528 </a> <div class="btn-group product-button"> <button type="button" onclick="window.location.href='https://fourseasonsdurians.com/rosette-cake';" class="btn btn-view"> <img src="image/catalog/fourseasons/products/view.png" alt="view" title="View More">
529					View More				</button> </div> </div> <div class="product-name">
530			Rosette Cake		</div> <div class="product-details product-price-4"> <span class="label label-primary hidden">
531				Enquiry item			</span> </div> <div class="product-inputs hidden"> <div class="form-group"> <label class="control-label">Qty</label> <div class="input-group"> <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="minus" data-field="qty-4" data-product-id="4" onclick="descrement($(this).parent().parent())")> <span class="glyphicon glyphicon-minus"></span> </button> </span> <input type="text" name="quantity" class="form-control input-number integer text-center" id="input-quantity-4" value="1" data-product-id="4" > <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="plus" data-field="qty-4" data-product-id="4" onclick="increment($(this).parent().parent())"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> </div> <div class="cart-buttons"> <input type="hidden" name="product_id" value="4"> <button type="button" data-loading-text="Loading..." class="btn-cart btn-cart-4" data-product-id="4"><img src="image/catalog/fourseasons/products/cart.png" alt="cart" title="Add to Cart"></button> </div> </div> </div> <div class="product-gutter" id="product-7"> <div class="product-block "> <div class="product-image-block relative"> <a 
532				href="https://fourseasonsdurians.com/3d-mao-shan-wang-cake" 
533				title="3D Mao Shan Wang Cake" 
534				class="product-image image-container relative" > <img 
535					src="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/productimages/3D-min-555x500.jpg" 
536					alt="3D Mao Shan Wang Cake" 
537					title="3D Mao Shan Wang Cake"
538					class="img-responsive img1" />
538 </a> <div class="btn-group product-button"> <button type="button" onclick="window.location.href='https://fourseasonsdurians.com/3d-mao-shan-wang-cake';" class="btn btn-view"> <img src="image/catalog/fourseasons/products/view.png" alt="view" title="View More">
539					View More				</button> </div> </div> <div class="product-name">
540			3D Mao Shan Wang Cake		</div> <div class="product-details product-price-7"> <span class="label label-primary hidden">
541				Enquiry item			</span> </div> <div class="product-inputs hidden"> <div class="form-group"> <label class="control-label">Qty</label> <div class="input-group"> <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="minus" data-field="qty-7" data-product-id="7" onclick="descrement($(this).parent().parent())")> <span class="glyphicon glyphicon-minus"></span> </button> </span> <input type="text" name="quantity" class="form-control input-number integer text-center" id="input-quantity-7" value="1" data-product-id="7" > <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="plus" data-field="qty-7" data-product-id="7" onclick="increment($(this).parent().parent())"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> </div> <div class="cart-buttons"> <input type="hidden" name="product_id" value="7"> <button type="button" data-loading-text="Loading..." class="btn-cart btn-cart-7" data-product-id="7"><img src="image/catalog/fourseasons/products/cart.png" alt="cart" title="Add to Cart"></button> </div> </div> </div> <div class="product-gutter" id="product-8"> <div class="product-block "> <div class="product-image-block relative"> <a 
542				href="https://fourseasonsdurians.com/mini-mao-shan-wang-3d-cake" 
543				title="Mini Mao Shan Wang 3D Cake" 
544				class="product-image image-container relative" > <img 
545					src="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/productimages/3D%20Mini-min-555x500.jpg" 
546					alt="Mini Mao Shan Wang 3D Cake" 
547					title="Mini Mao Shan Wang 3D Cake"
548					class="img-responsive img1" />
548 </a> <div class="btn-group product-button"> <button type="button" onclick="window.location.href='https://fourseasonsdurians.com/mini-mao-shan-wang-3d-cake';" class="btn btn-view"> <img src="image/catalog/fourseasons/products/view.png" alt="view" title="View More">
549					View More				</button> </div> </div> <div class="product-name">
550			Mini Mao Shan Wang 3D Cake		</div> <div class="product-details product-price-8"> <div class="price"> <span class="price-new">$34.00</span> </div> </div> <div class="product-inputs hidden"> <div class="form-group"> <label class="control-label">Qty</label> <div class="input-group"> <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="minus" data-field="qty-8" data-product-id="8" onclick="descrement($(this).parent().parent())")> <span class="glyphicon glyphicon-minus"></span> </button> </span> <input type="text" name="quantity" class="form-control input-number integer text-center" id="input-quantity-8" value="1" data-product-id="8" > <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="plus" data-field="qty-8" data-product-id="8" onclick="increment($(this).parent().parent())"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> </div> <div class="cart-buttons"> <input type="hidden" name="product_id" value="8"> <button type="button" data-loading-text="Loading..." class="btn-cart btn-cart-8" data-product-id="8"><img src="image/catalog/fourseasons/products/cart.png" alt="cart" title="Add to Cart"></button> </div> </div> </div> <div class="product-gutter" id="product-9"> <div class="product-block "> <div class="product-image-block relative"> <a 
551				href="https://fourseasonsdurians.com/premium-durian-fudge-cake" 
552				title="Premium Durian Fudge Cake" 
553				class="product-image image-container relative" > <img 
554					src="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/productimages/Fudge%20Cake-min-555x500.jpg" 
555					alt="Premium Durian Fudge Cake" 
556					title="Premium Durian Fudge Cake"
557					class="img-responsive img1" />
557 </a> <div class="btn-group product-button"> <button type="button" onclick="window.location.href='https://fourseasonsdurians.com/premium-durian-fudge-cake';" class="btn btn-view"> <img src="image/catalog/fourseasons/products/view.png" alt="view" title="View More">
558					View More				</button> </div> </div> <div class="product-name">
559			Premium Durian Fudge Cake		</div> <div class="product-details product-price-9"> <div class="price"> <span class="price-new">$14.20</span> </div> </div> <div class="product-inputs hidden"> <div class="form-group"> <label class="control-label">Qty</label> <div class="input-group"> <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="minus" data-field="qty-9" data-product-id="9" onclick="descrement($(this).parent().parent())")> <span class="glyphicon glyphicon-minus"></span> </button> </span> <input type="text" name="quantity" class="form-control input-number integer text-center" id="input-quantity-9" value="1" data-product-id="9" > <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="plus" data-field="qty-9" data-product-id="9" onclick="increment($(this).parent().parent())"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> </div> <div class="cart-buttons"> <input type="hidden" name="product_id" value="9"> <button type="button" data-loading-text="Loading..." class="btn-cart btn-cart-9" data-product-id="9"><img src="image/catalog/fourseasons/products/cart.png" alt="cart" title="Add to Cart"></button> </div> </div> </div> <div class="product-gutter" id="product-10"> <div class="product-block "> <div class="product-image-block relative"> <a 
560				href="https://fourseasonsdurians.com/premium-durian-swiss-roll-whole" 
561				title="Premium Durian Swiss Roll (Whole)" 
562				class="product-image image-container relative" > <img 
563					src="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/productimages/Swiss%20Roll-min-555x500.jpg" 
564					alt="Premium Durian Swiss Roll (Whole)" 
565					title="Premium Durian Swiss Roll (Whole)"
566					class="img-responsive img1" />
566 </a> <div class="btn-group product-button"> <button type="button" onclick="window.location.href='https://fourseasonsdurians.com/premium-durian-swiss-roll-whole';" class="btn btn-view"> <img src="image/catalog/fourseasons/products/view.png" alt="view" title="View More">
567					View More				</button> </div> </div> <div class="product-name">
568			Premium Durian Swiss Roll (Whole)		</div> <div class="product-details product-price-10"> <div class="price"> <span class="price-new">$28.70</span> </div> </div> <div class="product-inputs hidden"> <div class="form-group"> <label class="control-label">Qty</label> <div class="input-group"> <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="minus" data-field="qty-10" data-product-id="10" onclick="descrement($(this).parent().parent())")> <span class="glyphicon glyphicon-minus"></span> </button> </span> <input type="text" name="quantity" class="form-control input-number integer text-center" id="input-quantity-10" value="1" data-product-id="10" > <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="plus" data-field="qty-10" data-product-id="10" onclick="increment($(this).parent().parent())"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> </div> <div class="cart-buttons"> <input type="hidden" name="product_id" value="10"> <button type="button" data-loading-text="Loading..." class="btn-cart btn-cart-10" data-product-id="10"><img src="image/catalog/fourseasons/products/cart.png" alt="cart" title="Add to Cart"></button> </div> </div> </div> <div class="product-gutter" id="product-13"> <div class="product-block "> <div class="product-image-block relative"> <a 
569				href="https://fourseasonsdurians.com/premium-durian-puffs-6pc" 
570				title="Premium Durian Puffs (6pc)" 
571				class="product-image image-container relative" > <img 
572					src="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/productimages/6pcs%20Premium%20Durian-min-555x500.jpg" 
573					alt="Premium Durian Puffs (6pc)" 
574					title="Premium Durian Puffs (6pc)"
575					class="img-responsive img1" />
575 </a> <div class="btn-group product-button"> <button type="button" onclick="window.location.href='https://fourseasonsdurians.com/premium-durian-puffs-6pc';" class="btn btn-view"> <img src="image/catalog/fourseasons/products/view.png" alt="view" title="View More">
576					View More				</button> </div> </div> <div class="product-name">
577			Premium Durian Puffs (6pc)		</div> <div class="product-details product-price-13"> <div class="price"> <span class="price-new">$8.40</span> </div> </div> <div class="product-inputs hidden"> <div class="form-group"> <label class="control-label">Qty</label> <div class="input-group"> <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="minus" data-field="qty-13" data-product-id="13" onclick="descrement($(this).parent().parent())")> <span class="glyphicon glyphicon-minus"></span> </button> </span> <input type="text" name="quantity" class="form-control input-number integer text-center" id="input-quantity-13" value="1" data-product-id="13" > <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="plus" data-field="qty-13" data-product-id="13" onclick="increment($(this).parent().parent())"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> </div> <div class="cart-buttons"> <input type="hidden" name="product_id" value="13"> <button type="button" data-loading-text="Loading..." class="btn-cart btn-cart-13" data-product-id="13"><img src="image/catalog/fourseasons/products/cart.png" alt="cart" title="Add to Cart"></button> </div> </div> </div> <div class="product-gutter" id="product-15"> <div class="product-block "> <div class="product-image-block relative"> <a 
578				href="https://fourseasonsdurians.com/mao-shan-wang-durian-puffs-6pc" 
579				title="Mao Shan Wang Durian Puffs (6pc)" 
580				class="product-image image-container relative" > <img 
581					src="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/productimages/6pcs%20msw-min-555x500.jpg" 
582					alt="Mao Shan Wang Durian Puffs (6pc)" 
583					title="Mao Shan Wang Durian Puffs (6pc)"
584					class="img-responsive img1" />
584 </a> <div class="btn-group product-button"> <button type="button" onclick="window.location.href='https://fourseasonsdurians.com/mao-shan-wang-durian-puffs-6pc';" class="btn btn-view"> <img src="image/catalog/fourseasons/products/view.png" alt="view" title="View More">
585					View More				</button> </div> </div> <div class="product-name">
586			Mao Shan Wang Durian Puffs (6pc)		</div> <div class="product-details product-price-15"> <div class="price"> <span class="price-new">$13.00</span> </div> </div> <div class="product-inputs hidden"> <div class="form-group"> <label class="control-label">Qty</label> <div class="input-group"> <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="minus" data-field="qty-15" data-product-id="15" onclick="descrement($(this).parent().parent())")> <span class="glyphicon glyphicon-minus"></span> </button> </span> <input type="text" name="quantity" class="form-control input-number integer text-center" id="input-quantity-15" value="1" data-product-id="15" > <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="plus" data-field="qty-15" data-product-id="15" onclick="increment($(this).parent().parent())"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> </div> <div class="cart-buttons"> <input type="hidden" name="product_id" value="15"> <button type="button" data-loading-text="Loading..." class="btn-cart btn-cart-15" data-product-id="15"><img src="image/catalog/fourseasons/products/cart.png" alt="cart" title="Add to Cart"></button> </div> </div> </div> <div class="product-gutter" id="product-16"> <div class="product-block "> <div class="product-image-block relative"> <a 
587				href="https://fourseasonsdurians.com/mao-shan-wang-durian-mochi-6pc" 
588				title="Mao Shan Wang Durian Mochi (6pc)" 
589				class="product-image image-container relative" > <img 
590					src="https://fourseasonsdurians.com//image/cache/catalog/fourseasons/productimages/MSW%20Mochi-min-555x500.jpg" 
591					alt="Mao Shan Wang Durian Mochi (6pc)" 
592					title="Mao Shan Wang Durian Mochi (6pc)"
593					class="img-responsive img1" />
593 </a> <div class="btn-group product-button"> <button type="button" onclick="window.location.href='https://fourseasonsdurians.com/mao-shan-wang-durian-mochi-6pc';" class="btn btn-view"> <img src="image/catalog/fourseasons/products/view.png" alt="view" title="View More">
594					View More				</button> </div> </div> <div class="product-name">
595			Mao Shan Wang Durian Mochi (6pc)		</div> <div class="product-details product-price-16"> <div class="price"> <span class="price-new">$10.20</span> </div> </div> <div class="product-inputs hidden"> <div class="form-group"> <label class="control-label">Qty</label> <div class="input-group"> <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="minus" data-field="qty-16" data-product-id="16" onclick="descrement($(this).parent().parent())")> <span class="glyphicon glyphicon-minus"></span> </button> </span> <input type="text" name="quantity" class="form-control input-number integer text-center" id="input-quantity-16" value="1" data-product-id="16" > <span class="input-group-btn"> <button type="button" class="btn btn-quantity btn-number" data-type="plus" data-field="qty-16" data-product-id="16" onclick="increment($(this).parent().parent())"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> </div> <div class="cart-buttons"> <input type="hidden" name="product_id" value="16"> <button type="button" data-loading-text="Loading..." class="btn-cart btn-cart-16" data-product-id="16"><img src="image/catalog/fourseasons/products/cart.png" alt="cart" title="Add to Cart"></button> </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-12 text-center"><ul class="pagination"><li><a href="https://fourseasonsdurians.com/products?page=0&amp;sort=p.sort_order&amp;order=p.sort_order&amp;limit=12"><img src="../image/catalog/fourseasons/general/pagination-left.png" alt="pagination-left" class="img-responsive"></a></li><li class="active"><span>1</span></li><li><a href="https://fourseasonsdurians.com/products?page=2&amp;sort=p.sort_order&amp;order=p.sort_order&amp;limit=12">2</a></li><li><a href="https://fourseasonsdurians.com/products?page=2&amp;sort=p.sort_order&amp;order=p.sort_order&amp;limit=12"><img src="../image/catalog/fourseasons/general/pagination-right.png" alt="pagination-right" class="img-responsive"></a></li></ul></div> </div> </div> <!-- product-filter-detect --> </div> <!-- product-filter-replace --> </div> <!-- #content --> </div> </div> 
595<script type="text/javascript">
596    $(document).ready(function(){
597        $('#cart').on('click', function(){
598           if($(this).hasClass('open-custom')) {
599              
600               $('.fixed-link').hide();
601           } else {
602              
603                $('.fixed-link').show();
604           }
605        });
606    });
607</script>
607 <div id="footer-area"> <footer> <div class="footer-container"> <div class="footer-content"> <div class="footer-information"> <h5>Four Seasons Durians</h5> <div class="footer-address">
608							8A Admiralty Street, #01-36, <br />
609FOOD XCHANGE@ADMIRALTY <br />
610S(757437)						</div> <br /> <div class="footer-telephone">
611							Tel: <a href="tel:65 6484 1619" >65 6484 1619</a> </div> <div class="footer-email">
612							Email: <a href="mailto:[email protected]" >[email protected]</a> </div> <div class="footer-address">
613						Customer Service Operating Hours:<br />
614Mondays – Fridays, 9am to 6pm<br />
615CLOSED ON SUNDAYS AND PUBLIC HOLIDAYS						</div> </div> <div class="footer-menu"> <h5>
616																Information															</h5> <ul class="list-unstyled"> <li><a href="https://fourseasonsdurians.com/"
617																		>
618									Home</a></li> <li><a href="https://fourseasonsdurians.com/about-us"
619																		>
620									About Us</a></li> <li><a href="https://fourseasonsdurians.com/products"
621																		>
622									Products</a></li> <li><a href="https://fourseasonsdurians.com/gallery"
623																		>
624									Articles</a></li> <li><a href="https://fourseasonsdurians.com/promotions"
625																		>
626									Promotions</a></li> <li><a href="https://fourseasonsdurians.com/contact-us"
627																		>
628									Contact Us</a></li> </ul> </div> <div class="footer-menu"> <h5>
629																Account															</h5> <ul class="list-unstyled"> <li><a href="https://fourseasonsdurians.com/login"
630																		>
631									Login</a></li> <li><a href="https://fourseasonsdurians.com/register"
632																		>
633									Register</a></li> <li><a href="https://fourseasonsdurians.com/account"
634																		>
635									Account</a></li> <li><a href="https://fourseasonsdurians.com/cart"
636																		>
637									My Cart</a></li> <li><a href="https://fourseasonsdurians.com/terms"
638																		>
639									T & C</a></li> <li><a href="https://fourseasonsdurians.com/delivery"
640																		>
641									Delivery Information</a></li> <li><a href="https://fourseasonsdurians.com/privacy"
642																		>
643									Privacy Policy</a></li> <li><a href="https://fourseasonsdurians.com/business-opportunities"
644																		>
645									Business Opportunities</a></li> </ul> </div> <div class="footer-contact"> <h5>Follow Us</h5> <div class="footer-social"> <div class="footer-social-links"> <a href="https://www.facebook.com/fourseasonsdurians/" title="Facebook" alt="Facebook" target="_blank"> <!-- <img src="image/catalog/fcs.png" title="Facebook" class="img-responsive" alt="0Facebook" /> -->
646								Facebook							</a> <a href="https://www.instagram.com/fourseasonsdurians/" title="Instagram" alt="Instagram" target="_blank"> <!-- <img src="image/catalog/fcs.png" title="Instagram" class="img-responsive" alt="0Instagram" /> -->
647								Instagram							</a> </div> </div> <br /> <div class="footer-image"> <div class="footer-image-links"> <img src="image/catalog/fourseasons/general/icon-1.png" title="Foodline" class="img-responsive" alt="Foodline" /> <img src="image/catalog/fourseasons/general/icon-2.png" title="" class="img-responsive" alt="" /> </div> </div> </div> <div class="footer-mailing"> <style type="text/css">
648	.mailchimp-integration {
649		overflow: hidden;
650		/* margin-bottom: -30px; */
651	}
652	.mailchimp-integration h3,
653	.mailchimp-integration h4 {
654		margin-top: 0;
655	}
656	.mailchimp-integration h4 {
657		margin-bottom: 5px;
658	}
659	.mailchimp-integration label,
660	.mailchimp-integration input[type="checkbox"],
661	.mailchimp-integration input[type="radio"] {
662		cursor: pointer;
663	}
664	.mi-message {
665		display: none;
666		font-size: 11px;
667		margin-bottom: 10px;
668	}
669	.mi-message a {
670		font-size: 11px;
671	}
672
673	.box-content{
674		max-width: 315px;
675		width: 100%;
676		margin: auto;
677	}
678
679	.newsletter-grid{
680		display: grid;
681		grid-template-columns: 1fr auto;
682		grid-template-rows: auto;
683	}
684
685	.newsletter-grid > div{
686		grid-column: 1/3;
687	}
688	
689	.newsletter-grid > div:nth-last-child(2){
690		grid-column-start: 1;
691		grid-column-end: 2;
692	}
693	
694	.newsletter-grid > div:last-child{
695		grid-column-start: 2;
696		grid-column-end: 3;
697	}
698
699	/* IE */
700	.newsletter-grid{
701		display: -ms-grid;
702		-ms-grid-columns: 1fr auto;
703		-ms-grid-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
704	}
705
706	.newsletter-grid > div{
707		-ms-grid-column: 1;
708		-ms-grid-column-span: 2;
709		-ms-grid-row-span: 1;
710	}
711
712	
713		
714	.newsletter-grid > div:last-child,
715	.newsletter-grid > div:nth-child(1){
716		-ms-grid-row: 1;
717		-ms-grid-column-span: 1;
718	}
719	
720	.newsletter-grid > div:last-child{
721		-ms-grid-column: 2;
722	}
723	/*END IE*/
724
725	.mi-block {
726		margin: 5px 0px;		
727		vertical-align: top;
728	}
729
730	.mi-toptext {
731		display: block;
732		margin: 5px;
733	}
734	.mi-required {
735		color: #F00;
736	}
737	.mi-button {
738		text-align: center;
739	}
740	#content .mi-button {
741		margin-top: 26px;
742	}
743	#column-left .mi-button,
744	#column-right .mi-button {
745		margin-top: 15px;
746	}
747	.mi-button .button[disabled="disabled"] {
748		cursor: not-allowed;
749		opacity: 0.5;
750	}
751	.mi-padleft {
752		margin-left: 10px;
753	}
754
755	.mi-block.subscribed{
756		grid-column: 1/3 !important;
757		grid-row: 2/3;
758	}
759
760</style> <div id="mi472604613" class="mailchimp-integration box"> <div class="box-heading"> <h3>			Newsletter			</h3> </div> <div class="box-content"> <!--<div class="mi-message"></div>--> <div class="mi-toptext">Sign up to receive the latest store news, special offers  and other discount information.</div> <div class="newsletter-grid"> <div class="mi-block "> <!-- <h4><span class="mi-required">*</span> Email:</h4> --> <input 
761					placeholder="Email"
762					type="text" class="form-control" name="email" onkeydown="if (event.keyCode == 13) miSubscribe472604613($(this))"  /> </div> <div class="mi-block mi-button"> <a class="button btn btn-primary btn-mi" onclick="miSubscribe472604613($(this))"><i class="fa fa-envelope" aria-hidden="true"></i></a> </div> </div> </div> </div> 
762<script>
763		
764	function miSubscribe472604613(element) {
765		// var message = element.parent().parent().find('.mi-message');
766		element.parent().parent().find('a.button').attr('disabled', 'disabled');
767		
768		//message.slideUp(function(){
769			//message.removeClass('attention success warning alert alert-warning alert-danger');
770			
771			if (!$.trim(element.parent().parent().find('input[name="email"]').val()).match(/^[^\@]+@.*\.[a-z]{2,6}$/i)) {
772				alert_message = 'Please use a valid email address!';
773				swal({
774					title: alert_message,
775					type: "info",
776					customClass: 'swal-mailchimp',
777				});
778				//message.html(alert_message).addClass('attention alert alert-warning').slideDown();
779				element.parent().parent().find('a.button').removeAttr('disabled');
780																																																															
781			} else {
782				$.ajax({
783					type: 'POST',
784					url: 'index.php?route=module/mailchimp_integration/subscribe',
785					data: element.parent().parent().find(':input:not(:checkbox,:radio), :checkbox:checked, :radio:checked'),
786					beforeSend: function () {
787						$('.newsletter-grid input, .newsletter-grid select').prop('disabled', true);
788					},
789					success: function(error) {
790						$('.newsletter-grid input, .newsletter-grid select').prop('disabled', false);
791
792						if (error.indexOf('Use PUT to insert or update list members') != -1) {
793							$use_put_to_alert = 'You are subscribed as [email]. Edit your newsletter preferences <a href="index.php?route=account/newsletter">here</a>.'.replace('[email]', $('input[name="email"]').val());
794							//message.html().addClass('warning alert alert-danger').slideDown();
795							swal({
796								title: $use_put_to_alert,
797								type: "info",
798								customClass: 'swal-mailchimp',
799							});
800						} else if (error) {
801							$error_message = error;
802							$error_message = $error_message.replace('&bull; ','');
803							//message.html($error_message).addClass('warning alert alert-danger').slideDown();
804							swal({
805								title: $error_message,
806								type: "error",
807								customClass: 'swal-mailchimp',
808							});
809						} else {
810							var messageText = 'Success! Please click the confirmation link in the e-mail sent to you.';
811							messageText = messageText.replace('/[^a-z0-9]/gi','');
812															//message.html(messageText).addClass('success alert alert-success').slideDown();
813								swal({
814								title: messageText,
815								type: "success",
816								customClass: 'swal-mailchimp',
817							});
818													} 
819						element.parent().parent().find('a.button').removeAttr('disabled');
820					}
821				});
822			}
823			
824		// });
825	}
826</script>
826 </div> </div> <div class="max-offset"> <div class="footer-background"> <div class="footer-container"> <div class="footer-credit"> <div class="footer-copyright">
827								&copy; 2026 Four Seasons Durians. All Rights Reserved.							</div> <div class="footer-designed"> <span class="fcs" ><a href="https://www.firstcom.com.sg/services/web-design-and-development/" target="_blank" >Web Design</a> by Firstcom Solutions</span> </div> </div> </div> </div> </div> </div> </footer> </div> <div id="ToTopHover"></div> 
827<script type="text/javascript">
828    $(".product-inputs input[type='checkbox']").click(function() {
829      var product_id = $(this).data('product-id');
830      changePrice(product_id);
831    });
832    $(".product-inputs input[type='radio']").click(function() {
833      var product_id = $(this).data('product-id');
834      changePrice(product_id);
835    });
836    $(".product-inputs select").change(function() {
837      var product_id = $(this).data('product-id');
838      changePrice(product_id);
839    });
840    $(".input-number").blur(function() {
841      var product_id = $(this).data('product-id');
842      changePrice(product_id);
843    });
844    $(".input-number").parent(".input-group").find(".btn-number").click(function() {
845      var product_id = $(this).data('product-id');
846      changePrice(product_id);
847    });
848    function changePrice(product_id) {
849      $.ajax({
850        url: 'index.php?route=product/product/updatePrice&product_id=' + product_id,
851        type: 'post',
852        dataType: 'json',
853        data: $('#product-'+ product_id + ' input[name=\'quantity\'], #product-'+ product_id + ' select, #product-'+ product_id + ' input[type=\'checkbox\']:checked, #product-'+ product_id + ' input[type=\'radio\']:checked'),
854        success: function(json) {
855          $('.alert-success, .alert-danger').remove();
856          if(json['new_price_found']) {
857            $('.product-price-'+product_id+' .price .price-new').html(json['total_price']);
858            $('.product-price-'+product_id+' .price .price-tax').html(json['tax_price']);
859          } else {
860            $('.product-price-'+product_id+' .price .price-new').html(json['total_price']);
861            $('.product-price-'+product_id+' .price .price-tax').html(json['tax_price']);
862          }
863        }
864      });
865    }
866	</script>
866 
866<script>AOS.init({
867	once: true
868});</script>
868 <style type="text/css">
869.bganycombirib{position:absolute;left:15px;top:0;z-index:1;overflow:hidden;width:150px;height:150px;text-align:right}
870.bganycombirib span{font-size:12px;font-weight:700;color:#FFF;text-transform:uppercase;text-align:center;line-height:25px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:200px;display:block;background:#79A70A;background:linear-gradient(#F70505 0%,#8F0808 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:40px;left:-40px}
871.bganycombirib span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #8F0808;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #8F0808}
872.bganycombirib span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #8F0808;border-bottom:3px solid transparent;border-top:3px solid #8F0808}
873</style> 
873<script language="javascript" src="index.php?route=extension/bganycombi/getjson&v=1098640111"></script>
873 
873<script language="javascript">  
874$('.product-thumb').find('.button-group button:nth-child(1)').each(function() {
875	if($( this ).attr('onclick')) { 
876		var product_id = $( this ).attr('onclick').match(/\d+/);
877 		if(bganycombi_products_data[product_id]) {
878			$( this ).parent().parent().find('.caption').prepend('<div class="bganycombirib"><span>'+ bganycombi_products_data[product_id] + '</span></div>');
879		} else if (bganycombi_products_data['all'] == 1) {
880			$( this ).parent().parent().find('.caption').prepend('<div class="bganycombirib"><span>'+ bganycombi_products_data['ribbontext']+ '</span></div>');
881		}
882	}
883});
884
885 
886</script>
886 </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.