Shopping + Services

Heart Evangelista, Toni Gonzaga, and Sam Pinto Star in Cream Silk’s 30th Anniversary TVC

Cream Silk goes all flashy as they celebrate their 30th year in the business with their three beyond beautiful endorsers.

by
Published Feb 17, 2014

Hair care brand Cream Silk celebrates its 30th year of hair expertise in the Philippines with the grand launch of their new TV commercial. The 1-minute TVC features Cream Silk endorsers Heart Evangelista, Sam Pinto, and Toni Gonzaga.

Twitter</a>, <a href="https://www.facebook.com/creamsilkph" target="_blank">Facebook</a>, and <a href="http://www.spot.ph/admin/spot-manage/instagram.com/CreamSilkPh‎" target="_blank">Instagram, </a>share the TVC link on your social media sites, and upload a photo of yourself showing <strong>#WhereCanYourHairTakeYou</strong> and get a chance to win prizes. <a href="http://www.spot.ph/admin/spot-manage/instagram.com/CreamSilkPh‎" target="_blank"><br /></a></p>  <div class="ad-label-before-ad">Article continues after this ad.<hr></div> <div class="ad-holder delay text-center"> <div class="dynamic-ad dynamic-ad-expand"> <div class="ad-label">ADVERTISEMENT - CONTINUE READING BELOW <span class="arrow-down"></span></div> <div class="static-ad "><div id="div-gpt-ad-1372220318117-3" class="SRA-batch4 desktop-inview"><script type="text/javascript">googletag.cmd.push(function(){ googletag.display('div-gpt-ad-1372220318117-3'); });</script></div></div> </div> </div> <div class="ad-label-before-ad">Article continues after this video.<hr></div> <div class="ad-holder dm-holder align-center"> <div class="static-ad"> <div class="ad-label">ADVERTISEMENT</div> <div class="dm-custom dm-custom-pip dm-fixed in-article"> <div class="dm-card" id="playerContainer-x2mzj"> <div class="dm-card__body"> <div class="dm-card__body--lbl"> <span> <svg class="b-icon is-xs"> <use xlink:href="#play"></use> </svg> watch now </span> </div> <div class="title-clamp"> <span id="videoTitle"></span> </div> <div class="dm-card__clse" id="pipClose"> <svg class="b-icon is-xs"> <use xlink:href="#ic-close"></use> </svg> </div> </div> <div class="dm-card__fig "> <div referrerpolicy="no-referrer-when-downgrade" class="dm-player dm--has-placeholder" mute="true" owners="spotPH" excludeids="x7eyrk1,x7eyrkd,x7eyrjt,x7eyrjn,x7eyrkp,x7eyrk9,x7eyrkw,x7eyrlf,x7eyrm2,x7eyrm0,x7eyrlg,x7eyrn8,x7mr7mv,x7mr7m6" playerId="x2mzj" sort="relevance,recent" rangeDay="180,180" keywordsSelector="meta[name='title']" showCollection="bottom"></div> </div> </div> </div> </div> </div> <div class="ad-label-before-ad">Article continues after this ad.<hr></div> <div class="ad-holder delay text-center"> <div class="dynamic-ad" id="dynamic-ad-42" data-id="42"> <div class="ad-label">ADVERTISEMENT - CONTINUE READING BELOW <span class="arrow-down"></span></div> </div> </div>  <div class="for-measurement gtm-endRead"></div> </section>          <section class="article-sns sns-container bottom mb-3 b-top b-dotted pt-3"> <div class="card hide"> <div class="figure sns-share-count text-charcoal mt-1"> <span class="share-count header4 text-auburn no-hover"></span> Shares </div> <input type="hidden" value="https://images.summitmedia-digital.com/spotph/images/files/2014/02/1392617886-spot-creamsilk-flashbox642x429.jpg" id="defaultImgResult"> <div class="body standard-sns"> <a href="javascript:void(0);" class="btn-facebook standard-sns-button inline-block text-w-icon middle msns-icon-facebook header6 mr-1 gtm-articleFbShareB " data-sns="facebook" data-url="https://www.spot.ph/shopping/55653/heart-evangelista-toni-gonzaga-and-sam-pinto-star-in-cream-silks-newest-30th-anniversary-tvc-2" data-caption="" data-quote="" data-desc="Cream Silk goes all flashy as they celebrate their 30th year in the business with their three beyond beautiful endorsers." data-title="Heart Evangelista, Toni Gonzaga, and Sam Pinto Star in Cream Silk's 30th Anniversary TVC" data-image="https://images.summitmedia-digital.com/spotph/images/files/2014/02/1392617886-spot-creamsilk-flashbox642x429.jpg"> <span class="text middle header8 light mr-1 gtm-articleFbShareB ">Share</span> </a><a href="javascript:void(0);" class="btn-twitter standard-sns-button inline-block text-w-icon middle msns-icon-twitter header6 mr-1 gtm-articleTwitterShareB " data-sns="twitter" data-url="https://www.spot.ph/shopping/55653/heart-evangelista-toni-gonzaga-and-sam-pinto-star-in-cream-silks-newest-30th-anniversary-tvc-2" data-caption="" data-quote="" data-desc="Cream Silk goes all flashy as they celebrate their 30th year in the business with their three beyond beautiful endorsers." data-title="Heart Evangelista, Toni Gonzaga, and Sam Pinto Star in Cream Silk's 30th Anniversary TVC" data-image="https://images.summitmedia-digital.com/spotph/images/files/2014/02/1392617886-spot-creamsilk-flashbox642x429.jpg"> <span class="text middle header8 light mr-1 gtm-articleTwitterShareB ">Tweet</span> </a> <a href="javascript:void(0);" class="btn-pinterest standard-sns-button inline-block text-w-icon middle msns-icon-pinterest header6 mr-1 gtm-articlePinterestShareB " data-sns="pinterest" data-url="https://www.spot.ph/shopping/55653/heart-evangelista-toni-gonzaga-and-sam-pinto-star-in-cream-silks-newest-30th-anniversary-tvc-2" data-caption="" data-quote="" data-desc="Cream Silk goes all flashy as they celebrate their 30th year in the business with their three beyond beautiful endorsers." data-title="Heart Evangelista, Toni Gonzaga, and Sam Pinto Star in Cream Silk's 30th Anniversary TVC" data-image="https://images.summitmedia-digital.com/spotph/images/files/2014/02/1392617886-spot-creamsilk-flashbox642x429.jpg"> <span class="text middle header8 light mr-1 gtm-articlePinterestShareB ">Pin</span> </a> </div> </div> <div class="b-lbl b-lbl--1 u-mb-sm">Share this story with your friends!</div> <div class="c-srsns hide"> <a href="javascript:void(0);" class="c-srsns__item is-fb gtm-articleFbShareB " data-sns="facebook" data-url="https://www.spot.ph/shopping/55653/heart-evangelista-toni-gonzaga-and-sam-pinto-star-in-cream-silks-newest-30th-anniversary-tvc-2" data-gqs="ref=share_bot&utm_source=Share-Facebook&utm_medium=Social" data-caption="" data-quote="" data-desc="Cream Silk goes all flashy as they celebrate their 30th year in the business with their three beyond beautiful endorsers." data-title="Heart Evangelista, Toni Gonzaga, and Sam Pinto Star in Cream Silk's 30th Anniversary TVC" data-image="https://images.summitmedia-digital.com/spotph/images/files/2014/02/1392617886-spot-creamsilk-flashbox642x429.jpg"> <div class="c-srsns__card"> <div class="c-srsns__fig"> <svg class="b-icon "><use xlink:href="#fb"></use></svg> </div> <div class="c-srsns__body"> Share </div> </div> </a> <a href="javascript:void(0);" class="c-srsns__item is-pin gtm-articlePinterestShareB " data-sns="pinterest" data-url="https://www.spot.ph/shopping/55653/heart-evangelista-toni-gonzaga-and-sam-pinto-star-in-cream-silks-newest-30th-anniversary-tvc-2" data-gqs="ref=share_bot&utm_source=Share-Pinterest&utm_medium=Social" data-caption="" data-quote="" data-desc="Cream Silk goes all flashy as they celebrate their 30th year in the business with their three beyond beautiful endorsers." data-title="Heart Evangelista, Toni Gonzaga, and Sam Pinto Star in Cream Silk's 30th Anniversary TVC" data-image="https://images.summitmedia-digital.com/spotph/images/files/2014/02/1392617886-spot-creamsilk-flashbox642x429.jpg"> <div class="c-srsns__card"> <div class="c-srsns__fig"> <svg class="b-icon "><use xlink:href="#pinterest"></use></svg> </div> <div class="c-srsns__body"> Pin </div> </div> </a> <a href="javascript:void(0);" class="c-srsns__item is-tw gtm-articleTwitterShareB " data-sns="twitter" data-url="https://www.spot.ph/shopping/55653/heart-evangelista-toni-gonzaga-and-sam-pinto-star-in-cream-silks-newest-30th-anniversary-tvc-2" data-gqs="ref=share_bot&utm_source=Share-Twitter&utm_medium=Social" data-caption="" data-quote="" data-desc="Cream Silk goes all flashy as they celebrate their 30th year in the business with their three beyond beautiful endorsers." data-title="Heart Evangelista, Toni Gonzaga, and Sam Pinto Star in Cream Silk's 30th Anniversary TVC" data-image="https://images.summitmedia-digital.com/spotph/images/files/2014/02/1392617886-spot-creamsilk-flashbox642x429.jpg"> <div class="c-srsns__card"> <div class="c-srsns__fig"> <svg class="b-icon "><use xlink:href="#twitter2"></use></svg> </div> <div class="c-srsns__body"> Tweet </div> </div> </a> <a href="javascript:void(0);" class="c-srsns__item is-vib gtm-articleViberShareB " data-sns="viber" data-url="https://www.spot.ph/shopping/55653/heart-evangelista-toni-gonzaga-and-sam-pinto-star-in-cream-silks-newest-30th-anniversary-tvc-2" data-gqs="ref=share_bot&utm_source=Share-Viber&utm_medium=Social" data-caption="" data-quote="" data-desc="Cream Silk goes all flashy as they celebrate their 30th year in the business with their three beyond beautiful endorsers." data-title="Heart Evangelista, Toni Gonzaga, and Sam Pinto Star in Cream Silk's 30th Anniversary TVC" data-image="https://images.summitmedia-digital.com/spotph/images/files/2014/02/1392617886-spot-creamsilk-flashbox642x429.jpg"> <div class="c-srsns__card"> <div class="c-srsns__fig"> <svg class="b-icon "><use xlink:href="#viber"></use></svg> </div> <div class="c-srsns__body"> Viber </div> </div> </a> <a href="javascript:void(0);" class="c-srsns__item is-link copy-link gtm-articleLinkShareB" data-clipboard-action="copy" data-clipboard-text="https://www.spot.ph/shopping/55653/heart-evangelista-toni-gonzaga-and-sam-pinto-star-in-cream-silks-newest-30th-anniversary-tvc-2?ref=share_bot&utm_source=Share-Link&utm_medium=Social"> <div class="c-srsns__card"> <div class="c-srsns__fig"> <svg class="b-icon "><use xlink:href="#copylink"></use></svg> </div> <div class="c-srsns__body"> Copy Link </div> </div> </a> </div> </section>  <script src="https://www.spot.ph/js/longform/mobile/clipboard.min.js"></script> <script type="text/javascript"> if (typeof clipboardsns === 'undefined') { var clipboardsns = new Clipboard('.copy-link'); clipboardsns.on('success', function(e) { alert('Link Copied'); }); } </script>  <div data-dto-survey-cta style="width: 100%"> <hr> <div style="font-family: Source Sans Pro; font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px; letter-spacing: 0px; text-align: left; padding: 31px 15px 0 0; display: inline-block;"> Help us make Spot.ph better! </div> <div data-dto-survey-yes style="background: #D71100; border-radius: 6px; display: inline-block; padding: 16px 24px; font-family: Source Sans Pro; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: 0px; text-align: center; color: #fff; cursor: pointer;"> Take the short survey </div> <button data-dto-survey-no style="background: #fff; border-radius: 6px; display: inline-block; padding: 16px 24px; font-family: Source Sans Pro; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: 0px; text-align: center; color: #1b1b1b; border: 1px solid #D5D5D5; cursor: pointer;"> Not now </button> <div id="countdown" style="font-family: Source Sans Pro; font-size: 14px; font-style: normal; font-weight: 600; line-height: 18px; letter-spacing: 0px; text-align: right; color: #363636; padding: 8px 185px 8px 0;"> </div> </hr> </div> <script> $.fn.isInViewport = function() { var elementTop = $(this).offset().top; var elementBottom = elementTop + $(this).outerHeight(); var viewportTop = $(window).scrollTop(); var viewportBottom = viewportTop + $(window).height(); return elementBottom > viewportTop && elementTop < viewportBottom; }; var dtoFinish = false; var surveyTimer = false; $(window).on('scroll', function(){ if ($('[data-dto-survey-cta]').isInViewport() && !dtoFinish /*&& !getCookie('dtoSurveyClosed')*/) { dtoFinish = true; //initDtoTimer(4); } /*if (getCookie('dtoSurveyClosed')) { $('[data-dto-survey-cta]').hide(); }*/ }); $('[data-dto-survey-no]').click(function() { clearInterval(surveyTimer); $('[data-dto-survey-cta]').hide(); trigSurveyCancel(); }); $('[data-dto-survey-yes]').click(function() { $('[data-dto-survey-cta]').hide(); openDtoSurvey(); }); function initDtoTimer(timer) { var timeleft = timer; surveyTimer = setInterval(function(){ if(timeleft <= 0){ clearInterval(surveyTimer); $('[data-dto-survey-cta]').hide(); openDtoSurvey(); logtext = ""; } else { logtext = "Starts in " + timeleft; } console.log(logtext); document.getElementById("countdown").innerHTML = logtext; timeleft -= 1; }, 1000); } </script>  <section class="widget-tags mt-6"> <h2 class="header3 light my-3">Read more stories about</h2> <div class="widget-content"> <a class="tag btn-ghost inline-block mb-2 mr-2 py-1 px-2 top" href="https://www.spot.ph/tag/cream-silk?ref=article_tag">Cream Silk</a> <a class="tag btn-ghost inline-block mb-2 mr-2 py-1 px-2 top" href="https://www.spot.ph/tag/#wherecanyourhairtakeyou?ref=article_tag">#wherecanyourhairtakeyou</a> <a class="tag btn-ghost inline-block mb-2 mr-2 py-1 px-2 top" href="https://www.spot.ph/tag/heartevangelista?ref=article_tag">Heartevangelista</a> <a class="tag btn-ghost inline-block mb-2 mr-2 py-1 px-2 top" href="https://www.spot.ph/tag/sampinto?ref=article_tag">Sampinto</a> <a class="tag btn-ghost inline-block mb-2 mr-2 py-1 px-2 top" href="https://www.spot.ph/tag/tonigonzaga?ref=article_tag">Tonigonzaga</a> </div> </section>  <script> (function($){ window.dataLayer = window.dataLayer || []; const pushGTMEvent = (event, category, url, recipe) => { window.dataLayer.push({ event, nexusReco: category, nexusURL: url, recipeUsed: recipe }); }; const gtmFiredOnce = new Set(); const renderArticle = (article, recipe) => { const $container = $('#single-reco'); const itemId = (article && article.itemId) ? article.itemId : ''; const recipeUsed = (recipe !== undefined && recipe !== null) ? recipe : ''; $container.attr('data-item-id', itemId); $container.attr('data-recipe-used', recipeUsed); $container.data('item-id', itemId); $container.data('recipe-used', recipeUsed); const linkHref = (article && article.itemId) ? (article.itemId + '?ref=nexus_next') : '#'; var imgHtml = (article && article.metadata && article.metadata.main_image) ? (`<a class="gtm-nexus-inArticle" href="${linkHref}" target="_blank" rel="noopener noreferrer"> <img class="!tw-w-[95px] md:!tw-w-[170px] tw-aspect-[4/3] md:tw-aspect-video tw-object-cover" src="${article.metadata.main_image}" alt="${(article.metadata.title) ? article.metadata.title : ''}"/> </a>`) : (`<div class="!tw-w-[95px] md:!tw-w-[170px] tw-aspect-[4/3] md:tw-aspect-video tw-object-cover tw-bg-gray-100"></div>`); var titleHtml = `<a class="tw-cursor-pointer gtm-link gtm-nexus-inArticle" href="${linkHref}" target="_blank" rel="noopener noreferrer"> <div class="tw-cursor-pointer tw-line-clamp-3 md:tw-line-clamp-2 tw-font-bold md:tw-text-[18px] gtm-nexus-title">${(article && article.metadata && article.metadata.title) ? article.metadata.title : ''}</div> </a>`; var blurbHtml = `<div class="tw-hidden md:tw-block"> <div class="tw-line-clamp-1 tw-text-[#555] tw-font-normal tw-align-middle tw-text-[12px] tw-leading-[16px] md:tw-text-[14px] md:tw-leading-[18px] tw-mt-1">${(article && article.metadata && article.metadata.blurb) ? article.metadata.blurb : ''}</div> </div>`; var contentHtml = imgHtml + ` <div class="tw-flex-1 tw-font-bold tw-text-[14px] tw-leading-[18px]"> ${titleHtml} ${blurbHtml} </div>`; $container.html(contentHtml); $container.find('a').off('click').on('click', () => { const id = (article && article.itemId) ? article.itemId : ''; pushGTMEvent('nexus_clicks', 'In-Article', id, recipe || null); }); } const observeImpressions = () => { if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries, obs) => { entries.forEach(entry => { if (!entry.isIntersecting) return; const el = entry.target; const $el = $(el); const itemId = $el.attr('data-item-id') || $el.data('item-id') || ''; const recipeUsed = $el.attr('data-recipe-used') || $el.data('recipe-used') || ''; if (!itemId) { obs.unobserve(el); return; } if (gtmFiredOnce.has(itemId)) { obs.unobserve(el); return; } gtmFiredOnce.add(itemId); pushGTMEvent('nexus_impressions', 'In-Article', itemId, recipeUsed); console.log('push event for In-Article impressions: ', itemId); obs.unobserve(el); }); }, { threshold: 0.7 }); const recoEl = document.querySelector('.single-recoCardRefs'); if (recoEl) observer.observe(recoEl); } else { const $reco = $('.single-recoCardRefs'); if ($reco.length) { const itemId = $reco.attr('data-item-id') || $reco.data('item-id') || ''; const recipeUsed = $reco.attr('data-recipe-used') || $reco.data('recipe-used') || ''; if (itemId && !gtmFiredOnce.has(itemId)) { gtmFiredOnce.add(itemId); pushGTMEvent('nexus_impressions', 'In-Article', itemId, recipeUsed); } } } }; $(document).ready(() => { if ($('.article-content #nexus-reco-root').length) return; let articleContentContainer = $("#longform_article_content").length ? $("#longform_article_content") : $(".article-content"); let articleContent = $(articleContentContainer).children(); let midContent = Math.round( $(articleContent).length / 4 ); // Adjust midContent to avoid placing the widget right after a header if ($(articleContent).eq(midContent).is('h3,h4,.ad-label-before-ad')) midContent--; // Adjust further if the new midContent is also a header, to ensure the widget is not placed immediately after a header if ($(articleContent).eq(midContent).is('h2')) midContent--; $(articleContent).eq(midContent).after(` <div id="nexus-reco-root" class="tw-font-sans"> <div class="tw-h-px tw-bg-[#F2F2F2] md:tw-mx-auto tw-max-w-[720px] tw-m-8"></div> <div class="tw-flex tw-flex-col tw-m-8 tw-mx-auto tw-max-w-[720px] tw-gap-4"> <div class="tw-font-bold tw-text-[24px] tw-leading-[32px] tw-text-[#333]">Read Next</div> <div id="single-reco" class="single-recoCardRefs tw-flex tw-flex-row tw-gap-[14px] tw-items-start tw-rounded tw-overflow-hidden tw-shadow-[2px_3px_8.8px_0px_rgba(0,0,0,0.06)]" data-item-id="" data-recipe-used=""></div> </div> <div class="tw-h-px tw-bg-[#F2F2F2] md:tw-mx-auto tw-max-w-[720px] tw-m-8"></div> </div>`); $.ajax({ url: '/api2/recommends', method: 'GET', data: { num_results: 7, evergreen_percent: 30, item_id: 'https://www.' + window.location.host.replace(/^www\./, '') + window.location.pathname + window.location.search }, dataType: 'json' }).done(resp => { try { if (resp && resp.success && $.isArray(resp.data) && resp.data.length) { const getSlug = (url) => new URL(url).pathname.split('/').filter(Boolean).pop(); const currentSlug = getSlug(window.location.href); const filtered = resp.data.filter((item) => getSlug(item.itemId) !== currentSlug ) const article = filtered[0]; const recipe = (resp.recipe !== undefined && resp.recipe !== null) ? resp.recipe : null; renderArticle(article, recipe); console.log('Nexus Reco with image:', article); observeImpressions(); } else { console.error('Error Fetching Nexus Related Stories API: ', resp); } } catch (err) { console.error('Error processing response', err); } }).fail(err => { console.error('Error Fetching Article Reco API:', err); }); }); })(jQuery); </script>  <div class="nexus-related-stories tw-font-sans tw-m-0 tw-p-0 tw-text-[#111111]"> <div class="tw-h-[1px] tw-bg-[#F2F2F2] tw-mx-auto tw-max-w-[720px] tw-mt-8"></div> <div class="tw-flex tw-flex-col tw-m-8 tw-mx-auto tw-max-w-[720px] tw-gap-4 tw-px-4 md:tw-px-0"> <div class="tw-font-bold tw-text-[24px] tw-leading-[32px] tw-text-[#333333]">You Might Also Like</div> <div id="rs-list" class="tw-flex tw-flex-col tw-gap-4"></div> </div> <div class="tw-h-[1px] tw-bg-[#F2F2F2] tw-mx-auto tw-max-w-[720px] tw-mb-8"></div> </div> <script> (function(){ function pushGTMEvent(event, category, url, recipe){ window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: event, nexusReco: category, nexusURL: url, recipeUsed: recipe }); } $(function(){ const container = $('#rs-list'); const gtmFiredOnce = new Set(); let recipeUsed = null; $.ajax({ url: '/api2/recommends', method: 'GET', dataType: 'json', data: { num_results: '7', evergreen_percent: '30', item_id: 'https://www.' + window.location.host.replace(/^www\./, '') + window.location.pathname + window.location.search }, success: function(json){ const success = json && json.success; const data = json && json.data ? json.data : []; const recipe = json && json.recipe ? json.recipe : null; if(success){ const getSlug = (url) => new URL(url).pathname.split('/').filter(Boolean).pop(); const currentUrl = getSlug(window.location.href); let items = Array.isArray(data) && getSlug(data[0].itemId) === currentUrl ? data.splice(2) : data.splice(1); items = items.filter((item) => getSlug(item.itemId) !== currentUrl ) if(items.length > 5) items.pop() recipeUsed = recipe; render(items); console.log('Nexus Related Stories with image:', items); } else { console.error('Error Fetching Nexus Related Stories API: ', data); } }, error: function(err){ console.error('Error Fetching Related Stories API:', err); } }); function render(items){ container.empty(); $.each(items, function(idx, article){ const index = idx + 1; const wrapper = $('<div>').addClass('multi-recoCardRefs tw-flex tw-flex-row tw-gap-[14px] tw-items-start tw-rounded-[6px] tw-overflow-hidden tw-shadow-[2px_3px_8.8px_0px_rgba(0,0,0,0.06)] tw-bg-white') .attr('data-item-id', article && article.itemId ? article.itemId : '') .attr('data-recipe-used', recipeUsed || '') .attr('data-index', String(index)); if(article && article.metadata && article.metadata.main_image){ const aImg = $('<a>').attr({ href: (article.itemId || '#') + '?ref=nexus_reco', target: '_blank', rel: 'noopener noreferrer' }).addClass('gtm-nexus-endArticle' + index) .on('click', function(){ pushGTMEvent('nexus_clicks', 'End Widget ' + index, article.itemId || '', recipeUsed); }); const img = $('<img>').addClass('tw-w-[95px] tw-h-[71.25px] tw-object-cover tw-rounded-[2px] tw-flex-none md:tw-w-[170px] md:tw-h-[95px]').attr({ src: article.metadata.main_image, alt: article.metadata.title || '' }); aImg.append(img); wrapper.append(aImg); } else { const ph = $('<div>').addClass('placeholder tw-bg-[#f3f3f3] tw-w-[95px] tw-h-[71.25px] md:tw-w-[170px] md:tw-h-[95px]'); wrapper.append(ph); } const content = $('<div>').addClass('tw-flex-1 tw-flex tw-flex-col tw-gap-2 tw-mt-[10px] tw-mr-[12px] md:tw-mt-0'); const aTitle = $('<a>').attr({ href: (article.itemId || '#') + '?ref=nexus_reco', target: '_blank', rel: 'noopener noreferrer' }).addClass('gtm-nexus-endArticle' + index) .on('click', function(){ pushGTMEvent('nexus_clicks', 'End Widget ' + index, article.itemId || '', recipeUsed); }); const titleDiv = $('<div>').addClass('tw-font-bold tw-text-[14px] tw-leading-[18px] tw-text-black md:tw-text-[18px] md:tw-leading-[24px]').html((article && article.metadata && article.metadata.title) ? article.metadata.title : ''); aTitle.append(titleDiv); content.append(aTitle); const blurb = $('<div>').addClass('tw-hidden md:tw-block'); let blurbText = (article && article.metadata && article.metadata.blurb) ? article.metadata.blurb : ''; // Decode literal "\u003C" and "\u003E" sequences so HTML displays correctly if (typeof blurbText === 'string') { blurbText = blurbText.replace(/\\u003C/gi, '<').replace(/\\u003E/gi, '>'); } const blurbInner = $('<div>').addClass('tw-font-sans tw-text-[#555555] tw-font-normal tw-text-[12px] tw-leading-[16px] md:tw-text-[14px] md:tw-leading-[18px]').html(blurbText); blurb.append(blurbInner); content.append(blurb); wrapper.append(content); container.append(wrapper); }); const observer = new IntersectionObserver(function(entries){ entries.forEach(function(entry){ if(!entry.isIntersecting) return; const el = entry.target; const itemId = el.dataset.itemId; const recipeLocal = el.dataset.recipeUsed; const index = el.dataset.index; if(!itemId || gtmFiredOnce.has(itemId)) return; gtmFiredOnce.add(itemId); pushGTMEvent('nexus_impressions', 'End Widget ' + index, itemId, recipeLocal); console.log('push event for End Widget ' + index + ' impressions: ', itemId); observer.unobserve(el); }); }, { threshold: 0.7 }); requestAnimationFrame(function(){ $('.multi-recoCardRefs').each(function(){ observer.observe(this); }); }); } }); })(); </script>  <div id="taboola-below-article-thumbnails"></div> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({ mode: 'thumbnails-base-mode', container: 'taboola-below-article-thumbnails', placement: 'Below Article Thumbnails', target_type: 'mix' }); </script>  <section class="widget-feed my-4 hide "> <div class="widget-label margin-bottom no-top"> <div><h2 class="text-label light">Latest Stories</h2></div> </div> <div class="feed"> </div> </section>  <a id="lmBtn" href="javascript:void(0);" data-loadmore data-latest-ref="" data-href-latest-page="/latest?page=5&ref=article_archive" class="btn btn-lightgray btn-content center block my-4 header5 gtm-feedView1">Load More Stories</a> <br> </section> <aside class="side">  <div id="taboola-right-article-thumbnails"></div> <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({ mode: 'thumbnails-1x5', container: 'taboola-right-article-thumbnails', placement: 'Right Article Thumbnails', target_type: 'mix' }); </script>     <style type="text/css"> .widget-pr{ font-family: arial; } .widget-pr .widget-content .article-card > div{ display: block; } .widget-pr .widget-content .article-card .figure{ float: left; width:118px !important; height:66px !important; margin: 4px 0px 0px 0px!important; } .widget-pr .widget-content .article-card .body{ padding-left: 15px; /*width:45% !important;*/ } .widget-pr .widget-content .article-card .body .title{ font-size: 1em !important; } .fop-brand-name{ font-family: "Lato", Arial, sans-serif; font-size: 11px; color: #F6070F; line-height: 1.25em; } </style> <section class="widget-pr widget-most-popular hide"> <div class="widget-label margin-bottom"> <div class="text-label"> <a href="/fop" class="itl-head">In The Loop</a> <div class="itl-p">Check out the latest from our partners.</div> </div> </div> <div class="widget-content"> </div> </section>   <section class="widget-sns-subscribe boxed bg-white"> <div class="widget-label lined"> <div class="text-label header4">FOLLOW US</div> </div> <div class="widget-content pb-4 pt-5 text-center"> <p></p> <div>Twitter</div> <div class="tw-subscribe mt-1"><a class="twitter-follow-button" href="http://twitter.com/spotdotph" data-show-count="true" data-show-screen-name="false">Follow @Twitter</a></div> <p></p> <div>Instagram</div> <div class="ig-subscribe mt-1"> <div class="ig-subscribe"><a href="https://www.instagram.com/spotph/" target="_blank"><img src="" data-original="https://images.summitmedia-digital.com/spotph/images/insta-spot.png" class="lazy-defer follow-img"></a></div> </div> <p></p> <div>Pinterest</div> <div class="tw-subscribe mt-1"> <a data-pin-do="buttonFollow" href="https://www.pinterest.com/spotdotph">Spot.ph</a> </div> <p></p> <div>YouTube</div> <div class="yt-subscribe mt-1"> <div class="yt-subscribe"><a href="https://www.youtube.com/channel/UCQLdrnmf9LjedL9NimeGWpQ?sub_confirmation=1" target="_blank" class="gtm-navYouTube"><img src="" data-original="https://images.summitmedia-digital.com/spotph/images/btn-yt.png" class="lazy-defer follow-img"></a></div> </div> </div> </section> <div id="sticky-aside" data-offset="70" data-gutter="10" data-base=".content">  <div class="ads ad-mrec text-center my-4"> <div class="static-ad "><div id="div-gpt-ad-1372220318117-5" class="SRA-batch3 desktop-smart-halfpage"><script type="text/javascript">googletag.cmd.push(function(){ googletag.display('div-gpt-ad-1372220318117-5'); });</script></div></div> </div> </div> </aside> </article> </div>  <div id="pressboard-ad-sponsorship-msg"></div> </main> <div style="clear: both;"> </div> <div> <div class="footer pt-3 bg-white"> <div class="footer-primary"> <div class="nav-footer-column pl-3"> <div class="column-7"> <div class="column"> <a href="/" title="Back to Homepage" class="site-logo block logo-plain mb-2"> <svg class="gray"> <use xlink:href="#logo"></use> </svg> </a> <div class="nav nav-footer-primary px-3"> <a class="block pb-2 header7" href="https://www.spot.ph/newsfeatures/14878/spot-is-reborn?ref=footer_sitemap">About Us</a> <a class="block pb-2 header7" href="mailto:info@spot.ph?subject=Spot.ph Inquiry">Contact Us</a> <a class="block pb-2 header7" href="https://www.summitmedia.com.ph/spot" class="gtm-footerAdvertise">Advertise</a>  <a class="block pb-2 header7" href="https://www.spot.ph/newsfeatures/the-latest-news-features/76564/spotph-newsletter-secret-spot-a2793-20190109">Newsletter</a>  <a class="block pb-2 header7" href="https://www.spot.ph/terms-of-use?ref=footer_sitemap">Terms of Use</a> <a class="block pb-2 header7" href="https://www.spot.ph/privacy-policy?ref=footer_sitemap">Privacy Policy</a> </div> </div> <div class="column"> <a class="nav-header semibold my-3 block" href="https://www.spot.ph/eatdrink?ref=footer_sitemap">Eat + Drink</a> <div class="nav nav-footer-primary"> <a class="block pb-2 header7" href="https://www.spot.ph/eatdrink/the-latest-eat-drink?ref=footer_sitemap">What's New</a> <a class="block pb-2 header7" href="https://www.spot.ph/eatdrink/cheap-eats-eatdrink?ref=footer_sitemap">Cheap Eats</a> <a class="block pb-2 header7" href="https://www.spot.ph/eatdrink/top-list?ref=footer_sitemap">Top 10 Lists</a> <a class="block pb-2 header7" href="https://www.spot.ph/eatdrink/eatdrink-peopleparties?ref=footer_sitemap">People + Parties</a> <a class="block pb-2 header7" href="https://www.spot.ph/i-think-therefore-i-ham?ref=footer_sitemap">I Eat Therefore I Ham</a> <a class="block pb-2 header7" href="https://www.spot.ph/the-undercover-eater?ref=footer_sitemap">The Undercover Eater</a> </div> </div> <div class="column"> <a class="nav-header semibold my-3 block" href="https://www.spot.ph/newsfeatures?ref=footer_sitemap">News + Explainer</a> <div class="nav nav-footer-primary"> <a class="block pb-2 header7" href="https://www.spot.ph/newsfeatures/the-latest-news-features?ref=footer_sitemap">What's New</a> <a class="block pb-2 header7" href="https://www.spot.ph/newsfeatures/humor?ref=footer_sitemap">Humor</a> <a class="block pb-2 header7" href="https://www.spot.ph/newsfeatures/top-list?ref=footer_sitemap">Top 10 Lists</a> <a class="block pb-2 header7" href="https://www.spot.ph/newsfeatures/mobility?ref=footer_sitemap">Mobility</a> <a class="block pb-2 header7" href="https://www.spot.ph/newsfeatures/culture?ref=footer_sitemap">Culture</a> <a class="block pb-2 header7" href="https://www.spot.ph/newsfeatures/policy?ref=footer_sitemap">Policy</a> <a class="block pb-2 header7" href="https://www.spot.ph/newsfeatures/trending?ref=footer_sitemap">Trending</a> <a class="block pb-2 header7" href="https://www.spot.ph/newsfeatures/adulting?ref=footer_sitemap">Adulting</a> <a class="block pb-2 header7" href="https://www.spot.ph/newsfeatures/money?ref=footer_sitemap">Money</a> <a class="block pb-2 header7" href="https://www.spot.ph/newsfeatures/newsfeatures-peopleparties?ref=footer_sitemap">People + Parties</a> <a class="block pb-2 header7" href="https://www.spot.ph/this-is-a-crazy-planets?ref=footer_sitemap">This is a Crazy Planets</a> <a class="block pb-2 header7" href="https://www.spot.ph/suplado-in-the-city?ref=footer_sitemap">Suplado in the City</a> </div> </div> <div class="column"> <a class="nav-header semibold my-3 block" href="https://www.spot.ph/arts-culture?ref=footer_sitemap">Arts + Culture</a> <div class="nav nav-footer-primary"> <a class="block pb-2 header7" href="https://www.spot.ph/arts-culture/the-latest-arts-culture?ref=footer_sitemap">What's New</a> <a class="block pb-2 header7" href="https://www.spot.ph/arts-culture/art-exhibits?ref=footer_sitemap">Art Exhibits</a> <a class="block pb-2 header7" href="https://www.spot.ph/arts-culture/performing-arts-2?ref=footer_sitemap">Performing Arts</a> <a class="block pb-2 header7" href="https://www.spot.ph/arts-culture/top-list?ref=footer_sitemap">Top 10 Lists</a> <a class="block pb-2 header7" href="https://www.spot.ph/arts-culture/arts-culture-peopleparties?ref=footer_sitemap">People + Parties</a> </div> </div> <div class="column"> <a class="nav-header semibold my-3 block" href="https://www.spot.ph/entertainment?ref=footer_sitemap">Entertainment</a> <div class="nav nav-footer-primary"> <a class="block pb-2 header7" href="https://www.spot.ph/entertainment/movies-music-tv?ref=footer_sitemap">Movies, Music, TV</a> <a class="block pb-2 header7" href="https://www.spot.ph/entertainment/showbiz?ref=footer_sitemap">Showbiz</a> <a class="block pb-2 header7" href="https://www.spot.ph/entertainment/entertainment-night-life?ref=footer_sitemap">Nightlife</a> <a class="block pb-2 header7" href="https://www.spot.ph/entertainment/top-list?ref=footer_sitemap">Top 10 Lists</a> <a class="block pb-2 header7" href="https://www.spot.ph/entertainment/entertainment-peopleparties?ref=footer_sitemap">People + Parties</a> </div> </div> <div class="column"> <a class="nav-header semibold my-3 block" href="https://www.spot.ph/things-to-do/the-latest-things-to-do?ref=footer_sitemap">Things to Do</a> <div class="nav nav-footer-primary"> <a class="block pb-2 header7" href="https://www.spot.ph/things-to-do/the-latest-things-to-do?ref=footer_sitemap">What's New</a> <a class="block pb-2 header7" href="https://www.spot.ph/things-to-do/neighborhood-guides?ref=footer_sitemap">Neighborhood Guides</a> <a class="block pb-2 header7" href="https://www.spot.ph/things-to-do/weekend-guides?ref=footer_sitemap">Weekend Guides</a> <a class="block pb-2 header7" href="https://www.spot.ph/things-to-do/top-list?ref=footer_sitemap">Top 10 Lists</a> </div> </div> <div class="column"> <a class="nav-header semibold my-3 block" href="https://www.spot.ph/shopping?ref=footer_sitemap">Shopping + Services</a> <div class="nav nav-footer-primary"> <a class="block pb-2 header7" href="https://www.spot.ph/shopping/the-latest-shopping?ref=footer_sitemap">What's New</a> <a class="block pb-2 header7" href="https://www.spot.ph/shopping/beauty-skincare?ref=footer_sitemap">Beauty + Skincare</a> <a class="block pb-2 header7" href="https://www.spot.ph/shopping/top-list?ref=footer_sitemap">Top 10 Lists</a> <a class="block pb-2 header7" href="https://www.spot.ph/shopping/shopping-sale-alerts?ref=footer_sitemap">Sale Alerts</a> </div> </div> </div> </div> </div> <hr class="no-bottom"/> <div class="footer-secondary text-center header8 text-gray py-3"> © 2026 Summit Digital . All Rights Reserved. SPOT.ph is property of Summit Media <br><span class="footer-mostreq-recipes">Best Restaurant Series: <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/71205/food-crawl-alabang-a1811-20170828-lfrm2">Alabang Restaurants</a>, <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/71516/food-crawl-antipolo-a00196-20170924-lfrm2">Antipolo Restaurants</a>, <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/62710/food-crawl-banawe-street-quezon-city">Banawe Restaurants</a>, <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/70314/10-new-restaurants-fort-bonifacio-a00196-20170609-lfrm">BGC Restaurants</a>, <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/75323/eastwood-city-restaurant-guide-a00196-20181005-lfrm3">Eastwood Restaurants</a>, <a href="https://www.spot.ph/eatdrink/53313/5-new-places-to-eat-in-the-new-glorietta">Glorietta Restaurants</a>, <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/71695/food-crawl-san-juan-city-a1808-20171011-lfrm3">Greenhills Restaurants</a>, <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/65243/new-kapitolyo-restaurants-a1102-20160215">Kapitolyo Restaurants</a>, <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/70300/all-day-breakfast-maginhawa-teachers-village-quezon-city-a125-20170602-lfrm">Maginhawa Restaurants</a>, <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/68103/10-new-restaurants-to-try-in-marikina-a00173-20161025-lfrm">Marikina Restaurants</a>, <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/74503/your-guide-to-no-fail-dining-spots-at-sm-megamall-a00198-20180722-lfrm4">Megamall Restaurants</a>, <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/74202/restaurants-near-sm-mall-of-asia-arena-and-concert-grounds-a00198-20180623-lfrm2">MOA Restaurants</a>, <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/69574/10-tagaytay-restaurants-road-trip-a1546-20170409-lfrm">Tagaytay Restaurants</a>, <a href="https://www.spot.ph/eatdrink/57219/10-reasons-why-trinoma-is-a-foodie-mecca">Trinoma Restaurants</a>, <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/74895/dining-spots-up-town-center-a1804-20180828-lfrm2">UP Town Center Restaurants</a>, <a href="https://www.spot.ph/eatdrink/the-latest-eat-drink/74097/10-new-bgc-and-uptown-bonifacio-restaurants-a00198-20180617-lfrm2">Uptown Mall Restaurants</a></span> </div>  <div class="bir-seal" style="clear: both; text-align: center; padding: 16px 0; background-color: #ffffff;"> <img src="https://images.summitmedia-digital.com/bir-seal-transparent.png" width="300" height="101" loading="lazy" alt="BIR Registered - Bureau of Internal Revenue" class="bir-seal__img" style="display: inline-block; width: 100%; max-width: 300px; height: auto;"> </div>  </div> </div> </div>  <div class="new-catfish desktop" id="new-catfish"> <div class="n-ad__item"> <div class="n-ad__ctrl n-hide"> <div class="n-ad__btn" id="catfish-collapse"> <div> <svg> <use xlink:href="#catfish-arrow"></use> </svg> </div> </div> <div class="n-ad__btn n-ad--close" id="catfish-close"> <div> <span>Close</span> <svg> <use xlink:href="#catfish-x"></use> </svg> </div> </div> </div> <div class="static-ad "><div id="div-gpt-ad-1372220318117-4" class="SRA-batch1 desktop-catfish"><script type="text/javascript">googletag.cmd.push(function(){ googletag.display('div-gpt-ad-1372220318117-4'); });</script></div></div> </div> </div>  <script type="text/javascript" src="https://www.spot.ph/js/lib/utilities.js"></script> <script type="text/javascript" src="https://www.spot.ph/js/feeds.js?v=1794266538"></script> <script src="/js/serializeObject.js"></script> <script src="/js/register.js?v=1620369612"></script> <script src="/standregistration/js/registration.js"></script> <script src="/standregistration/js/custom-js.js"></script> <script src="https://www.spot.ph/js/lib/dfpNew.min.js"></script> <script src="https://www.spot.ph/js/dfp_async.js"></script> <script type="text/javascript"> if(hasSkin){ $('#container').css('position', 'relative'); } setTimeout(function(){ $('iframe[data-dojo-attach-point=iframeModalContainer]').attr('scrolling', 'no'); }, 2000); var sd_segment = 'Shopping', excluded_channels = ['home']; // loadCss('/css/newsletter/desktop.css'); // loadCss('/css/top_ten_list_desktop.css?v=1590627871'); // loadCss('/css/desktop.css?new=3'); loadCss('/css/critical.css'); loadCss('/css/deals.css?v=1716545697'); loadJS('https://www.spot.ph/js/vendor/jquery.lazyload.min.js', function() { $('img.lazy:not([data-original=""])').lazyload({threshold:300}).removeClass('lazy').css('display', 'block'); if(sd_segment == "Feel"){ deferredLazyLoad(); } }); loadJS('https://www.spot.ph/js/app/main.js', function(){}); loadJS('https://www.spot.ph/js/app/sticky.js', function(){}); loadJS('https://www.spot.ph/js/app/nav-scroll.js', function(){}); loadJS('https://www.spot.ph/js/app/case-overlay.js', function(){}); loadJS('https://www.spot.ph/js/app/search-overlay.js', function(){}); loadJS('https://www.spot.ph/js/app/menu-overlay.js', function(){}); loadJS('https://www.spot.ph/js/app/search.js', function(){}); loadCss('/css/vendor/zebra/bootstrap.css'); loadJS('https://www.spot.ph/js/vendor/zebra_datepicker.js', function(){ $('[data-calendar]').Zebra_DatePicker({ default_position: 'below', show_icon: false, offset: [-195, 0], header_captions: { 'days': 'F Y', 'months': 'Y', 'years': 'Y1 - Y2' } }); }); /* Please call pinit.js only once per page */ loadJS('//assets.pinterest.com/js/pinit.js', function(){}); </script> <script type="text/javascript"> var eventMethod=window.addEventListener?"addEventListener":"attachEvent"; var eventer=window[eventMethod]; var messageEvent=eventMethod=="attachEvent"?"onmessage":"message"; eventer(messageEvent,function(event){ if (event.origin !== "https://www.spot.ph") return; var message = event.data; if (message[0] !== "expanding-catfish") if (message[0] !== "expanding-catfish-close") return; var frames=document.getElementsByTagName('iframe'); for(var i=0;i<frames.length;i++){ if(frames[i].contentWindow===event.source){ $iframeID = frames[i].id; $('iframe[id*="'+$iframeID+'"]').css('height',message[1]); break; } } }, false); </script> <script type="text/javascript"> var headerSearchCallback = function(response) { var resultData = JSON.parse(response), autocompleteResult = Object.keys(resultData.data).map(function(key) { return resultData.data[key] }), searchTextBox = $('[data-search-form] [name="q"]'), searchForm = $('[data-search-form]'); if (!resultData.error) { resultData.total = typeof resultData.total === 'undefined' ? 0 : resultData.total; if (resultData.total) { searchForm.find('[data-result-autocomplete]').html(''); forEach(function(i) { var tempHolder = $('[data-autocomplete-card]').first().clone(); tempHolder.find('[data-title]').attr('data-title', decodeEntities(i.title)); tempHolder.find('[data-title-primary]').html(decodeEntities(i.title)); tempHolder.find('[data-title-secondary]').html(decodeEntities(i.blurb)); tempHolder.removeClass('none'); tempHolder.find('[data-title]').attr('href', i.link); searchForm.find('[data-result-autocomplete]').append(tempHolder); }, autocompleteResult.slice(0, 6)); $('.js-srch-input').parent().siblings('.c-ovly').addClass('is-open'); } else { $('.js-srch-input').parent().siblings('.c-ovly').removeClass('is-open'); } } }; $(document).ready(function() { var searchTextBox = document.querySelector('[data-search-form] [name="q"]'), searchForm = document.querySelector('[data-search-form]'); searchTextBox.addEventListener('keydown', function(e) { setTimeout(function() { var data = $(searchForm).serialize(); data += '&search=' + JSON.stringify(searchTextBox.value); data += '&sort=date'; search(data, headerSearchCallback); }, 800); }); searchTextBox.addEventListener('blur', function(e) { if (e.relatedTarget == null) { $('.js-srch-input').parent().siblings('.c-ovly').removeClass('is-open'); } }); }); </script> <script> function paydayInstance(date = new Date()) { const today = date.getDate(); const lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate(); return (today >= 1 && today <= 3) || (today >= 12 && today <= 18) || (today >= 28 && today <= lastDay) } function weekendInstance(date = new Date()) { // 0-sunday, 1-monday, 2-tuesday, 3-wednesday, 4-thursday, 5-friday, 6-saturday return date.getDay() === 6 || date.getDay() === 5 || date.getDay() === 4 || date.getDay() === 0; } // if (paydayInstance(new Date())) { // document.getElementById('sale_alert__link').style.display = 'flex'; // document.getElementById('beaches__link').style.display = 'none'; // } else { // document.getElementById('sale_alert__link').style.display = 'none'; // document.getElementById('beaches__link').style.display = 'flex'; // } // if (weekendInstance(new Date())) { // document.getElementById('weekend_guides__link').style.display = 'flex'; // document.getElementById('top_10_lists__link').style.display = 'none'; // } else { // document.getElementById('weekend_guides__link').style.display = 'none'; // document.getElementById('top_10_lists__link').style.display = 'flex'; // } </script>  <script type="text/javascript"> const newCatfish = document.querySelector('.new-catfish'); const catfishCollapse = document.getElementById('catfish-collapse'); const catfishClose = document.getElementById('catfish-close'); catfishCollapse.addEventListener("click", function() { if(newCatfish.classList.contains('collapsed')) { console.log('catfish was expanded'); window.dataLayer.push({ 'event': 'CATFISH_EXPAND' }); } else { console.log('catfish was collapsed'); window.dataLayer.push({ 'event': 'CATFISH_COLLAPSE' }); } newCatfish.classList.toggle('collapsed'); if(typeof rTime !== 'undefined') clearTimeout(rTime); var rTime = setTimeout(function() { window.scrollTo(window.scrollX, window.scrollY - 1); window.scrollTo(window.scrollX, window.scrollY + 1); }, 5e2); }); catfishClose.addEventListener("click", function() { console.log('catfish was closed'); newCatfish.style.display = "none"; window.dataLayer.push({ 'event': 'CATFISH_CLOSE' }); }); </script> <script> const gr = document.querySelector('.great-restaurants'); const grLabel = gr.querySelector('.label'); const grTabs = document.querySelectorAll('.tab-btns button'); // Select ALL buttons const grContent = gr.querySelector('.slc'); const grClose = gr.querySelector('.close'); const grTabContents = document.querySelectorAll('.tab-content'); // Assuming you have content divs const refBody = document.querySelector('body'); // Toggle dropdown grLabel.addEventListener('click', (e) => { if (e.target.closest('.tab-btns')) return; // Don't toggle if clicking tabs grContent.classList.toggle('is-open'); refBody.classList.toggle('overflow-hidden'); }); // Make the first tab active if (grTabs.length > 0 && grTabContents.length > 0) { grTabs[0].classList.add('active'); grTabContents[0].classList.add('active'); } // Tab switching logic grTabs.forEach((tab, index) => { tab.addEventListener('click', (e) => { // 1. Remove active class from all tabs & contents grTabs.forEach(t => t.classList.remove('active')); grTabContents.forEach(c => c.classList.remove('active')); // 2. Add active class to clicked tab and corresponding content tab.classList.add('active'); grTabContents[index].classList.add('active'); }); }); // Close dropdown when clicking outside document.addEventListener('click', (e) => { if (!gr.contains(e.target)) { grContent.classList.remove('is-open'); refBody.classList.remove('overflow-hidden'); } }); grClose.addEventListener('click', (e) => { grContent.classList.remove('is-open'); refBody.classList.remove('overflow-hidden'); }); </script>  <script type="text/javascript"> window._taboola = window._taboola || []; _taboola.push({flush: true}); </script> <script src="https://www.spot.ph/js/branded.js"></script>  <script type="text/javascript" defer="defer"> $(document).ready(function() { var feedTemplate = $('<div class="article-card"><div class="figure wide"><div class="figure-content"><div class="mood small hide" data-mood></div><div class="sns-share small"><div class="sns-control sns-open btn-round"><i class="icon-share"></i></div><div class="sns-control sns-close btn-round"><i class="icon-close"></i></div></div><a class="card-image block relative" href="" data-url><img class="lazy" src="https://images.summitmedia-digital.com/spotph/images/640x360.png" width="235" height="132" data-original="" data-image></a><div class="sns-backdrop"><div class="article-card-sns"><a href="#" class="btn btn-facebook gtm-feedFbShare header5" data-sns="facebook" data-title="" data-url="" data-desc="" data-image=""><i class="icon-facebook gtm-feedFbShare"></i></a><a href="#" class="btn btn-twitter gtm-feedTwitterShare header5" data-sns="twitter" data-title="" data-url="" data-desc="" data-image=""><i class="icon-twitter gtm-feedTwitterShare"></i></a><a href="#" class="btn btn-pinterest gtm-feedPinterestShare header5" data-sns="pinterest" data-title="" data-url="" data-desc="" data-image=""><i class="icon-pinterest gtm-feedPinterestShare"></i></a></div></div></div></div><div class="body"><div class="channel-name"><a href="" class="channel" data-channel data-channel-url></a></div><a href="" data-url><h3 class="title mb-1 header5" data-title></h3></a><div class="blurb mb-2 light" data-blurb></div><div class="byline mb-3 light gray header7" data-byline></div></div></div>'), //{!! $feedTemplate !!} featuredTemplate = $('<div class="article-card stack column b-bottom-0"><div class="figure wide"><div class="figure-content"><div class="mood small no-hover hide" data-mood><img src="https://images.summitmedia-digital.com/spotph/images/640x360.png"></div><a class="card-image block relative" href="" data-url><img src="https://images.summitmedia-digital.com/spotph/images/640x360.png" data-image></a><div class="sns-backdrop"><div class="article-card-sns"><a href="#" class="btn btn-facebook gtm-feedFbShare header5" data-sns="facebook" data-title="" data-url="" data-desc="" data-image=""> <i class="icon-facebook gtm-feedFbShare"></i></a><a href="#" class="btn btn-twitter gtm-feedTwitterShare header5" data-sns="twitter" data-title="" data-url="" data-desc="" data-image=""><i class="icon-twitter gtm-feedTwitterShare"></i></a><a href="#" class="btn btn-pinterest gtm-feedPinterestShare header5" data-sns="pinterest" data-title="" data-url="" data-desc="" data-image=""><i class="icon-pinterest gtm-feedPinterestShare"></i></a></div></div></div></div><div class="body"><div class="channel-name"><a href="" class="channel" data-channel data-channel-url></a></div><a href="" data-url><h2 class="title mb-1 header5" data-title></h2></a></div></div>'), asideTemplate = $('<div class="article-card stack"><div class="figure wide"><div class="figure-content"><div class="item-count bg-auburn text-white absolute text-center hide" data-counter>1</div><a class="card-image block relative Gtm-itlThumb" href="" data-url><img src="" width="280" height="158" class="Gtm-itlThumb" data-image></a></div></div><div class="body"><div class="channel-name"><a href="" class="channel" data-channel data-channel-url></a></div><a href="" class="Gtm-itlThumb" data-url><h3 class="title mb-1 fs-default mb-3" data-title></h3></a></div></div>'), asideFopTemplate = $('<div class="article-card stack"><div class="figure wide"><div class="figure-content"><div class="item-count bg-auburn text-white absolute text-center hide" data-counter>1</div><a class="card-image block relative Gtm-itlThumb" href="" data-url><img src="" width="100%" height="66" class="Gtm-itlThumb" data-image></a></div></div><div class="body"><div class="channel-name"><a href="" class="channel" data-channel data-channel-url></a></div><a href="" class="Gtm-itlThumb" data-url><h3 class="title mb-1 fs-default mb-3" data-title></h3></a></div></div>'), asideBigCustomTemplate = $('<div class="c-feed__item is-hero"><div class="b-card"><div class="b-card__fig"><a href="" data-url><img src="https://images.summitmedia-digital.com/spotph/images/640x360.png" data-image></a></div><div class="b-card__body"><div class="b-ttle"><a href="" data-url data-title></a></div></div></div></div>'), asideCustomTemplate = $('<div class="c-feed__item"><div class="b-card"><div class="b-card__fig"><a href="" data-url><img src="https://images.summitmedia-digital.com/spotph/images/640x360.png" data-image></a></div><div class="b-card__body"><div class="b-ttle"><a href="" data-url data-title></a></div></div></div></div>'), asideInoutTemplate = $('<div class="c-feed__item"><div class="b-card"><div class="b-card__fig"><a href="" data-url><img src="https://images.summitmedia-digital.com/spotph/images/640x360.png" data-image></a></div><div class="b-card__body"><div class="b-ch"><a href="" data-channel data-channel-url></a></div><div class="b-ttle"><a href="" data-url data-title></a></div><div class="b-blrb" data-blurb></div></div></div></div>'), surveyTemplate = $('<div class="question" data-id=""><div class="question-text header6 text-left mb-3" data-title></div><div class="choices survey-container hide"><a href="javascript:void(0)" class="choice no-hover center block bg-lightgray border b-slate p-2 header6 mb-3 light" data-id="" data-index="" data-weight=""></a></div></div>'), establishmentTemplate = $('<div class="body"><a href="" data-title class="listing-title gtm-articleListing"></a><div class="listing-text" data-address></div><div class="view-buttons header7 mt-1"><a href="" data-link target="_blank" class="text-w-icon text-auburn middle icon-home gtm-articleListing"><u class="text middle gtm-articleListing">View Listing</u></a>    <a href="" data-link target="_blank" class="text-w-icon text-auburn middle icon-map-pin gtm-articleMap"><u class="text middle gtm-articleMap">View Map</u></a>   </div></div>'), eventTemplate = $('<div class="body"><a href="" data-title class="listing-title gtm-articleListing"></a><div class="listing-text" data-address><br></div><div class="view-buttons header7 mt-1"><a href="" data-link target="_blank" class="text-w-icon text-auburn middle icon-star gtm-articleListing"><u class="text middle gtm-articleListing">View Listing</u></a></div></div>'), galleryTemplate = $('<div class="temporaryContainer"><div class="gallery-thumb column bg-lightgray" data-index="" data-gallery=""><img class="inline-block middle" src="" width="100%" data-image></div><div class="image-slide" data-photo-caption="" data-index="" data-photo-credit=""><img class="block" src="" data-image></div><div class="gallery-list-card stack mb-4 b-top"><div class="gallery-image figure"><img class="block" src="" width="100%" data-image></div><div class="gallery-body body py-2 px-3"><div class="overflow-hidden"><div class="text-w-icon middle text-gray icon-copy text-left left py-1"><span class="text header7 middle italic"><span class="count" data-count></span>/<span class="total" data-total></span></span></div><div class="gallery-sns right"><a href="#" class="btn btn-facebook icon-facebook inline-block text-w-icon middle header5 border-box mr-1" data-sns="facebook" data-title="" data-desc="" data-url="" data-image=""></a><a href="#" class="btn btn-twitter icon-twitter inline-block text-w-icon middle header5 border-box mr-1" data-sns="twitter" data-title="" data-desc="" data-url="" data-image=""></a><a href="#" class="btn btn-pinterest icon-pinterest inline-block text-w-icon middle header5 border-box " data-sns="pinterest" data-title="" data-desc="" data-url="" data-image=""></a></div></div><div class="gallery-caption"></div><div class="gallery-photo-credit" data-credit></div></div></div><div class="figureExt slide-figured"><div class="gallery-sns"><a href="#" class="btn inline-block header5 text-w-icon middle border-box btn-facebook icon-facebook gtm-galFbShare mr-1" data-sns="facebook" data-title="" data-desc="" data-url="" data-image=""></a><a href="#" class="btn inline-block header5 text-w-icon middle border-box btn-twitter icon-twitter gtm-galTwitterShare mr-1" data-sns="twitter" data-title="" data-desc="" data-url="" data-image=""></a><a href="#" class="btn inline-block header5 text-w-icon middle border-box btn-pinterest icon-pinterest gtm-galPinterestShare" data-sns="pinterest" data-title="" data-desc="" data-url="" data-image=""></a></div></div><div class="body" figureExt-body><div class="gallery-caption" data-desc></div><div class="gallery-photo-credit" data-credit></div></div></div>'), playVideoTemplate = $(''), //{!! $playVideoTemplate !!} widgetTemplate = $(''), //{!! $widgetTemplate !!} adTemplate = $(''), //{!! $adTemplate !!} sectionCounter = 0, feedAPI = apiUrl+'feeds/', feedChunk = 12, feedCounter = 0, widgetCounter = 0, widget = [], shareTemplate = $(''), //{!! $shareTemplate !!} finish = true, inTheLoopstatus = false, limit = 3, loading = true, loadmoreThreshold = 1500, loadmoreTarget = $('[data-loadmore]'); /** Start Survey Script **/ if($('.widget.widget-survey').length > 0){ var survey_container = $('.widget.widget-survey'); $.each(survey_container,function(key,item){ var survey_type = $(item).data('type'); var survey_id = $(item).data('id'); var getType = survey_type == 'quiz' ? 'personality' : survey_type; //apiConnect(apiUrl+'survey/get/'+survey_type+'/'+survey_id , 'GET', 'json', '', '', true).then(function(values){ apiConnect(apiUrl+'survey/get/'+survey_id+'?isOld=yes&surveyType='+getType , 'GET', 'json', '', '', true).then(function(values){ $('.widget.widget-survey').attr('data-id', values.title); var surveyClass = '.question-group .widget-content .questions.'+survey_type+'-identifier-'+survey_id; generateSurveyQuill(values, surveyClass, surveyTemplate, survey_type); $(surveyClass+' .survey-container').removeClass('hide'); }); }); $(document).ready(function(){ setTimeout(function(){ callSurvey(); }, 5000); }); } /** End Survey Script **/ /* most popular */ deferreds.push( apiConnect(apiUrl+'most-popular/get', 'GET', 'json', '', '', true).then(function(values){ values = values.slice(0,5); generateFeed(values, '.section-most-popular .widget-content', asideTemplate, false, false, false, 'aside_popular','article'); $(".mp-ntv").removeClass('hide').detach().insertAfter('.section-most-popular .widget-content .article-card:eq(1)').wrap('<div class="article-card stack">'); }) ); /* most shared */ deferreds.push( apiConnect(apiUrl+'most-shared/get?limit=5', 'GET', 'json', '', '', true).then(function(values){ if(values.length > 0) { values = values.slice(0,5); generateFeed(values, '.section-most-shared .widget-content', asideTemplate, false, false, false, 'aside_shared','article'); for (var i = 0; i <= values.length; i++) { $('.section-most-shared .widget-content .item-count:eq('+i+')').removeClass('hide').html(i+1); } } }) ); /* Renders in the loop */ deferreds.push( apiConnect(apiUrl+'native/pr/0/5', 'GET', 'json', '', '', true).then(function(values){ if(values.length > 0){ generateFeed(values, '.widget-pr .widget-content', asideFopTemplate, false, false, false, 'aggregate','article'); $('.widget-pr').removeClass('hide'); } }) ); /*flashbox*/ deferreds.push( apiConnect(apiUrl+'hero/get', 'GET', 'json', '', '', true).then(function(values){ /*featured*/ var hero = values; generateFeed(hero, '.widget-featured .featured', featuredTemplate, false, false, false, 'featured','article'); apiConnect(apiUrl+'featured/get', 'GET', 'json', '', '', true).then(function(values){ /*featured*/ var featured = values; generateFeed(featured, '.widget-featured .featured', featuredTemplate, false, false, false, 'featured','article'); }); /* featured */ /* first 12 feeds */ apiConnect(feedAPI+feedCounter+'/'+feedChunk+'?excludeNative=true', 'GET', 'json', '', '', true).then(function(values) { generateFeed(values, '.content .widget-feed:eq('+feedCounter+') .feed', feedTemplate, false, true, false, 'feed', 'article', feedCounter+1, true); feedCounter++; $('.content .widget-feed').removeClass('hide') loading = false; }); /* first 12 feeds */ deferredLazyLoad(); }) ); /* featured */ /*top list*/ // deferreds.push( // apiConnect('https://www.spot.ph/api/custom-widget/custom/toplist', 'GET', 'json', '', '', true).then(function(values) { // var widgetTitle = values.title || ''; // var hero = [values.articles.shift()]; // var featured = values.articles.slice(0,3); // generateFeed(hero, '.section-top-10-list .big-custom', asideBigCustomTemplate, false, false, false, 'wtd','article'); // generateFeed(featured, '.section-top-10-list .small-custom', asideCustomTemplate, false, true, false, 'wtd','article'); // $('.section-top-10-list').removeClass('hide'); // if(widgetTitle) // $('.section-top-10-list').find('[data-widget-title]').html(widgetTitle); // gtmVal = $('.section-top-10-list').attr('data-gtm'); // $('.section-top-10-list').find('[data-url]').addClass(gtmVal); // $('.section-top-10-list').removeClass('hide'); // }) // ); /*top list*/ /*best of manila*/ // deferreds.push( // apiConnect('https://www.spot.ph/api/custom-widget/custom_1/bestof', 'GET', 'json', '', '', true).then(function(values) { // var widgetTitle = values.title || ''; // var hero = [values.articles.shift()]; // var featured = values.articles.slice(0,3); // generateFeed(hero, '.section-best-of-manila .big-custom', asideBigCustomTemplate, false, false, false, 'ne','article'); // generateFeed(featured, '.section-best-of-manila .small-custom', asideCustomTemplate, false, true, false, 'ne','article'); // if(widgetTitle) // $('.section-best-of-manila').find('[data-widget-title]').html(widgetTitle); // gtmVal = $('.section-best-of-manila').attr('data-gtm'); // $('.section-best-of-manila').find('[data-url]').addClass(gtmVal); // $('.section-best-of-manila').removeClass('hide'); // }) // ); /*best of manila*/ /*inout reco*/ var inOutRecoEl = $('.section-inout-reco'); if ( inOutRecoEl.length ) { var inOutRecoTagSlug = inOutRecoEl.attr('data-tag'); deferreds.push( apiConnect(apiUrl+'inout/tag/get/'+inOutRecoTagSlug+'/0/20', 'GET', 'json', '', '', true, '', '').then(function(values) { var inout_reco = values.articles.slice(0,4); generateFeed(inout_reco, '.section-inout-reco .c-feed__list', asideInoutTemplate, false, true, false); gtmVal = inOutRecoEl.attr('data-gtm'); inOutRecoEl.find('[data-url]').addClass(gtmVal); }) ); } /*inout reco*/ $(document).on('click','#lmBtn', function(){ loading = true; apiConnect(feedAPI+feedCounter+'/'+feedChunk+'?excludeNative=true', 'GET', 'json', '', '', true).then(function(values){ feedCounter++; generateFeed(values, '.content .widget-feed:last .feed', feedTemplate, false, true, false, 'feed', 'article', feedCounter, true); $('img.lazy').lazyload({threshold:300}).removeClass('lazy'); if (feedCounter > limit){ $('#lmBtn').attr('href',$('#lmBtn').data('hrefLatestPage')).addClass('gtm-feedArchive').text('View Archives').removeAttr('id'); return; }; loading = false; }) return false; }); $(window).on('scroll', function(){ var currentPosition = $(window).scrollTop() + $(window).height() + loadmoreThreshold; var targetPosition = loadmoreTarget.offset().top; if(currentPosition >= targetPosition && loading === false) { loadmoreTarget.trigger('click'); } }); /** Start Event Script **/ if($('.widget-shortcode .widget-content .event-card').length > 0){ var event_card = $('.widget-shortcode .widget-content .event-card'); var event_id = {}; $.each(event_card,function(key,item){ event_id['id['+key+']'] = $(item).data('id'); }); event_id = $.param(event_id); apiConnect( apiUrl+'events/plugin?'+event_id, 'GET', 'json', '', '', true).then(function(values){ var eventClass = '.widget-shortcode .widget-content .event-card'; generateEvent(values, eventClass , eventTemplate); }); } /** End Event Script **/ /** Start Establishment Script **/ if($('.widget-shortcode .widget-content .establishment-card').length > 0){ var establishment_card = $('.widget-shortcode .widget-content .establishment-card'); var establishment_id = {}; $.each(establishment_card,function(key,item){ establishment_id['id['+key+']'] = $(item).data('id'); }); establishment_id = $.param(establishment_id); apiConnect( apiUrl+'establishments/plugin?'+establishment_id, 'GET', 'json', '', '', true).then(function(values){ var establishmentClass = '.widget-shortcode .widget-content .establishment-card'; generateEvent(values, establishmentClass , establishmentTemplate); }); } /** End Establishment Script **/ /** Start Gallery Script **/ var galleryEl = $('.widget-shortcode.widget-gallery'); $.each(galleryEl,function(key,item){ var galleryId = $(item).attr('data-gallery-id'); apiConnect( apiUrl+'gallery/'+galleryId, 'GET', 'json', '', '', true).then(function(values){ var count = Object.keys(values.photos).length; generateGallery(values, '.widget-shortcode.widget-gallery:eq('+key+')' , galleryTemplate); }); }); /** End Gallery Script **/ }); </script> <script type="text/javascript"> var adsId = 41, web_name = WEBSITE.toLowerCase(), ad_size = [[1, 1], [300, 250], [336, 280], [160, 600], [300, 600]], ad_is_nsfw = false, ad_tags = 'cream silk,#wherecanyourhairtakeyou,heartevangelista,sampinto,tonigonzaga'; ad_code = '1372220318117', ad_net_code = '1019353', inviewSlots = [], D_AD_SCROLL = true; </script> <script src="https://www.spot.ph/js/lib/dynamic_ad.js?v=1789970554" defer></script> <script src="https://www.spot.ph/js/lib/jquery.keywordLinking.min.js"></script> <script type="text/javascript" defer> function shortNum(num) { if (num >= 1000000000) { return (num / 1000000000).toFixed(1).replace(/\.0$/, '') + 'B'; } if (num >= 1000000) { return (num / 1000000).toFixed(1).replace(/\.0$/, '') + 'M'; } if (num >= 1000) { return (num / 1000).toFixed(1).replace(/\.0$/, '') + 'K'; } return num; } var articleSrc = '', singleGallery, currentGalleryIndex = 0, readNextClosed = false, blurb = $('<div />').text($('meta[name="description"]').attr('content')).html(), link = $('meta[property="og:url"]').attr('content'), title = $('<div />').text($('meta[name="title"]').attr('content')).html(), img = $('meta[property="og:image"]').attr('content'); $(function(){ $('.article-content').keywordLink( { sourceURL : PUBLIC_DOMAIN+'/api/keywords', excludeWithin : 'a', keywordLimit : 10 }); /* Facebook Share count */ var shareURL = articleID > 71400 ? "https%3A%2F%2Fwww.spot.ph%2Fshopping%2F55653%2Fheart-evangelista-toni-gonzaga-and-sam-pinto-star-in-cream-silks-newest-30th-anniversary-tvc-2" : "http%3A%2F%2Fold.spot.ph%2Fshopping%2F55653%2Fheart-evangelista-toni-gonzaga-and-sam-pinto-star-in-cream-silks-newest-30th-anniversary-tvc-2"; var oldshareCount = '' != '' ? '' : 0; $.ajax({ url : "https://shareapi.summitmedia-digital.com/shareAPI?site=spot&link="+shareURL, format : 'json', success : function(res, code){ if(code == 'success'){ var obj = JSON.parse(res); $('.sns-share-count .share-count').text(shortNum(obj.shares+parseInt(oldshareCount))); if(shortNum(obj.commentsbox)<=1){ $('.sns-comment-count').text(shortNum(obj.commentsbox)+" Comment"); } else{ $('.sns-comment-count').text(shortNum(obj.commentsbox)+" Comments"); } } } }); $('.btn-comment-anchor').on('click', function(){ $('html, body').animate({ scrollTop: $('.article-comments').offset().top - 50 }, 'slow'); }); $('.mood-item').on('click', function(){ var mood_selected = $(this).data().name; }); $('.view-more-mood').hide(); $(".article-content > blockquote > p, .article-content > p img, .article-content > figure > img").each(function(){ if($(this).parent().prop('tagName') == 'BLOCKQUOTE') { blurb = $(this).text(); } if($(this).prop('tagName') == 'IMG') { img = $(this).attr('src'); } if ($(this).parent().prop('tagName') == 'BLOCKQUOTE' || ($(this).prop('tagName') == 'IMG' && !$(this).attr('src').match(/\/banners\//g) ) && articleID != '14878') { var html = '<div class="sns-backdrop">'; html += '<div class="article-card-sns">'; html += '<a href="#" class="btn btn-facebook sns-facebook gtm-feedFbShare" data-sns="facebook" data-title="'+(title)+'" data-url="https://www.spot.ph/shopping/55653/heart-evangelista-toni-gonzaga-and-sam-pinto-star-in-cream-silks-newest-30th-anniversary-tvc-2" data-desc="'+(blurb)+'" data-image="'+(img)+'">'; html += '<i class="icon-facebook sns-facebook gtm-feedFbShare"></i>'; html += '</a>'; html += '<a href="#" class="btn btn-twitter gtm-feedTwitterShare" data-sns="twitter" data-title="'+(title)+'" data-url="https://www.spot.ph/shopping/55653/heart-evangelista-toni-gonzaga-and-sam-pinto-star-in-cream-silks-newest-30th-anniversary-tvc-2" data-desc="'+(blurb)+'" data-image="'+(img)+'">'; html += '<i class="icon-twitter gtm-feedTwitterShare"></i>'; html += '</a>'; html += '<a href="#" class="btn btn-pinterest gtm-feedPinterestShare" data-sns="pinterest" data-title="'+(title)+'" data-url="https://www.spot.ph/shopping/55653/heart-evangelista-toni-gonzaga-and-sam-pinto-star-in-cream-silks-newest-30th-anniversary-tvc-2" data-desc="'+(blurb)+'" data-image="'+(img)+'">'; html += '<i class="icon-pinterest gtm-feedPinterestShare"></i>'; html += '</a>'; html += '</div>'; html += '</div>'; var c = document.createElement('span'), e = $(this); c.className = 'figure no-bottom relative'; $(this).wrap('<div class="article-card stack b-bottom-0 no-bottom in-article-card"></div>'); $(this).parent().html('').append(c).wrap('<div class="text-center"></div>').css('display', 'inline-block'); $(c).append(e); $(e).addClass('block'); $(this).parent().append(html); } }); }); </script> <style type="text/css"> .for-measurement { height: 1px; } </style> <script> $(document).ready(function() { // Function to clean the phone number function cleanPhoneNumber(phoneNumber) { return phoneNumber.replace(/[-\s() +]/g, ''); // Remove spaces, dashes, parentheses, and plus signs } // Function to validate the phone number function validatePhoneNumber(cleanedNumber) { const validPrefixes = ['639', '638', '1800', '02', '03', '04', '05', '06', '07', '08', '09', '3', '6', '7', '8']; const length = cleanedNumber.length; // Check if the number length is within the valid range if (length >= 8 && length <= 12) { for (const prefix of validPrefixes) { if (cleanedNumber.startsWith(prefix)) { if(prefix.length == 1) { if(length == 8) { return true; } return false; } else { return true; // Valid number } } } } return false; // Invalid number } var phoneRegex = /(\+?63\d{10}|\+?63\d{3}[-\s]\d{3}[-\s]\d{4}|\+?63\d{3}[-\s]?\d{7}|0\d{10}|\d{4}[-\s]\d{7}|0\d{3}[-\s]\d{3}[-\s]\d{4}|$0\d{2}$[\s-]?\d{4}[\s-]?\d{4}|$02$[\s-]?\d{4}[\s-]?\d{4}|\d{4}[-\s]\d{4})/g; // Iterate over the article content // Iterate over the article content $('.article-content').each(function() { var content = $(this).html(); // Use a temporary element to isolate text outside of <a> tags var tempDiv = $('<div>').html(content); // Find and replace phone numbers with <a> tags, only outside <a> elements tempDiv.find('*').contents().filter(function() { return this.nodeType === 3; // 3 is text node }).each(function() { var text = this.nodeValue; var replacedText = text.replace(phoneRegex, function(match) { // Clean up the phone number by removing dashes or spaces for the href var cleanedNumber = match.replace(/[-\s]/g, ''); // Convert to <a> tag with "tel:" link, keeping dashes/spaces in the visible text return '<a href="tel:' + cleanedNumber + '">' + match + '</a>'; }); // If there was a replacement, update the text node with the HTML if (replacedText !== text) { $(this).replaceWith(replacedText); // This replaces the text node with the HTML } }); // Update the content of the article with the transformed HTML $(this).html(tempDiv.html()); }); }); </script> <script type="text/javascript"> OAID=2109697;ORef=escape(window.top.location.href);!function(){var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src="//track.omguk.com/la?aid="+OAID+"&ref="+ORef;var b=document.getElementsByTagName("body")[0];if(b)b.appendChild(a,b);else{var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)}}(); </script> <script> $(function() { $(".impression-id").each(function() { var aggId = $(this).attr("data-aggimp"); if(aggId !== undefined && aggId != '') { $.ajax({ type: 'POST', url: 'https://sat.summitmedia-digital.com/api/collect/'+aggId, success: function(data) { console.log(data); }, error: function(e) { console.log(e.message); } }); } }); }); </script> <script type="text/javascript"> $('[data-mood-id]').on('click', function(){ var post = $('.widget-mood.article-mood').data(); mood = $(this).data(), moodId = mood.moodId, moodName = $(this).html(), postType = post.postType, postId = post.postId, moodCount = $(this).next('[data-count]'), total = $('.mood-total-votes .votes'), currentCount = moodCount.text() ? parseInt(moodCount.text()) : 0, totalCount = total.text() ? parseInt(total.text()) : 0; $.ajax({ url: PUBLIC_DOMAIN + "/api/moods", type: 'POST', data:{ postId: postId, postType: postType, moodId: moodId }, dataType: 'JSON' }) .done(function(response){ if(response.success){ moodCount.text(currentCount + 1); $('[data-mood-id]').off('click'); total.html(totalCount +1 ); } $('.mood-message').html(response.message); $('.view-more-mood').attr('href',mood.moodUrl); $('.view-more-mood > span').html(moodName); $('.view-more-mood').slideDown().css('display', 'flex'); }); }); </script> <script type="text/javascript"> /* facebook sdk */ (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk/xfbml.save.js#xfbml=1&version=v2.12&appId=97653614520"; js.async = 'true'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>  <style> @import url("https://fonts.googleapis.com/css?family=Nunito:300,700");.cookie-dialog{font-family:"Nunito",Arial,sans-serif !important}.cookie-dialog__btn,.cookie-dialog__text,.cookie-dialog__text a{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.cookie-dialog__btn:hover{cursor:pointer}.cookie-dialog__btn,.cookie-dialog__text,.cookie-dialog__text a{font-size:0.75rem;line-height:1.33em}.cookie-dialog{-moz-border-radius:0 !important;-webkit-border-radius:0 !important;border-radius:0 !important}.cookie-dialog__btn{-moz-border-radius:0 !important;-webkit-border-radius:0 !important;border-radius:0 !important;font-size:12px;padding:6px 12px !important}@media screen and (max-width: 500px){.cookie-dialog{margin-left:0 !important}}.cookie-dialog__btn{text-align:center}.cookie-dialog{position:fixed}.cookie-dialog__btn{text-transform:uppercase}.cookie-dialog__btn{font-weight:700}.cookie-dialog{box-sizing:border-box}.cookie-dialog{overflow:none}.cookie-transition{transform:translateX(0%) !important;-webkit-transform:translateX(0%) !important}.cookie-dialog{box-shadow:3px 3px 8px #191919}.cookie-dialog{-moz-transition:-moz-transform 0.55s cubic-bezier(0.06, 0.71, 0.39, 1.17);-o-transition:-o-transform 0.55s cubic-bezier(0.06, 0.71, 0.39, 1.17);-webkit-transition:-webkit-transform 0.55s cubic-bezier(0.06, 0.71, 0.39, 1.17);transition:transform 0.55s cubic-bezier(0.06, 0.71, 0.39, 1.17);background-color:#191919;color:#fff;max-height:unset !important;padding:0.875em;will-change:transform;z-index:9999999999;-webkit-backdrop-filter:blur(30px)}.cookie-dialog .cookie-button__container{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.cookie-dialog .cookie-button__container .cookie-dialog__btn.is-gry{background-color:#b2b2b2 !important;opacity:0.8}.cookie-dialog .cookie-button__container .cookie-dialog__btn.is-gry:hover{background-color:#7f7f7f !important;opacity:1}.cookie-dialog__text{color:#fff;margin:0 0 10px}.cookie-dialog__text a{color:#ff4248;text-decoration:underline}.cookie-dialog__text a:hover{color:#ff3f46}.cookie-dialog__btn{background-color:#c82127 !important;background:#c82127 !important;border:none;color:#fff;padding:6px 12px;width:100%;-webkit-appearance:none}.cookie-dialog__btn:hover{background-color:#ff4248;background:#ff4248;border:none}.dpo-dps-seal-nav{padding:32px 15px}.dpo-dps-seal{width:auto;height:118px !important;float:left;padding-right:20px;padding-left:5px}.dpo-dps-header{color:#191919;font-size:14px;font-weight:600}.dpo-dps-paragraph{font-size:12px;line-height:20px;font-weight:400;color:#1F1F1F;padding-top:10px}@media screen and (max-width: 500px){.cookie-dialog{-moz-transform:translateY(140%);-ms-transform:translateY(140%);-webkit-transform:translateY(140%);transform:translateY(140%);bottom:0;left:0;right:0;max-width:414px;min-width:280px;width:100%}.cookie-dialog__btn{padding:12px}.cookie-transition{transform:translateY(0%) !important;-webkit-transform:translateY(0%) !important}}@media screen and (min-width: 501px){.cookie-dialog{-moz-transform:translateX(111%);-ms-transform:translateX(111%);-webkit-transform:translateX(111%);transform:translateX(111%);bottom:100px;right:20px;width:393px}.cookie-transition{-webkit-transform:translateX(0%) !important;transform:translateX(0%) !important}}</style> <div class="cookie-dialog gtm-privacyPolicy" id="cookie-dialog-spot"> <div class="cookie-dialog__content" id="cookie-dialog-content"> <img src="https://images.summitmedia-digital.com/logo-dpo-dps.png" class="dpo-dps-seal"> <p class="cookie-dialog__text">We use cookies to ensure you get the best experience on Spot.ph. By continued use, you agree to our privacy policy and accept our use of such cookies. Find out more <a href="/privacy-policy" target="_blank">here</a>.</p> <div class="cookie-button__container"> <button class="cookie-dialog__btn gtm-privacyAgree" id="cookie-cta"> I Agree </button> <button class="cookie-dialog__btn is-gry gtm-privacyDisagree" id="cookie-cta2"> I Disagree </button> </div> </div> </div> <script> function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return null; } $(function() { let userLogged = localStorage.getItem("user_token"); if (!userLogged) { console.log('not logged'); if (getCookie('SPOTISPR') === null) { $('#cookie-dialog-spot').addClass('cookie-transition'); } } /*setTimeout(function() {*/ // if(getCookie('SPOTISPR') === null){ // $('#cookie-dialog').addClass('cookie-transition'); // } /*}, 999);*/ $('#cookie-cta,#cookie-cta2').click(function() { $('#cookie-dialog-spot').toggleClass('cookie-transition'); var date = new Date(); var year = date.getFullYear(); var month = date.getMonth(); var day = date.getDate(); var d = new Date(year + 2, month, day); var n = d.toUTCString(); console.log(n); if($(this).attr('id') == 'cookie-cta'){ SPOTISPR = 1; }else{ SPOTISPR = 0; } document.cookie = "SPOTISPR="+SPOTISPR+"; expires=" + n +"; path=/"; }); }); </script>  <script type="text/javascript"> const checkDeferredPlayers = setInterval(() => { console.log('checkDeferredPlayers'); if(!!document.querySelector('.dm-player')) { clearInterval(checkDeferredPlayers); updatePlayerParams(); } else { console.log('%cDailymotion:', 'background: #0095ff; color: #ffffff', 'waiting for deffered-players.'); } }, 1000); const updatePlayerParams = () => { // const dmPlayers = document.querySelectorAll('.dm-player'); // let len = dmPlayers.length; // let customParams = false; // if(typeof dartCCKey != 'undefined' && dartCCKey !== '' && // typeof dartCC != 'undefined' && dartCC !== '') { // customParams = dartCCKey+'='+encodeURIComponent(ndartCC); // } // while(len--) { // let param = dmPlayers[len].getAttribute('customParams'); // if(!!param) { // customParams = param + '&' + customParams; // } // dmPlayers[len].setAttribute('customParams', customParams); // console.log('updatePlayerParams'); // } !function(e,c,m,n,r,s,t){e[r]||(s=c.createElement(m),t=c.getElementsByTagName(m)[0],s.async=!0,s.src=n,t.parentNode.insertBefore(s,t))}(window,document,"script","https://statics.dmcdn.net/c/dm-ce.min.js","dmce"); }; </script>  <script src="https://www.spot.ph/js/dm-events.js" ></script> <script src="https://www.spot.ph/js/dm-custom-pip.js" ></script> </body> </html>

The SPOT.ph 50 Great Restaurants of 2026: Best of Manila and Beyond

Discover the winners

The SPOT.ph 50 Great Restaurants of 2025: Best of Manila and Beyond

Discover the winners

The SPOT.ph 50 Great Restaurants of 2024: Best of Manila and Beyond

Discover the winners

The SPOT.ph 50 Great Restaurants of 2023: Best of Manila and Beyond

Discover the winners

Best of Manila + More: 50 Great Restaurants of 2022

Discover the winners

Heart Evangelista, Toni Gonzaga, and Sam Pinto Star in Cream Silk’s 30th Anniversary TVC